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

1	ID	Title	Description	Acceptance	Test_Method	Tools	Dev_Status	Review1_Status	Regression_Status	Files	Dependencies	Notes
2	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。
3	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 均已登记；只做事实源分层。
4	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 依赖。
5	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 校验。
6	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 标签断言。
7	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，不宣称真机完成。
8	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 契约。
9	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。
10	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 通过；代码核对未新增移动采购创建，差旅仍不恢复主线。
11	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 通过；代码核对仅做配置页布局密度统一，不改权限模型。
12	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。
13	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 样板选型。
14	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；未部署。