你是一个经验丰富的顶级专业产品经理，现在要根据需求设计一个实验室安全教育考试系统手机端小程序页面，并生成完整html文件。教育考试系统作为实验室安全智慧化管控平台的一个子系统，二级页面设计子系统工作台，主要分为三部分：用户信息卡、工作台任务卡（学习任务、模拟考试、培训活动、在线考试）、安全知识学习区（知识学习、视频资源、刷题练习）、我的（我的成绩、我的证书、实验室审批）。
**写在前面**
- 整体页面设计为教育主题、科技蓝。
- 进入小程序首页时，系统判断学生未绑定实验室（有需求的本科生或新入学研究生），弹窗提醒绑定实验室，具体参考网页版图片img.绑定实验室；“确认绑定”后进入“实验室审批”待审批列表。
# 0 名词解释
- 考试类型 ：新生入学考试、教职工入职考试、分级分类考试、应知应会考试、负面清单考试、黑名单考试 ；管理后台可自定义配置；
- 学习任务：考生在参加考试前，需要完成的指定课程的在线学习 ，才可进行下一项或参加考试；
- 知识学习：包括文章文档和视频类课件资源的在线学习，学习完成可获得学时或奖励分；
- 培训活动：校级、院级或者实验室组织的线下培训学习活动，比如知识讲座 、应急演练等，学员扫码签到完成培训 后，可获得学时或奖励分；
- 刷题练习：所有用户可按知识点分类题库进行答题练习，系统提供全量题库，系统记录用户答题进度及正确率等；用户答题正确题数获得相应奖励分；
- 模拟考试：考生在参加正式在线考试前，需要进行模拟考试练习并达到模拟考试的及格分数，才可参加在线考试；
- 证书：考试通过或业务可获得证书，统一在证书模版模块进行管理，考试配置选择；
# 1 用户信息卡（根据登录用户身份不同展示不同对应数据信息）：
- 展示用户姓名、学工号、身份类型、所属单位、实验室绑定信息；
- 本学年学时进度：2025-2026 学年、实验室风险等级、安全分类、学时要求、当前学年学时完成进度、学时完成度百分比、目标考试（当前需要完成的考试类型）；
- 当前学年任务状态：考试状态、证书状态、审批状态；
- 工作台页面具体展示信息参考参考网页版img.工作台；
# 2 工作台任务卡：
- 学年数据统计、学习任务、模拟考试、培训活动、在线考试 。
## 2-1 学年数据统计：
- 按学年统计历年考试通过情况与成绩；比如：2025-2026 进行中；2024-2025 通过|90分；
## 2-2 学习任务：
- 待完成的学习任务；
- 课程名称（展示来源单位|完成状态）；
- 点击跳转至开始课程学习的详情页面，具体业务功能参考网页版img.学习任务详情；
- -课件配置了课后考核，点击按钮跳转考核详情页，参考网页版img.课后考核；
## 2-3 模拟考试：
- 待完成的考前模拟练习；
- 试卷名称（完成状态或最高成绩分数）；
- 点击跳转至开始模拟考试的详情页面，具体业务功能参考网页版img.模拟考试详情；
## 2-4 培训活动：
- 待完成的培训活动；
- 最新培训活动名称、日期时间 、签到打卡及二维码；
- 点击跳转至培训活动的详情页面；
## 2-5 在线考试 ：
- 待完成的线上考试；
- -展示所有当前待完成的在线考试模块，包括考试类型、待完成的考前任务状态（学时要求、学习任务、模拟考试）、考试状态（通过/不通过）；
- 点击跳转至开始考试的详情页面，具体业务功能参考网页版img.开始考试详情；
# 3 知识学习：
- 文章文档类知识课件学习，包括展示课件名称、要求学习时长、可获得学时、可获得积分，以及学习状态；
- 可查看更多，跳转所有课件学习 数据列表页，按一级知识点归类标签切换；
- 点击跳转至开始知识学习的详情页面，具体业务功能参考网页版img.知识学习详情；
- 课件配置了课后考核，点击按钮跳转考核详情页，与学习任务的课后考核详情相同；
# 4 视频资源：
- 视频类课件学习，包括展示视频封面图、课件名称、要求学习时长、可获得学时、可获得积分，以及学习状态；
- 可查看更多，跳转所有课件学习 数据列表页，按一级知识点归类标签切换；
- 点击跳转至开始学习的详情页面，与知识学习的详情页及课后考核详情页相同；
# 5 刷题练习：
- 最新练习的一条知识点题库，包括练习日期时间、练习进度数量（已答题数/总题数）、正确数、错题数、正确率、完成百分比图形；
- 可查看更多，跳转所有知识点题库练习数据列表页；
- 点击跳转至开始答题的详情页面，具体业务功能参考网页版img.开始答题详情；
# 6 我的：
- 悬浮图标，点击可跳转目标页面，查看我的成绩、我的证书、实验室审批。
## 6-1 我的成绩：
- 所有已考试记录，卡片样式，可按考试类型标签切换；
- 筛选查询：全部/通过/未通过，按开始结束日期查询；
- 展示包括考试类型、考试名称、考试时间、时长（分钟）、总分数、及格分、考试次数（已考次数/可考次数）、我的用时（分秒）、最高成绩、获得积分、考试结果（通过/不通过）；
- 按钮：考试记录、历史错题，点击跳转具体详情页面，具体业务功能参考网页版img.考试记录、img.历史错题；
## 6-2 我的证书：
- 用户可查看自己已经获得的所有证书，字段包括证书名称、证书编号、获得方式（考试或业务类型）、颁发单位、获得时间、到期试卷、查看下载（证书或毕业报告预览图片）
## 6-3 实验室审批：
- 有审批权限的用户展示此模块，展示实验室绑定申请的审批列表：申请人、学工号、用户类别（硕士研究生/本科生 ）、所属单位、申请实验室（名称 +房号）、分级、分类、进入原因、提交时间、通过时间、状态（待审批/已通过/已驳回）、操作（通过/驳回）；
- 具体业务功能参考网页版img.实验室审批；