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

> 你是一名精通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楼，需要在下拉框下方显示检索提示：此处请选择需要后续进入的科研实验室的名称，输入实验室名称、房号或楼栋关键词，再从检索结果中选择目标实验室。），用户选中某条数据后调用接口查询，然后展示剩余完整信息，包括实验室负责人姓名（为了数据安全考虑，其中实验室负责人名称需要隐藏一个字，例如王*二），实验室分级、实验室分类、实验室类型等，弹窗底部需要提供一个复选框，内容为《新生绑定实验室须知及责任说明》（点击可打开弹窗或者页面，内容共两条：1.保证进入的实验室为导师实际使用实验室或属于当前实验室所属课题组；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引入到本地
- 主题色从我提供的图片中提取

## 5 数据统计需求

侧边栏"数据统计"菜单，用于学校安全教育考试系统的数据统计与报表导出。页面顶部为Tab栏，当前仅展示"报表"Tab（其余Tab后续迭代）。报表页面采用瀑布式平铺，自上而下依次展示三个板块。

### 5.1 考试情况统计

- **研究生/本科生切换：** 顶部 Radio 按钮切换
- **图表：** 堆叠柱状图（各学院通过/未通过/未考人数）+ 饼图（总体占比），柱体顶部显示数值
- **研究生报表：** 每个学院一行三条记录（学院列合并单元格）
  - 新生分级考试：应考人数、通过人数、未通过人数、未考人数、通过率（百分比数字）
  - 应知应会考试：同上
  - 汇总：同上
- **本科生报表：** 排版与研究生一致，每个学院三条记录
  - 新生入学考试：应考人数、通过人数、未通过人数、未考人数、通过率
  - 应知应会考试：同上
  - 汇总：同上
- **导出功能：** 右上角"导出数据"按钮

### 5.2 实验室与人员匹配

- **图表：** 柱状图统计Ⅰ-Ⅳ级实验室的总绑定人数，柱体顶部显示数值
- **报表：** 按学院统计各级实验室人员数量及总数，一行一个学院
  - 字段：学院、Ⅰ级人数、Ⅱ级人数、Ⅲ级人数、Ⅳ级人数、总人数
- **导出功能：** 右上角两个按钮
  - 导出各学院数据
  - 导出实验室人员明细

### 5.3 学时统计

- **图表：** 分组柱状图，按学院展示研究生/本科生/教职工的学习总时长（单位：学时），柱体顶部显示数值
- **报表：** 学生学时明细列表，支持翻页（每页8条）
  - 字段：姓名、学号、年级、所属学院、第一年学时、第二年学时、第三年学时、第四年学时、总时长
- **筛选项：**
  - 用户类型（研究生/本科生/教职工）下拉选择
  - 学院单位下拉选择
  - 年级下拉选择
  - 学号/姓名模糊检索
- **导出功能：** 右上角"导出数据"按钮