# 统一 Demo 索引入口设计

## 1. 定位

统一 Demo 索引入口是最终给客户、内部评审和研发团队使用的导航页。它不是把 17 个模块粘成一个大系统，而是作为入口跳转到每个模块各自独立可运行的 Demo 总览页。

## 2. 页面信息架构

### 2.1 顶部区

- 标题：智航商业化缺失模块高保真 Demo 总览。
- 副标题：基于网梯标杆框架、智航基座、供应商标杆范式统一建设。
- 操作：刷新状态、查看验收准则、打开PRD总览。

### 2.2 指标区

| 指标 | 说明 |
|---|---|
| 模块总数 | 17 |
| 已达标模块 | 通过完整验收的模块数量 |
| P0模块进度 | P0模块完成数量/总数 |
| PRD同步率 | Demo字段与PRD一致的模块比例 |
| 独立运行率 | 独立Vue Demo可启动模块比例 |

### 2.3 筛选区

- 优先级：全部/P0/P1。
- 模块族：资源、监控、运维、服务、移动、经营分析。
- 状态：待升级/开发中/待校核/已达标。
- 关键词：模块名称、基座能力、业务对象。

### 2.4 模块卡片

每个模块卡片包含：

- 模块编号与名称。
- 优先级。
- 当前状态。
- 一句话业务价值。
- 复用基座标签：CMDB、低代码、工作流、AI盒子、ERP、报表、告警、工单。
- 按钮：进入Demo、查看PRD、查看验收矩阵、打开标准包。

## 3. 跳转规则

| 动作 | 跳转目标 |
|---|---|
| 进入Demo | 该模块独立 Demo 的默认总览页，例如 `/supplier/overview` |
| 查看PRD | 该模块 `PRD.md` |
| 查看验收矩阵 | 该模块 `DEMO_PRD_ALIGNMENT.md` |
| 打开标准包 | 该模块 `00_标准交付包/00_交付包索引.md` |

## 4. 独立性约束

- 每个模块保留自己的 `vue-demo` 或等价独立工程。
- 统一入口可以读取模块状态配置，但不直接耦合模块内部源码。
- 模块可以分团队、分阶段交付。
- 统一入口只统一导航、状态和验收，不统一业务实现。

## 5. 建议数据结构

```json
{
  "modules": [
    {
      "id": "09",
      "name": "供应商管理增强模块",
      "priority": "P0",
      "status": "已达标",
      "summary": "供应商全生命周期、SLA、资质、履约证据和绩效评分闭环",
      "bases": ["CMDB", "低代码", "工作流", "AI盒子", "ERP"],
      "demoUrl": "./商业化模块Demo/09_供应商管理增强模块/vue-demo/",
      "overviewRoute": "/supplier/overview",
      "prdPath": "./商业化模块Demo/09_供应商管理增强模块/PRD.md",
      "alignmentPath": "./商业化模块Demo/09_供应商管理增强模块/DEMO_PRD_ALIGNMENT.md"
    }
  ]
}
```

## 6. 页面验收

统一入口完成后必须验证：

1. 能看到17个模块。
2. 能按优先级和状态筛选。
3. 供应商模块卡片能跳转到当前已达标 Demo。
4. 每个模块卡片能打开PRD和一致性矩阵。
5. 不破坏各模块独立运行。