hyb-oa/issues/2026-03-23_00-10-00-r29-frontend-design-system-rework.csv

ID,Title,Description,Acceptance,Test_Method,Tools,Dev_Status,Review1_Status,Regression_Status,Files,Dependencies,Notes
R29-0,执行合同建档与IA冻结,为前端设计系统与工作台体验重构建立执行合同并冻结主导航首页层级与视觉方向,Issue CSV 校验通过 且主导航首页层级与设计方向冻结,python3 /home/shunli/.codex/skills/plan/scripts/validate_issues_csv.py issues/2026-03-23_00-10-00-r29-frontend-design-system-rework.csv,manual,DONE,DONE,DONE,issues/2026-03-23_00-10-00-r29-frontend-design-system-rework.csv,[],none
R29-1,设计系统基础层,建立语义 token theme scaffold 与基础页面模式并统一按钮页头空状态语义,存在 client/src/design 基础层 且 index.css button pageHeader emptyState 接入新语义体系,cd client && npm run typecheck && npm run build,manual,DONE,DONE,DONE,client/src/design/*|client/src/index.css|client/src/components/ui/button.tsx|client/src/components/common/PageHeader.tsx|client/src/components/common/EmptyStateCard.tsx,"[""R29-0""]",不改后端 API
R29-2,壳层导航与顶栏重构,重构 AppShell Sidebar NavLinks Topbar 形成稳定工作台壳层并固定主导航与管理入口,主导航稳定为九项 管理入口单独分区 备用模块折叠 顶栏结构统一,cd client && npm run typecheck && npm run build,manual,DONE,DONE,DONE,client/src/layouts/AppShellLayout.tsx|client/src/components/navigation/Sidebar.tsx|client/src/components/navigation/NavLinks.tsx|client/src/components/navigation/Topbar.tsx|client/src/components/shell/*|client/src/features/navigation/*,"[""R29-1""]",不新增业务路由
R29-3,登录与个人设置重构,重构登录页与个人设置页的入口体验状态卡与分组结构,登录页主次 CTA 清晰 且 Profile 改为账号与入口设置页 不再直出内部 ID,cd client && npm run typecheck && npm run build,manual,DONE,DONE,DONE,client/src/pages/LoginPage.tsx|client/src/layouts/AuthLayout.tsx|client/src/pages/ProfilePage.tsx|client/src/lib/wecomEntry.ts,"[""R29-1"",""R29-2""]",保留现有企微接口
R29-4,Portal首页重构,重构 Portal 首页为角色化工作台并建立主卡摘要区参考区分层,员工与管理员首页均符合四主卡两摘要区规则 且公告和最近访问降级展示,cd client && npm run typecheck && npm run build && cd ../client && npm run test:e2e:smoke,manual,DONE,DONE,DONE,client/src/pages/PortalHomePage.tsx|client/src/api/portal.ts|client/src/features/portal/*|client/src/components/patterns/*,"[""R29-2"",""R29-3""]",不改 portal API 结构
R29-5,高频列表页模板化,抽象列表页模式并先应用到报销请假周报待办项目列表页,列表页具备统一 header filter stats table empty 结构 且交互层级一致,cd client && npm run typecheck && npm run build,manual,DONE,DONE,DONE,client/src/components/patterns/*|client/src/pages/ReimbursementsPage.tsx|client/src/pages/LeaveRequestPage.tsx|client/src/pages/WeeklyReportsPage.tsx|client/src/pages/TodosPage.tsx|client/src/pages/ProjectsPage.tsx,"[""R29-1"",""R29-4""]",已完成 Projects/Todos/Weekly/Reimbursements/Leave 列表页首批迁移
R29-6,项目与高频详情页工作台化,建立详情工作台模式并优先重构项目详情报销详情审批详情三类页面,项目详情形成概览执行留痕归档四区 且详情页不再是连续超长表单,cd client && npm run typecheck && npm run build && cd ../client && npm run test:e2e:full,manual,DOING,TODO,TODO,client/src/components/patterns/*|client/src/pages/ProjectDetailPage.tsx|client/src/pages/ReimbursementDetailPage.tsx|client/src/pages/WorkflowTaskDetailPage.tsx,"[""R29-5""]",已完成 ProjectDetailPage 工作台骨架重组；ReimbursementDetail/WorkflowTaskDetail 待迁移
R29-7,视觉QA自动化与文档收口,补充视觉回归与 UX E2E 并更新发布试点手册,新增 visual-shell visual-portal 用例 且 login portal live smoke 用例完成适配 文档写入设计 QA 检查单,cd client && npm run typecheck && npm run test:e2e:smoke && npm run test:e2e:full,manual,DONE,DONE,DONE,client/tests/e2e/login-portal-ux.spec.ts|client/tests/e2e/wecom-entry.spec.ts|client/tests/e2e/live-smoke.spec.ts|client/tests/e2e/visual-shell.spec.ts|client/tests/e2e/visual-portal.spec.ts|deploy/trialrun/checklist.md|deploy/trialrun/runbook.md|docs/admin-handbook.md,"[""R29-4"",""R29-6""]",视觉快照只覆盖关键页面
R29-8,回归验证与收口,执行前端构建与关键 E2E 回归并同步合同状态,client typecheck build smoke 和 full E2E 通过 且 R29 issue 状态同步完成,cd client && npm run typecheck && npm run build && npm run test:e2e:smoke && npm run test:e2e:full,manual,DOING,TODO,TODO,issues/2026-03-23_00-10-00-r29-frontend-design-system-rework.csv|client/*,"[""R29-7""]",typecheck/build/smoke-local 通过；full-local 首轮仅 procurement-flow 失败，定向复跑通过，待继续观察稳定性