# OPC 公共服务平台 Demo

静态 HTML 原型，用于需求确认前的产品结构、角色权限与业务流程演示。
数据统一来自 `assets/mock.json`，交互产生的变更存 `localStorage`（顶栏「重置数据」可还原）。

## 启动

```bash
cd Demo
python3 -m http.server 8321
# 打开 http://localhost:8321/login.html
```

必须通过 HTTP 访问（`fetch` 加载 mock.json），勿用 `file://` 直开。

## 角色—首页—菜单—功能矩阵

| 角色 | 登录后首页 | 可见菜单 | 核心功能 |
|---|---|---|---|
| 社区运营商 | 运营工作台 | 全部 15 个 | 专属工作台：审核队列（机构/课程/成果/采认/投诉）、争议仲裁、项目总览；加全业务入口 |
| OPC/一人公司 | OPC 工作台 | 门户/OPC/订单/商城/服务中心/政策/培训/大屏 | 入驻五态、能力档案、L1-L4 认证与评分依据、订单池报价领取、交付质检、收入结算与提现、成果上架销售、购买外包服务、政策申报、学习认证 |
| 培训学员 | 培训认证 | 门户/商城/政策/培训/大屏 | 学员档案（培训履历/认证/作品）、一键入驻成为 OPC（REQ-111/112）、浏览橙果商城 |
| 企业客户 | 企业工作台 | 门户/企业/订单/商城/画像中心/服务中心/政策/大屏 | 发布需求+AI 诊断、小样签约、验收/争议、开票、成员协作、购买成果授权 |
| 个人客户 | 个人工作台 | 门户/个人工作台/订单/商城/服务中心/政策/大屏 | 与企业客户共用 enterprise.html，菜单/标题/副标题按角色适配为"个人工作台"；轻量认证通道（REQ-017），无成员管理 |
| 培训机构/导师 | 机构管理 | 门户/培训认证/机构管理/大屏 | 资质入驻、课程/认证项目发布与审核、收费结算、证书颁发/吊销/复评、补贴绩效 |
| 服务机构 | 服务中心 | 门户/服务中心/大屏 | 资质上架、服务包发布审核、工单受理/办结/转派/催补料、券核销、机构经营数据 |
| 政府主管部门 | 政府驾驶舱 | 门户/供需对接/画像中心/驾驶舱/审计视图/大屏 | 指标下钻、里程碑拨付、整改跟踪、政策发布、供需转化监测、画像监管、审计监督 |
| 审计/评估机构 | 审计视图 | 门户/驾驶舱/审计视图/大屏 | 授权范围只读：资金台账核对、抽样底稿、函证、异议登记（REQ-093） |
| 金融/园区/平台方 | 政策服务 | 门户/政策服务/大屏 | 资源产品管理（券池/信用贷/工位）、核销明细、发布资源、政策匹配 |

无权限页面以「演示预览模式」只读展示；菜单由 `assets/app.js` 的 `MENUS` 表按角色过滤。
「社区大屏」（showcase.html）为公开展览驾驶舱，所有角色可见（REQ-118）。

## 文件结构

```
Demo/
├── login.html        角色登录（localStorage 存角色）
├── index.html        统一门户（三类行动入口）
├── opc.html          OPC 工作台
├── enterprise.html   企业/个人客户工作台（按角色适配）
├── order.html        订单协同、甘特图、三级质检
├── operator.html     运营工作台（审核队列/仲裁/项目总览）
├── market.html       OPC橙果商城（OPC 上架 / 客户直购授权）
├── leads.html        供需对接：线索→需求→订单漏斗
├── profile.html      主题画像中心（OPC/企业/订单/学员 + AI 匹配演示）
├── showcase.html     OPC 社区驾驶舱 · 展览大屏（公开脱敏）
├── service.html      企业服务中心（外包+机构超市）
├── policy.html       政策服务与资源券
├── training.html     培训认证（学员/OPC 双视角）
├── institution.html  培训机构管理
├── government.html   政府驾驶舱（暗色 Admin）
├── audit.html        审计机构视图（只读授权）
└── assets/
    ├── mock.json     全部 Mock 数据（统一实体编码，14 个业务域）
    ├── store.js      数据加载 + localStorage 持久化 + 渲染辅助
    ├── app.js        角色登录态、权限导航、弹窗/Toast 组件
    └── style.css     共享样式（含甘特图/漏斗/大屏/打印）
```

实体编码规范见 `pmdocs/0-req-OPCSP.md` 附 2；功能与需求映射见各页面 `REQ-xxx` 标注（118 条全覆盖）。