hyb-oa/.trellis/tasks/05-27-05-27-pc-core-workflow-visual-wave2/implement.md

实施记录

实施策略

1. 先增加少量 PC 工作台共享样式和视觉 token，避免四个页面各自堆 Tailwind。
2. 登录页保持现有认证能力，只重排视觉层级和文案。
3. 工作台优先压缩解释文字，重排“今日待处理 + 快捷动作 + 动态 + 二级入口”。
4. 报销列表和审批待办统一命令栏和列表/表格主视觉。
5. 完成后执行前端 typecheck、build、Trellis governance、diff check，并补视觉截图证据。

风险控制

• 不改 API、schema、权限、状态机、审批规则或企业微信配置。
• 不写公网业务数据。
• 如果视觉改动影响移动路由，必须在本轮验证中说明。

实施结果

• 新增 PC 操作台共享样式：ops-status-strip、ops-command-bar、ops-table-focus、ops-inline-alert，用于收敛状态指标、筛选/操作区和表格主视觉。
• 登录页与找回密码页复用新的 auth-panel / auth-shell，保留账号密码、邮箱验证码、企业微信入口、忘记密码、密码显隐和 PWA 手动刷新提示。
• Portal 工作台压缩说明文字，保留角色差异和权限入口，收紧常用动作、待处理、团队状态和通知区域密度。
• 报销列表和审批待办统一为紧凑命令栏 + 状态条 + 表格主视觉，保留范围切换、导出、批量操作和审批快捷入口。
• 新增 client/tests/e2e/pc-core-workflow-visual-wave2.spec.ts，mock API 覆盖登录页、Portal、报销列表和审批待办，并生成截图证据。
• 将 PC 操作列表密度约定沉淀到 .trellis/spec/hyb-oa/frontend-react-vite-design.md。

验证记录

• cd client && npm run typecheck：通过。
• cd client && npm run build：通过。
• cd client && npx playwright test tests/e2e/pc-core-workflow-visual-wave2.spec.ts --workers=1 --reporter=list：通过，截图输出到 output/playwright/pc-core-workflow-visual-wave2/。
• node scripts/qa/check-trellis-governance.mjs：通过。
• python3 ./.trellis/scripts/task.py validate 05-27-05-27-pc-core-workflow-visual-wave2：通过。
• git diff --check：通过。