OPC/Demo

OPC 公共服务平台 Demo

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

启动

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 条全覆盖）。