# 安全教育与考试系统用户工作台需求

> 你是一名精通B端产品设计的优秀产品总监，负责高等院校实验室安全智慧化管控系统的整体设计，该系统由众多子系统构成，包括安全教育与考试系统、安全准入系统、化学品智能管理系统、设备管理系统、安全检查系统、实验室综合管理系统、应急预警处置系统（结合iot及传感器集群）等，你具备有B端产品必有的专业技能，包括且不限于需求分析，原型设计，prd撰写以及演示ppt制作等。
>
> 目前你负责安全教育与考试系统的需求分析及设计，同时负责安全教育考试系统与智慧化管控系统（主系统）的对接工作。
>
> 你需要根据文档里的需求和要求，根据约束生成高保真可演示的demo（可交互web页面）。



## 1 需求背景

当前已经建成主系统的安全准入系统和安全教育与考试系统，目前两个子系统均通过主系统对接学校的统一身份认证，用户在多子系统中是唯一的，但是安全准入系统中准入申请未和安全教育考试系统拉通，导致不同分级实验室的安全准入条件无法与申请准入的学生的考试是否通过建立关联关系，这是本次需求的核心背景。



## 2 名词解释

| 名词         | 解释说明                                                     |      |
| ------------ | ------------------------------------------------------------ | ---- |
| 分级分类     | 指高等院校实验室的分级分类，按照教育部文件分为四级，类别根据教育部文件执行 |      |
| 应知应会考试 | 当前项目中定义的特殊考试，在一定条件下为特定用户群体开放     |      |
| 学时         | 指用户在系统中学习资料的时间，学习40分钟记做1学时            |      |
| 资料学习时间 | 指系统中管理员为每个学习资料文件所配置的学习时间，视频类资料若未设置学习时间，则取视频长度时间 |      |
| 分级考试     | 指针对研究生这个特殊用户群体执行的考试类型，考试内容根据研究生绑定的实验室分级分类匹配 |      |
| 新生入学考试 | 指系统中为特殊用户群体执行的考试类型                         |      |
| 安全素养知识 | 指系统中提供的资料分类名称                                   |      |
| 教职工       | 指系统中标识为教职工身份的用户，也包括每年新入职的教职工     |      |
| 本科生       | 指系统中标识为本科生的用户                                   |      |
| 研究生       | 指系统中标识为研究生的用户                                   |      |
| 新生         | 指每年9月入学，录入系统的新用户，包括本科生新生和研究生新生  |      |
| 实验室负责人 | 指主系统内每个实验室的负责人员，均为教职工身份，拥有该间实验室准入审批等其他管理权限 |      |
| 证书         | 指通过考试后系统自动生成的通过证书，可在创建考试时配置是否生成 |      |
| 学习任务     | 指一堆资料聚合后生成的任务                                   |      |
| 实验室       | 指主系统中建立的标准实验室数据                               |      |



## 3 本次迭代需求说明及功能

#### 3.1 新增考试类型及对应业务

本次需要在安全教育考试系统中新增几种考试类型，不同考试类型的前置/触发条件及对应业务如下：

##### 3.1.1 新生入学考试

指新入学的本科生及无需绑定实验室的新研究生需要执行的考试类型，该考试类型由管理员直接在系统中配置，具体业务如下：

> 新本科生入学后进入安全教育考试系统->工作台查看其所需学时（目前规定为4个学时，系统需支持配置）及新生入学考试->在系统进行学习（累计4个学时）->达标后允许进行新生入学考试->执行在线考试->通过考试->系统发放证书

##### 3.1.2 分级考试

分级考试指专门针对用户类型为研究生的学生设置的特殊考试类型，具体业务如下：

> 新研究生（研一）首次进入系统后系统弹出绑定实验室弹窗**->**用户搜索实验室名称/房号后模糊检索实验室列表（下拉框展示，每条数据组合为学院-实验室名称（房号）-楼栋楼层，例如资源环境学院-植物养分实验室（A201）-农科楼2楼），用户选中某条数据后调用接口查询，然后展示剩余完整信息，包括实验室负责人姓名（为了数据安全考虑，其中实验室负责人名称需要隐藏一个字，例如王*二），实验室分级、实验室分类、实验室类型等，弹窗底部需要提供一个复选框，内容为《新生绑定实验室须知及责任说明》，主要用于约束学生绑定实验室的准确性，同时需提供不绑定实验室的选项，便于无需进入实验室的新研究生使用系统**->**学生在弹窗提交绑定（进入实验室和不进入实验室必须选一个）**->**实验室负责人在主系统进行审确认及审批（设置自动审批通过机制，默认时间为7天（系统可配置），若自提交7天后实验室负责人未处理（驳回或者通过）则自动通过）**->**系统根据该学生绑定实验室的结果执行对应业务（若绑定了实验室，则需要执行24学时的学习后执行分级考试，分级考试内容根据绑定的实验室分级和分类获取；绑定实验室是选择无需进入实验室的学生则需要完成4学时的学习，然后执行应知应会考试）**->**执行考试**->**系统分发证书。

> 研二、研三、研四等学生（非新研究生）在后续每个年度均需完成24学时的学习，然后执行应知应会考试。

##### 3.1.3 应知应会考试

应知应会考试是教育考试系统内置的一种考试类型，试卷内容由管理员配置，其针对的用户群体主要分为：

- 无需进入实验室的研究生新生（绑定实验室时选择无需进入实验室）
- 全部教职工（新入职的和存量的均需在每个学年学习4个学时后执行应知应会考试）
- 非本科新生（大二、大三、大四等）

具体业务如下：

> 用户若为以上类型，进入系统后->工作台查看其所需学时（目前规定为4个学时，系统需支持配置）及应知应会考试->在系统进行学习（累计4个学时）->达标后允许进行应知应会考试->执行在线考试->通过考试->系统发放证书

#### 3.2 新增用户工作台

需在安全教育考试系统首页菜单栏下新增工作台二级菜单，该菜单对应页面显示内容如下：

> 页面自上而下显示用户信息卡、工作台功能卡片区、实验室安全素养资源区、视频卡片资源区

- 页面顶部区域用占满内容区宽度的卡片显示用户信息卡，包括：
  - 用户基础信息：用户姓名  、学工号、用户类型（教职工、本科生、研究生）、所属二级学院单位
  - 绑定的实验室基础信息：实验室名称（房号）、实验室负责人、实验室分级分类（分级用教育部标准的颜色和数字作为tag表示）
  - 用进度条显示当前用户当年学年的学时执行情况，若执行完毕则显示100%并显示已完成标识。
  - 显示当前学年该用户的需要执行的开始机考试通过情况。
- 卡片下方区域为工作台功能卡片区，占满内容区宽度，平分等宽显示五个板块，板块整体高度要统一，分别为学年数据统计卡片、学习任务卡片、资料类型卡片、模拟练习卡片、分级考试卡片（应知应会考试），具体每个卡片内容如下：
  - 学年数据统计卡片：
    - 需要按照年份统计当前用户历年考试通过情况及成绩
  - 学习任务卡片：
    - 需要显示当前用户需要完成的学习任务及学习进度
  - 资料类型卡片：
    - 若当前用户为研究生且绑定了相应的实验室，则根据绑定的实验室分类显示资料卡，点击可进入详情页，若当前用户为教职工/本科生/未绑定实验室的研究生，则显示应知应会知识
  - 模拟练习卡片：
    - 模拟考试卡片，显示当前用户刷题数进度（已模拟练习的题目数/题库总数）
  - 分级考试/应知应会考试卡片：
    - 若当前用户为新入学的研究生且已绑定实验室，则根据绑定实验室分级分类显示对应的分级考试内容；若为教职工，本科生和研二、三学生，则显示应知应会考试。
- 下方为实验室安全素养资源区，分别横向显示化学类、生物类、辐射类、机电类、基础类、安全操作及应急处置、科研伦理安全7大类别的安全素养资源，资源包括资料和题库，这七类资源需显示为tabs，用户点击后切换内容，内容区资料和题库分区显示，点击某个资料可直接进入详情页查看，点击查看更多可直接进入资源/题库列表，区域内仅
- 下方为视频卡片资源区，区域顶部显示五个分类，用户可自行切换，分别为化学类、生物类、辐射累、机电类、其他类，区域内容以类流媒体平台形式显示视频封面、标题及学习时长，用户可翻页，可搜索。

### 4 整体输出要求

请根据以下约束生成产物，要求生成标准化可交互的web页面

- 前端技术栈采用vue2+element技术栈

- 整体教育考试系统布局如下，读取当前产品布局，严格按照当前产品布局和内容形式生成：

  ![截屏2026-04-21 01.32.37](../assets/images/截屏2026-04-21 01.32.37.png)

- 需支持响应式
- 在合适区域生成可切换角色的按钮，角色包括新入学的研究生、研二三、新入学本科生、教职工
- 相关js引入到本地
- 主题色从我提供的图片中提取