# 培训管理模块 四级页面深化与 Demo-PRD 闸门

## 1. 对齐基准

- 前端范式：参考网梯高保真 Demo 的 Vue 3 + Vite + TypeScript + Element Plus + Pinia + Vue Router + MockJS 工程。
- PRD 颗粒度：不低于《产品需求文档（容量+指标）PRD.pdf》的目标用户、用户旅程、功能清单、业务规则、页面级说明、权限、性能与验收深度。

## 2. 四级页面要求

| 层级 | 验收要求 |
| --- | --- |
| 一级 | 模块工作台/总览，能看到关键指标、风险、待办和业务入口。 |
| 二级 | 业务子板块列表，支持筛选、排序、分页、状态识别和批量动作。 |
| 三级 | 对象详情，展示基础信息、关联基座数据、证据链、时间线、操作历史。 |
| 四级 | 新增/编辑/审批/验收/配置/回滚等操作面，必须可录入、可提交、可看到状态变化。 |

## 3. Demo-PRD 一致性闸门

| 检查项 | 必须通过的条件 |
| --- | --- |
| 页面一致 | PRD 页面清单中的总览、列表、详情、配置、流程页在 Vue Demo 中都有可见入口。 |
| 字段一致 | 字段字典中的核心字段在表格、详情、表单或 Mock/API 中有对应体现。 |
| 状态一致 | 状态机中的主状态、异常状态、关闭/回滚状态在 Demo 数据或交互中可被演示。 |
| 操作一致 | 新增、编辑、提交、审批/验收、关闭/驳回等关键动作不能只写在文档里。 |
| Mock 一致 | Mock 数据必须支撑多角色、多状态、多对象和异常路径演示。 |
| 埋点一致 | TRACKING_PLAN 中的曝光、点击、提交、成功、失败事件必须能对应到页面行为。 |
| CLI/MCP 一致 | CLI_AND_AGENT_SPEC 中的 dry-run、审计、traceId、回滚边界不能丢失。 |

## 4. 不通过即返工

出现以下任一问题，本模块不得验收通过：

- 根入口仍进入旧静态壳，而不是网梯 Vue Demo。
- 只有总览或列表，没有详情和操作闭环。
- 页面风格与网梯标杆不一致。
- PRD 缺少用户故事、状态机、字段、接口、埋点、CLI/MCP、逐元素验收。
- Demo 无法演示一个完整业务故事闭环。