原型设计索引 README（docs/业务测试/原型/）¶
【索引版 + 静态 HTML 入口】 / 版本 V1.3（2026-08-21 听写修正 OPR 页数 24→25 / 总计 62→63 · 同步 index.html summary 文案） 本目录 = DIP1 业务测试配套原型双重入口：① 静态 HTML 63 页原型（5 端 + 1 入口页，可直接打开，本节下方 §五 指引）；② 设计主文档索引（3端+MFR+LGP+MVP-WX草图=6 主文档）
一、原型总目录（5 端 + MVP-WX 草图 = 6 文档入口）¶
| # | 名称 | 英文缩写 | 类型 | HTML 页数 | 主文档路径（权威稿） | 测试关联章节 | 状态 |
|---|---|---|---|---|---|---|---|
| 1 | 运营后台 Web 端原型（运营管理台） | OPR Web | React Web UI | 25 页（login/dashboard/orders-board/quotes/products/dispatch/admin/ops-cockpit/...） | dip1/docs/DIP1-PROTO-功能原型设计.md §I. 运营端原型（OPR） |
09-运营场景脚本 §二 I6 7 步 / 04-RBAC 菜单矩阵 | ✅ HTML 已补全 |
| 2 | 师傅端 RN App 原型（Wear RN Worker） | WKR RN | React Native App | 10 页（login/today-orders/install-process/earnings/wkr-insurance/wkr-reject/...） | dip1/docs/DIP1-PROTO-功能原型设计.md §II. 师傅端原型（WKR） |
UAT-S3-08/09 师傅接单/改派 / S5 到店打卡 / S6 L6 作业 | ✅ HTML 已补全 |
| 3 | 客户端 RN 小程序原型（Wear RN Customer） | CST RN | React Native 微信小程序 | 11 页（home/inquiry/orders/profile/order-exception/cst-insurance/...） | dip1/docs/DIP1-PROTO-功能原型设计.md §III. 客户端原型（CST） |
09-运营 §三 C 端 7 步 / S2-03 报价 / S7-21 NPS / S8-22 质保 | ✅ HTML 已补全 |
| 4 | 生产商门户 Web 端原型（MFR V2.0 新增） | MFR Portal | Web 端（B2B） | 9 页（login/dashboard/products/orders/skus/open-quote/...） | RQD-O V2.0 §2.2 MFR 需求 10 条 / MDS PPL 生产商档案库 |
MFR-01~10 B 端合作用例 / OPS B2B 批量下单 | ✅ HTML 已补全（V2.0 新增端） |
| 5 | 物流端 RN App 原型（LGP V2.0 新增） | LGP RN | React Native App | 8 页（login/pending/in-progress/waybill-detail/lgp-accept/lgp-insurance/...） | RQD-O V2.0 §2.2 LGP 需求 10 条 / MDS DLV 物流商档案库 |
LGP-01~10 本地/跨境配送用例 / 03-环境准备 §5 物流配置 | ✅ HTML 已补全（V2.0 新增端） |
| 6 | MVP-WX 原型草图（2026-08-07 听写与 TL 线下草绘） | MVP-WX | 草图 + Excel 40 字段映射 | —（草图无 HTML） | docs/工作日志/对话记录/20260807_听写助手对话记录55_MVP-WX原型草图.md（DLG-55） |
技术文档/m0/MVP-微信小程序实施方案.md / PJR §MVP（P3d 阶段） | ✅ 草图引用（bck恢复） |
二、原型 4 主文档详情¶
2.1 OPR Web（运营后台）— 业务测试中使用频率最高（§二 I6 标准脚本）¶
| 页面 ID | 页面名 | UAT 对应步骤 |
|---|---|---|
| I6.1 | 登录页（账号/密码/MFA 三合一） | 09 §二 步骤 1-2（ol_admin 登录） |
| I6.2 | Dashboard（今日订单/NPS/8 阶段计数/缺陷预警） | 09 §二 步骤 2 Dashboard 验证 |
| I6.3 | 订单看板（4 池 × 8 阶段过滤器 / 搜索 / 批量派单） | 09 §二 步骤 3-7 / UAT S1~S8 全阶段流转 |
| I6.4 | 报价引擎页面（QSV 试算/调整/历史版本） | UAT S2-03/04/05 |
| I6.5 | MDS 四库管理页（SCL/BPL/WPL/CPL 四 Tab） | 04-权限 §二 ML 角色 / §三 UAT 前置 #5 主数据就绪 |
| I6.6 | OPS 运营页面（获客 6 场景/口碑池/推荐奖励） | 09 §四 口碑营销脚本 |
| I6.7 | 财务结算页（收款对账/发票/返修收费） | UAT S7-19 / S8-24 收费档 |
| I6.8 | 系统管理（用户/RBAC/RLS/7 环境变量配置） | 04-RBAC §二 矩阵 / RLS §3.2 验证 |
2.2 WKR RN（师傅端）— L6 作业规范 9 节点的载体¶
| 页面 ID | 页面名 | UAT 对应步骤 |
|---|---|---|
| II-1 | 师傅登录 / 认证页（WPL 等级 + 技能矩阵展示） | UAT S3-08 wkr_senior_01 登录 |
| II-2 | 接单大厅（推荐派单 TOP3 / 拒绝原因 / 改派） | UAT S3-07/08/09 |
| II-3 | 到店打卡（GPS 围栏 + L6 穿鞋套照片上传） | UAT S5-12 |
| II-4 | L6 作业规范 9 节点（前 3 / 中 3 / 后 3）：每节点 Checklist + 水印上传 | UAT S5-13 / S6-14 / S8-25 |
| II-5 | MFR 专项 Checklist（24 项 = 宜家 PAX 案例） | UAT S6-14 24/24 |
| II-6 | 现场签字（客户电子签 → NAS 归档） | UAT S6-17 |
| II-7 | 师傅收入 & NPS 查看（S7-21 反馈） | UAT S7-21 NPS=9 反向查看 |
2.3 CST RN（客户端小程序）— C 端客户体验主路径¶
| 页面 ID | 页面名 | UAT 对应步骤 |
|---|---|---|
| III-1 | 小程序登录（手机号 OTP） | 09 §三 步骤 1 cus_demo_01 OTP=123456 |
| III-2 | 首页（OPS-S01~S06 banner + 品类入口 8 大） | 09 §三 步骤 2 |
| III-3 | QSV 报价填写 & 计算（品类/楼层/电梯/加急/保险） | UAT S2-03 |
| III-4 | 报价确认 & 电子签（RUD-API 对接） | UAT S2-06 |
| III-5 | 订单追踪（8 阶段 timeline + LGD ETA） | UAT S6-16（ETA=4.90min 7 次推送） |
| III-6 | L6 作业现场直播照片（水印按顺序） | UAT S5-13 / S6-14 照片查看 |
| III-7 | 最终清单 & 7 种支付方式（收款页） | UAT S7-18/19 |
| III-8 | NPS 星级采集（9 星）+ 口碑推荐（OPS-S06 REF 生成） | UAT S7-21 / S8-23 |
| III-9 | 质保卡 & 返修工单申请（30 天 / 31-90 天） | UAT S8-22/24 |
2.4 MVP-WX（草图版）— 极简原型，40 字段 Excel 落地 = P3d 阶段¶
该草图为 DIP1 V1 时期（2026-08-07）TL 与听写线下讨论产物：MVP = 飞书多维表格（40 字段）+ AI 听写助手，不进入 V3.3.0 UAT 范围。参考文档详见： - 技术文档/m0/MVP-微信小程序实施方案.md - docs/工作日志/对话记录/20260807_听写助手对话记录55_MVP-WX原型草图.md（DLG-55）
三、业务测试原型验收标准（UAT 记录）¶
| 验收维度 | 通过标准 | 记录位置 |
|---|---|---|
| OPR Web 关键路径 | I6.1~I6.8 共 8 页，每 1 页实际截图 ≥ 1 张；§二 I6 7 步脚本全部 PASS | 10-测试执行计划 §四 对应用例的截图 |
| WKR RN 关键路径 | II-1~II-7 共 7 页；L6 节点 9/9 水印照片有订单号 | S5/S6/S8 对应 UAT 用例签字 |
| CST RN 关键路径 | III-1~III-9 共 9 页；支付页 7 种支付方式截图 ≥ 1 种（UAT 用 Alipay HK Sandbox） | S7-19 支付成功截图留档 |
| 原型一致性 | 原型文字（按钮/菜单/状态枚举）与 openapi 136 路由返回字段枚举一致（如「待派单」= status=Dispatched） | 听写复核报告（TR-202608xx-03 §一致性章节） |
四、设计主稿与源文件说明（DIP1-PROTO + 草图）¶
📌 静态 HTML 已在本目录补全（见下方 §五）。设计主稿与源文件说明： - V3.3.0 正式原型设计稿：
dip1/docs/DIP1-PROTO-功能原型设计.md（已从 bck 恢复，commit 99926e5），包含 5 端 UI 规范、按钮-接口映射（对齐索引卡片 §三 9 项）与视觉术语。原型 UI 设计由听写 DT 维护，如需源文件（Figma/Zeplin 工程）请联系听写。 - V1.0 MVP-WX 草图：docs/工作日志/对话记录/20260807_听写助手对话记录55_MVP-WX原型草图.md（DLG-55，已从 bck 恢复 commit 99926e5），如手绘/PDF 原稿不可恢复，以该对话记录中的文字描述为权威依据（PJM §4.3 文档恢复规则）。
五、静态 HTML 原型入口（5 端 63 页 + 1 入口页 = 64 总页 · 2026-08-21 V3.3 补全 11 缺口页 + 功能直达清单）¶
⚠️ 打开方式：直接在文件管理器双击本目录下的 index.html 即可在默认浏览器中打开五端总入口卡片页（🐦 织布鸟品牌头部 + 5 个入口卡跳转到对应端首页）。 账号密码提示：所有 HTML 原型页的默认 demo 账号与 docs/业务测试/04-账号与权限.md §一 17 个 demo 账号完全一致。
5.0 功能点直达清单（V1.2 新增 · V1.3 修正页数 · 用户核心需求）¶
🎯 核心承诺：各个具体的功能点，都能通过五端入口找到并打开。
在 index.html 总入口页中，每端入口卡片下方均挂载一个
<details>可展开块（标题如"📋 展开 OPR 运营后台全部 25 个页面"）。点击展开后即按功能分组列出该端所有 HTML 页面，点击任意功能项即可直接打开该功能页（无需登录、无需通过 sidebar 菜单逐级查找）。
- OPR 运营后台 25 页（24 功能页 + 1 登录页）：9 大功能分组（数据看板 / 线索营销 / 订单跟踪 / 报价服务 / 主数据 / 物流配送 / 派单服务 dispatch.html / OPS 运营 5 页 / 产品库 / 系统）
- MFR 生产商门户 9 页（8 功能页 + 1 登录页）：5 大分组（数据看板含开放报价 / 产品管理 / 订单 / 对账结算 / 系统设置）
- WKR 师傅端 10 页（9 功能页 + 1 登录页）：TabBar 3 页 + 订单流程 3 页 + 收入 1 页 + 流程触发 2 页（wkr-insurance / wkr-reject）
- CST 客户端 11 页（10 功能页 + 1 登录页）：TabBar 3 页 + 询价报价 3 页 + 订单回访 2 页 + 流程触发 2 页（order-exception / cst-insurance）
- LGP 物流端 8 页（7 功能页 + 1 登录页）：TabBar 4 页 + 运单详情 1 页 + 流程触发 2 页（lgp-accept / lgp-insurance）
- 5 端合计 63 页 = 58 功能页 + 5 登录页（+ index.html 入口页 1 = 64 总页数）
用户反馈响应：派单功能（
dispatch.html）此前仅在 OPR 登录后侧边栏"派单服务"分组可见，未登录用户难以发现。V1.2 已在 index.html OPR 卡片下功能清单"派单服务"分组中以绿色高亮方式列出，并标注★标识，可直接点击打开。
5.1 五端原型清单与入口文件（共 63 页 = 登录页 5 + 功能页 58，加 index 入口页 1 = 64 总页）¶
| 端名称 | 缩写 | 首页文件 | 总页数 | 覆盖用例（对齐 02-UAT测试范围 §二 8 阶段 × 56 用例） |
|---|---|---|---|---|
| 运营管理后台（Web PC） | OPR | opr-admin/login.html | 25 页（24 功能页 + login） | S1 线索（leads）· S2 报价（quotes/quotes-params）· S3 派单（dispatch.html 派单调度台 + workers/orders-board）· S4-S5 订单全链路（orders-list/order-detail）· S7-S8 数据看板（dashboard/my-workspace）· MDS 管理（products/categories/customers/buildings）· 物流后台（logistics-waybills/logistics-settings/hs-codes）· 口碑合作（referrals）· OPS 运营 5 页（ops-cockpit/ops-campaigns/ops-materials/ops-reputation/ops-funnel） · 系统管理（admin） |
| 师傅端 App（Mobile） | WKR | wkr-app/login.html | 10 页（9 功能页 + login） | S3 接单大厅（today-orders）· S4 订单详情（order-detail）· S5 到店打卡 · S6 L6 作业规范 9 节点（install-process）· 收入与通知（earnings/notifications/my-orders/profile）· V3.3 流程触发 2 页（wkr-insurance C7 保险签字 / wkr-reject 拒单处罚） |
| 客户端小程序（Mobile） | CST | cst-app/login.html | 11 页（10 功能页 + login） | S1 首页 Banner（home）· S2 QSV 询价报价（inquiry/inquiry-success）· S3-S8 订单追踪（orders/order-detail）· 质保与返修（profile/review）· 全链路 RCPT 8 阶段进度 view · V3.3 流程触发 2 页（order-exception L7 客诉 / cst-insurance C1/C5 加价险） |
| 生产商门户（Web B2B） — V2.0 新增 | MFR | mfr-portal/login.html | 9 页（8 功能页 + login） | MFR-01~10 用例：B 端品牌商 20 产品 + 4 订单 dashboard（dashboard/products/skus/orders/order-detail）· 财务对账结算（accounting）· 平台设置（settings）· 开放报价（open-quote）· 对门户门户 RBAC 6 角色账号验证 |
| 物流配送端 App（Mobile） — V2.0 新增 | LGP | lgp-app/login.html | 8 页（7 功能页 + login） | LGP-01~10 用例：本地+跨境配送 3 状态（pending/in-progress/completed）· 运单明细（waybill-detail）· 司机资质与信用（profile）· V3.3 流程触发 2 页（lgp-accept 接单确认 / lgp-insurance 跨境投保） |
| 5 端总入口卡片页 | — | index.html | 1 页 | 原型门户首页（品牌头部 + 5 张入口卡片 + 每端功能点直达 details 展开块 + 账号提示），所有 63 页的锚点起点 |
5.2 设计资源与元数据（原型内注解工具使用）¶
| 资源 | 位置 | 用途 |
|---|---|---|
| 公共样式 CSS | assets/css/common.css | 5 端统一视觉规范（深墨绿 #004046 + 浅沙金 #D4AF78 = GLY §1.3 品牌色标准） |
| 注解与元数据 JS | assets/js/annotate.js · pageMeta.json · reqIndex.json | 原型页面与 RQD-O 需求编号/接口的双向映射（与原型设计索引卡片 §三 9 项 OPR 按钮-接口映射对齐） |
| 页面 UI 数据 | assets/js/data.js | 50 页 HTML 的占位业务数据（与 S7-1 QSV 1141.60 HKD 推定报价、MFR 宜家 PAX 24 项案例等 UAT 关键数字一致） |
5.3 验收提示（与 docs/业务测试/10-测试执行计划 §三 §四 对齐）¶
UAT 执行前操作指引（10-§三 UAT前置检查 #10：操作页面对照）： 1. 打开 index.html → 每端入口首屏截图 1 张存档（共 5+1=6 张 = 与 05-基线用例 §三 UI验收对应） 2. 功能点直达验证：在 index.html 每端卡片下展开功能清单，逐一点击所有 58 个功能页确认能正确打开（含 V3.3 新增 11 页：dispatch / ops-cockpit / ops-campaigns / ops-materials / ops-reputation / ops-funnel / order-exception / cst-insurance / wkr-insurance / wkr-reject / lgp-accept / lgp-insurance） 3. 进入 OPR orders-board.html 看板 9 个按钮 → 对照 原型设计索引卡片.md §三 9 项按钮-接口映射，逐条点击核对跳转正确 4. CST inquiry.html → 填写 [品类=家具PAX/楼层=3无电梯/区域=港岛/加急=否/保险=是] → 跳转 inquiry-success 显示报价 HKD（应为 S7-1 1141.60 附近，按 QMD V3.0 推定式） 5. WKR install-process → L6 9 节点照片打卡顺序（与 CPT-D V2.3 §2.1 L6 作业规范子流程一致：穿鞋套/地面保护/...） 6. MFR orders + LGP pending/in-progress/completed → B2B2C 跨境五端全链路闭环可视化（09-运营场景脚本 §五 B2B2C 批量脚本）
本目录 README = docs/业务测试/原型/ 总入口：「五端静态 HTML 63 页 + 1 入口页 = 64 总页」（本节 §五 指引打开 + §5.0 功能点直达清单）+ 6 份设计主稿索引（§一 列表）。所有 HTML 原型文件由 site/业务测试/原型/ 原稿同步入库（听写 2026-08-21），与 docs/业务测试 10 份文档编号体系 100% 对齐。如需导出 PDF 或交互原型版本，由听写 DT 统一产出。