hyb-oa/issues/2026-05-13_23-30-00-dg9-ui-layout-rollout.csv

ID,Title,Description,Acceptance,Test_Method,Tools,Dev_Status,Review1_Status,Regression_Status,Files,Dependencies,Notes
DG9-0,DG9 总合同建档,建立 DG9 全站 UI/布局统一迁移合同，承接 DG8 后的页面整改，不追加到 DG8/WF8/UX8/BIZ8 旧 CSV。,1) CSV 列完整并校验通过；2) 范围限定 client/src、client/tests、scripts/qa、docs、.agents/skills、issues；3) 不改 server；4) 不部署。,流程级验证：python3 /home/shunli/.codex/skills/plan/scripts/validate_issues_csv.py issues/2026-05-13_23-30-00-dg9-ui-layout-rollout.csv；人工核对 Files 不含 server。,python3|manual,DONE,DONE,DONE,issues/2026-05-13_23-30-00-dg9-ui-layout-rollout.csv,[],回滚路径：删除本 CSV 和本轮 DG9 变更；不影响运行环境。2026-05-13 CSV 校验通过，Files 不含 server。
DG9-1,全站页面审计与分层,按 DG8 主 UI/布局参考层级审计当前 PC、移动和企业微信可达页面，形成 A/B/C 分层，避免把冻结或低频能力拉入主线整改。,1) 文档索引或事实源矩阵登记 DG9；2) A/B/C 页面分层写入设计事实源；3) 明确 WF8/UX8/BIZ8 未关闭项不被 DG9 替代；4) 不新增业务能力。,流程级验证：rg -n 'DG9|A 类核心流程|B 类业务运营|C 类管理配置|不替代 WF8|不替代 UX8|不替代 BIZ8' docs/产品设计规则.md docs/文档索引.md docs/文档事实源状态矩阵.md。,rg|manual,DONE,DONE,DONE,docs/产品设计规则.md|docs/文档索引.md|docs/文档事实源状态矩阵.md,"[""DG9-0""]",2026-05-13 rg 验证 DG9、A/B/C 分层和不替代 WF8/UX8/BIZ8 均已登记；只做事实源分层。
DG9-2,共享 PC 移动布局组件契约,复用并扩展现有 ListWorkspace、MetricCard、PageScaffold、移动 card/token，形成 PC 工作台和移动槽位的共享布局契约，不重建第二套 UI 系统。,1) PC 列表页可使用统一标题、指标、筛选、表格和空状态骨架；2) 移动页保留统一 shell、槽位、卡片、安全区和吸底操作；3) 不改变业务数据接口；4) typecheck/build 通过。,流程级验证：cd client && npm run typecheck && npm run build；人工核对共享组件不引入 server/API 依赖。,typescript|vite|manual,DONE,DONE,DONE,client/src/components/patterns|client/src/styles/mobile-touch.css,"[""DG9-1""]",2026-05-13 typecheck/build 通过；复用 ListWorkspace/MetricCard/PageScaffold 与移动 token，无 server/API 依赖。
DG9-3,PC 审批中心样板,将 WorkflowTasksPage 迁移为高密度工作台样板，统一摘要、筛选、表格和操作区，同时保留现有 testid、审批行为和查询参数。,1) 审批中心使用统一工作台骨架；2) 待办、已办、业务类型筛选和分页行为不变；3) 快速通过和查看详情入口保留；4) workflow 相关 Playwright 或类型构建通过。,流程级验证：cd client && npm run typecheck && npm run build；cd client && npx playwright test tests/e2e/workflow-quick-approve.spec.ts --workers=1 --reporter=list。,typescript|vite|playwright,DONE,DONE,DONE,client/src/pages/WorkflowTasksPage.tsx,"[""DG9-2""]",2026-05-13 workflow-quick-approve 通过；本地后端需以 APP_ORIGIN=http://127.0.0.1:5173 启动以通过 refresh origin 校验。
DG9-4,PC 移动详情页样板,按摘要、关键字段、材料/附件/发票、审批流、日志和操作区统一审批详情、报销详情、移动报销详情和移动采购详情。,1) PC 详情页分区清楚且高密度；2) 移动深层详情隐藏底部 Tab 并使用统一返回、状态和吸底操作；3) 业务编号和状态不重复；4) 报销/审批详情回归通过。,流程级验证：cd client && npm run typecheck && npm run build；cd client && npx playwright test tests/e2e/reimbursement-workflow-progress.spec.ts --workers=1 --reporter=list。,typescript|vite|playwright,DONE,DONE,DONE,client/src/pages/*DetailPage.tsx|client/src/pages/reimbursement-detail,"[""DG9-2"",""DG9-3""]",2026-05-13 reimbursement-workflow-progress 通过；测试数据补一条报销明细以符合当前发票绑定规则，页面状态按 DG9 标签断言。
DG9-5,移动审批进度样板,将 MobileApprovalsPage 按员工进度、审批人待办、深层 Push 详情和吸底操作统一，不改离线队列、转审或历史逻辑。,1) 员工和审批人视角仍按角色裁剪；2) 审批/进度卡片使用统一移动槽位；3) 深层详情不显示底部 Tab；4) 移动矩阵关键用例通过。,流程级验证：cd client && npm run typecheck && npm run build；cd client && npx playwright test tests/e2e/dg7-mobile-information-dedupe.spec.ts tests/e2e/r6-mobile-unified-design-rollout.spec.ts --workers=1 --reporter=list。,typescript|vite|playwright,DONE,DONE,DONE,client/src/pages/MobileApprovalsPage.tsx|client/src/components/mobile,"[""DG9-2"",""DG9-4""]",2026-05-13 dg7-mobile-information-dedupe 与 r6-mobile-unified-design-rollout 共 12 passed；代表性真机未执行，记录 PAUSED，不宣称真机完成。
DG9-6,首页与通知迁移,统一 PC 首页、移动首页和通知中心为工作台摘要、事件流和 deeplink 直达结构，避免待办重复展示。,1) 首页只保留一处待办或进度摘要；2) 通知中心作为事件流，不展示审批动作副本；3) 点击通知仍直达业务详情或审批详情；4) 移动和企业微信入口不误入 PC 壳。,流程级验证：cd client && npm run typecheck && npm run build；cd client && npx playwright test tests/e2e/r6-wecom-mobile-rendering-hardening.spec.ts tests/e2e/r103-cross-page-ui-consistency.spec.ts --workers=1 --reporter=list。,typescript|vite|playwright,DONE,DONE,DONE,client/src/pages/PortalHomePage.tsx|client/src/pages/MobilePortalPage.tsx|client/src/pages/MobileNotificationsPage.tsx|client/src/pages/NotificationsPage.tsx,"[""DG9-5""]",2026-05-13 r6-wecom-mobile-rendering-hardening 8 passed，r103-cross-page-ui-consistency 3 passed；不改企业微信登录/通知/deeplink 契约。
DG9-7,报销票据财务迁移,统一报销列表、票据池、AP 台账、付款批次和财务摘要的列表、筛选、状态标签和操作密度。,1) 报销列表继续支持草稿、新建、删除、批量审批和导出；2) 票据和财务页不暴露内部术语到普通用户主视图；3) 财务敏感入口权限不变；4) 报销和财务页面构建通过。,流程级验证：cd client && npm run typecheck && npm run build；cd client && npx playwright test tests/e2e/reimbursement-workflow-progress.spec.ts tests/e2e/biz8-ap-ledger-project.spec.ts --workers=1 --reporter=list。,typescript|vite|playwright,DONE,DONE,DONE,client/src/pages/ReimbursementsPage.tsx|client/src/pages/InvoicePoolPage.tsx|client/src/pages/ApOperationsPage.tsx|client/src/pages/PaymentBatchesPage.tsx,"[""DG9-4""]",2026-05-13 reimbursement-workflow-progress 与 biz8-ap-ledger-project 通过；不改 OCR、付款、导出或项目关联 API。
DG9-8,请假采购资产项目页迁移,将现有可达的请假、采购、资产和项目页统一到 DG9 卡片、表格、详情和状态标签规则，不新增移动采购创建，不恢复冻结差旅主线。,1) 请假、采购、资产和项目页使用统一工作台或业务列表骨架；2) 移动采购仍只保留已实现边界；3) 不新增后端字段或路由；4) 相关页面构建通过。,流程级验证：cd client && npm run typecheck && npm run build；人工按请假、采购、资产、项目入口核对布局和边界。,typescript|vite|manual,DONE,DONE,DONE,client/src/pages/LeaveRequestPage.tsx|client/src/pages/PurchaseRequestsPage.tsx|client/src/pages/AssetRegistryPage.tsx|client/src/pages/ProjectsPage.tsx,"[""DG9-4""]",2026-05-13 typecheck/build 与 project-wide-visual 通过；代码核对未新增移动采购创建，差旅仍不恢复主线。
DG9-9,管理配置页迁移,将用户、组织、审批规则、工作流定义、主数据和系统设置等配置页统一为中后台高密度布局，不改变权限。,1) 配置页使用统一标题、筛选、表格和操作区语义；2) 管理页面仍可展示必要内部 ID 或审计字段；3) 权限和路由不变；4) 构建通过。,流程级验证：cd client && npm run typecheck && npm run build；人工以管理员入口核对用户、组织、审批规则、工作流定义和主数据页面。,typescript|vite|manual,DONE,DONE,DONE,client/src/pages/*Management*|client/src/pages/ApprovalRulesPage.tsx|client/src/pages/WorkflowDefinitionsPage.tsx|client/src/pages/MasterDataPage.tsx|client/src/pages/SystemSettingsPage.tsx,"[""DG9-2""]",2026-05-13 typecheck/build 与 project-wide-visual 通过；代码核对仅做配置页布局密度统一，不改权限模型。
DG9-10,设计检查与视觉门禁,扩展设计检查脚本和 Playwright 视觉门禁，覆盖竞品文案、移动黑色主控件、移动桌面容器回流和 DG9 样板关键页面。,1) check-ui-design-rules 可解析；2) self-test 通过；3) strict 模式 0 findings 或有明确记录；4) 视觉用例覆盖 DG9 核心页面。,流程级验证：node --check scripts/qa/check-ui-design-rules.mjs；node scripts/qa/check-ui-design-rules.mjs --self-test；node scripts/qa/check-ui-design-rules.mjs --strict；cd client && npx playwright test tests/e2e/project-wide-visual.spec.ts --workers=1 --reporter=list。,node|playwright,DONE,DONE,DONE,scripts/qa/check-ui-design-rules.mjs|client/tests/e2e,"[""DG9-5"",""DG9-7"",""DG9-8"",""DG9-9""]",2026-05-13 node --check/self-test/strict 通过，strict 0 findings；project-wide-visual 1 passed。
DG9-11,文档 Skill 事实源同步,同步产品设计规则、文档索引、事实源矩阵和 hyb-oa Skill，记录 DG9 样板与迁移状态，要求后续页面先按 DG9 样板选型。,1) 产品设计规则记录 DG9 页面分层和样板；2) 文档索引和事实源矩阵登记 DG9；3) Skill 提醒后续页面先按 DG9 样板选型；4) Skill 校验通过。,流程级验证：python3 /home/shunli/.codex/skills/.system/skill-creator/scripts/quick_validate.py .agents/skills/hyb-oa-delivery；rg -n 'DG9|页面分层|样板|工作台骨架' docs/产品设计规则.md docs/文档索引.md docs/文档事实源状态矩阵.md .agents/skills/hyb-oa-delivery/SKILL.md。,python3|rg,DONE,DONE,DONE,docs/产品设计规则.md|docs/文档索引.md|docs/文档事实源状态矩阵.md|.agents/skills/hyb-oa-delivery/SKILL.md,"[""DG9-10""]",2026-05-13 Skill quick_validate 通过；产品设计规则、文档索引、事实源矩阵和 Skill 已同步 DG9 样板选型。
DG9-12,总回归与阶段收口,完成 DG9 状态回填、自动化/人工验证摘要、中文提交并明确未部署。,1) CSV 状态真实回填；2) validate_issues_csv 通过；3) audit-docs registry 校验通过或记录既有 warning；4) git diff --check 通过；5) 中文 commit 引用 DG9；6) 最终说明未部署。,流程级验证：python3 /home/shunli/.codex/skills/plan/scripts/validate_issues_csv.py issues/2026-05-13_23-30-00-dg9-ui-layout-rollout.csv；node scripts/qa/audit-docs.mjs --check-registry；git diff --check；人工确认未修改 server 且未部署。,python3|node|git|manual,DONE,DONE,DONE,issues/2026-05-13_23-30-00-dg9-ui-layout-rollout.csv|client/src|client/tests|docs|scripts/qa,"[""DG9-11""]",2026-05-13 validate_issues_csv、audit-docs、git diff --check 通过；audit-docs 保留既有 unregistered docs files: 24 warning；未部署。