# R97 高频页面视觉回归报告

日期：2026-05-06

## 范围

- 报销列表：手机草稿卡片、继续编辑入口、桌面操作列。
- 票据中心：手机列表、详情面板、批量上传入口、识别文案。
- 移动审批：待办列表、详情处理区、筛选与批量处理收起态。
- 审批待办：手机卡片兜底与桌面表格保留。

## 自动化验证

| 命令 | 结果 |
| --- | --- |
| `python3 /home/shunli/.codex/skills/plan/scripts/validate_issues_csv.py issues/2026-05-06_17-37-53-r97-high-frequency-ui-polish.csv` | 通过 |
| `git diff --check` | 通过 |
| `cd client && npm run typecheck` | 通过 |
| `cd client && npm run build` | 通过；Vite 仍有既有 circular chunk 警告 |
| `cd client && E2E_BASE_URL=http://127.0.0.1:5177 npx playwright test tests/e2e/r89-mobile-login-navigation.spec.ts --workers=1 --reporter=list` | 3 passed |
| `cd client && E2E_BASE_URL=http://127.0.0.1:5177 npx playwright test tests/e2e/r92-mobile-invoice-usability.spec.ts --workers=1 --reporter=list` | 3 passed |
| `cd client && E2E_BASE_URL=http://127.0.0.1:5177 npx playwright test tests/e2e/visual-shell.spec.ts --workers=1 --reporter=list` | 4 passed |

## 视觉证据

Playwright 在测试报告中附加了以下截图：

- `r97-wecom-login.png`
- `r97-mobile-today.png`
- `r97-mobile-approvals.png`
- `r97-mobile-capture.png`
- `r97-reimbursements-mobile-draft.png`
- `r97-invoice-pool-mobile.png`
- `r97-mobile-capture-multi-upload.png`
- `r97-workflow-tasks-mobile.png`
- `login-shell.png`
- `app-shell.png`
- `mobile-today.png`

## 结论

本轮高频页面精修已覆盖主要手机与桌面入口。自动化验证未发现横向溢出、核心按钮不可见或手机菜单不可操作问题。后续如继续做视觉优化，建议进入表单详情页和管理后台低频页，而不是继续扩大本轮高频页范围。