hyb-oa/artifacts/r97-ui/visual-audit-report.md

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

结论

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