收敛 PC 工作台视觉 05-27-pc-frontend-visual-consistency-wave1

这个提交包含在:
2026-05-27 14:10:51 +08:00
父节点 63e214ca77
当前提交 466075c4a9
共修改 16 个文件,包含 551 行新增和 148 行删除
@@ -0,0 +1,38 @@
# 实施记录
## 设计方向
- 视觉基调按 `frontend-design` 收敛为“克制、精密、低噪音的 Hyinda 工作台”。
- `docs/产品设计规则.md` 作为业务、品牌和验收参考;不使用营销式大卡、装饰光斑或多套页面局部风格。
- 第一批只覆盖共享 PC 视觉底座、`/portal` 和 `/reimbursements`,不扩展到全站。
## 实施范围
- 降低全局背景、卡片、侧边栏、顶栏、按钮、指标卡和动作块的装饰强度。
- `/portal` 员工视角保留核心指标、待处理、常用、团队状态和通知,把申请/资产/继续工作等低频内容收进“更多入口”。
- `/reimbursements` 只突出“新建报销”,把统计、导出、批量和代提交范围切换降到工具行。
- 补充视觉壳层 E2E mock,覆盖 `/portal` 与 `/reimbursements` 的 PC 收敛基线。
## 约束
- 不修改后端 API、权限模型、路由语义、数据库、真实业务数据或部署配置。
- 不改变移动端业务结构;移动用例只作为回归保护。
- 面向用户可测试前仍需部署和公网检查通过。
## Spec 更新判断
- 本轮没有新增 API、数据结构、权限、部署、环境变量或跨层契约。
- `frontend-design` 作为最终视觉裁决、PC 工作台低噪音方向、截图证据路径等规则已由 `.trellis/spec/hyb-oa/frontend-react-vite-design.md`、`docs/产品设计规则.md` 和本任务 PRD 覆盖。
- 因此不更新 `.trellis/spec/`,仅在当前任务实施记录中保留本轮样板页决策和验证结果。
## 验证记录
- `cd client && E2E_BASE_URL=http://127.0.0.1:3000 npx playwright test tests/e2e/visual-shell.spec.ts --workers=1 --reporter=list`:通过,5 passed。
- `cd client && npm run typecheck`:通过。
- `cd client && npm run build`:通过。
- `cd client && E2E_BASE_URL=http://127.0.0.1:3000 npx playwright test tests/e2e/login-portal-ux.spec.ts --workers=1 --reporter=list`:首次 9 passed / 1 failed,旧断言仍查找“我的申请与资产 / 继续工作”;已更新为“更多入口”后重跑通过,10 passed。
- `node scripts/qa/check-ui-design-rules.mjs --strict`:通过,0 findings。
- `python3 ./.trellis/scripts/task.py validate 05-27-pc-frontend-visual-consistency-wave1`:通过。
- `node scripts/qa/check-trellis-governance.mjs`:通过。
- `git diff --check`:通过。
- 截图证据:`output/playwright/pc-frontend-visual-consistency-wave1/` 已生成 PC 首页、PC 报销列表、壳层和移动回归截图。