3.8 KiB
10 — 单文件前端 demo：index.html
Type: task Status: resolved Blocked by: 05
【内容变更】用户追加要求：① agent 用浏览器自动化（webapp-testing）自测一轮并截图；② demo 同时留给用户人工体验验收。已开工部分骨架（demo/index.html 前半），待跑时续完。
Question
写 .scratch/opportunity-e2e/demo/index.html（单文件，HTML+CSS+JS fetch，无构建、不托管）：
- 登录选人：顶部下拉列出票 02/04 拍板的账号，选中调 debug token 换 token；可随时切人（验 DataScope 视角差异）；
- tab1 商机列表：四视图（公海 / 我负责的 / 我参与的 / 我关注的）+ 管理视图 + 最近访问切换、自定义视图列表与切换、分页、统计卡片（若接口有）；
- tab2 商机详情：概览 + 子表 tab（关联客户/跟进/方案卡/勘察/附件/团队成员/操作日志/阶段进度）+ 全部流转操作（新建/领取/分配/暂缓/取消暂缓/抛公海/关闭/重启/移交）按原型布局摆放；
- tab3 规则配置：三族列表 + 新建/编辑/发布/停用表单（V-CONFIG）；
- 数据全走真实接口 + seed 数据（按 seed-data-manifest 取数）；接口报错原样展示——用户就是要看真实行为；
- 用 /webapp-testing 自测一轮，截图放
.scratch/opportunity-e2e/demo/。
参考（不覆盖）：.scratch/opportunity-verify/frontend/、.scratch/opportunity-module/e2e/frontend/。若 07/08 报告已出，把已知 ⚠/❌ 接口在 demo 里加灰色角标提示。
Answer
（20260828 完成并自测通过）产出 demo/index.html 969 行单文件（HTML+CSS+JS fetch，无构建不托管，双击即用——CORS 已全放开，file:// 直连 localhost:8080）：
- 登录选人：顶栏下拉 4 账号（票 04 矩阵），选中换 debug token，随时切人验 DataScope（截图实证：admin MINE=0 / A MINE=6——seed 12 条全在 A/B/C 名下，管理员看全量走「管理（全量）」视图，行为正确）；
- tab1 商机列表：7 视图（最近访问/我负责的/我参与/我关注/管理全量/公海）+ 关键词查询 + 分页 + 看板汇总（D-15 角标）+ 自定义视图存为视图/切换（savedViewId 服务端应用）；
- tab2 商机详情：概览（D-13/D-16/D-17 角标）+ 模板阶段流条 + 13 个流转按钮（领取 D-09/暂缓 D-07/重启 D-08/关注 D-16 角标，按当前状态禁用）+ 编辑/写跟进/现场勘察/方案卡（selectable-templates→模板字段→valuesJson 数组格式）+ 8 子表 tab（关联客户/团队成员/附件空态挂 D-01/02/03、D-04/05/06、D-20/D-21 角标）；
- tab3 规则配置：三族 V-CONFIG 全 CRUD（列表/详情/新建草稿/编辑/复制/停用/删除/版本历史 D-22），发布中行的「编辑」按钮替换为 D-10/D-11/D-12 灰色角标（防误踩版本推进 50001）；field-defs 动态拉模板字段生成 nodes/fields 表单；
- 接口报错原样展示：非 0 code 直接 toast
code + message； - 已知缺陷角标：e2e-report.md 第四章 D-01..D-22 全覆盖，hover 提示指向报告。
自测（/webapp-testing）：Playwright 8 步流程全过（admin MINE→公海→切 A→详情→团队成员子表→暂缓对话框→规则 tab→新建草稿对话框），console/page errors: 0，8 张截图落 demo/shot-01..08-*.png。自测中发现并修复 3 个骨架级 bug：mark() 函数漏定义（详情渲染 ReferenceError 卡「加载详情」）、login() 漏调 renderViewBar()（视图栏空白）、DTO 字段名错位（opportunityName→oppName、customerNameSnapshot→primaryCustomerNameSnapshot、expectedDealDate→projectAmount）。
备注：规则列表个别行「适用部门」乱码系远程库存量 mojibake 数据（票 08 已记录），非 demo 渲染问题。