# 实施记录

## 实施策略

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`：通过。