5.7 KiB
5.7 KiB
| 1 | ID | Severity | Page | Viewport | Category | Symptom | Evidence | Recommendation | Status |
|---|---|---|---|---|---|---|---|---|---|
| 2 | VA-001 | HIGH | /invoice-pool | mobile390 | mobile-table-overflow | 手机票据中心仍显示桌面表格，发票号码列和操作列被裁切，more_horiz 操作按钮跑到 390px 视口外。 | output/playwright/r93-visual-audit-session/mobile390-invoice-pool.png；JSON: table=1, offscreen button right=807 | 优先修复为移动端卡片列表，隐藏桌面 table；详情字段改为分行 label/value，并加入视觉回归断言。 | TODO |
| 3 | VA-002 | HIGH | /reimbursements | mobile390 | mobile-table-layout | 手机报销列表仍显示表格结构，空列表时尚可阅读，但有数据时很容易出现操作列不可达；与此前草稿可编辑诉求相关。 | output/playwright/r93-visual-audit-session/mobile390-reimbursements.png；JSON: visibleTableCount=1 | 确认生产构建是否包含 R92 移动卡片改动；若组件已写卡片但公网仍显示表格，优先检查部署版本或 className 透传；否则补移动卡片。 | TODO |
| 4 | VA-003 | HIGH | /team | mobile390 | mobile-table-layout | 团队列表在手机端以表格展示，部门/状态列被挤压为窄竖排，成员信息扫描效率差。 | output/playwright/r93-visual-audit-session/mobile390-team.png；JSON: visibleTableCount=1 | 改为成员卡片：姓名、部门、今日状态、备注纵向展示；保留筛选按钮。 | TODO |
| 5 | VA-004 | HIGH | /leave-requests | mobile390 | mobile-table-layout | 请假记录区域在手机端仍是表格，列名被拆成竖排；当前无记录时影响较小，有记录后会明显难读。 | output/playwright/r93-visual-audit-session/mobile390-leave-requests.png；JSON: visibleTableCount=1 | 请假记录改为卡片式列表，展示假种、时间、天数、状态、操作。 | TODO |
| 6 | VA-005 | HIGH | /assets | mobile390 | mobile-table-layout | 资产分类和资产列表两个区域在手机端仍有表格，列头拥挤；复选框触控目标也偏小。 | output/playwright/r93-visual-audit-session/mobile390-assets.png；JSON: visibleTableCount=2, small checkbox 16x16 | 资产分类/资产卡片改成移动卡片或折叠列表；复选框外层增加可点区域。 | TODO |
| 7 | VA-006 | HIGH | /purchase-requests | mobile390 | mobile-table-layout | 采购单列表在手机端仍显示表格；当前无数据时可接受，但后续有单据后操作列可能不可达。 | output/playwright/r93-visual-audit-session/mobile390-purchase-requests.png；JSON: visibleTableCount=1 | 采购列表改为移动卡片；菜单按钮保持至少 44px 宽度。 | TODO |
| 8 | VA-007 | HIGH | /todos | mobile390 | mobile-table-layout | 待办页手机端仍可见表格。 | output/playwright/r93-visual-audit-session/mobile390-todos.png；JSON: visibleTableCount=1 | 待办列表改为任务卡片，优先展示标题、优先级、截止日期、状态和完成动作。 | TODO |
| 9 | VA-008 | HIGH | /notifications | mobile390 | mobile-table-layout | 通知页手机端仍显示表格，标题/时间/状态/操作列拥挤。 | output/playwright/r93-visual-audit-session/mobile390-notifications.png；JSON: visibleTableCount=1 | 通知改为消息卡片，按未读/类型筛选；操作放在卡片底部。 | TODO |
| 10 | VA-009 | HIGH | /attendance | mobile390 | mobile-table-layout | 考勤页手机端仍可见表格且存在出屏交互风险。 | output/playwright/r93-visual-audit-session/mobile390-attendance.png；JSON: visibleTableCount=1 | 考勤记录改为日期卡片或月历式摘要；管理员补录入口保持桌面优先。 | TODO |
| 11 | VA-010 | HIGH | /contracts-registry | mobile390+desktop1440 | permission-noise | 合同台账页面可进入，但控制台出现 403 resource 错误；用户看不到明确错误，但自动化记录为 JS_ERROR。 | output/playwright/r93-visual-audit-session/mobile390-contracts-registry.png；JSON: console error 403 x2 | 核对合同台账页面与 API 权限：若员工可进入页面，应避免后台请求未授权接口；若不应进入，应在导航和路由层统一隐藏/403。 | TODO |
| 12 | VA-011 | MEDIUM | multiple | mobile390 | topbar-breadcrumb | 手机顶栏显示原始路径并被截断，例如 /invoice...、/purchase...，占用首屏且对国内用户不友好。 | output/playwright/r93-visual-audit-session/mobile390-invoice-pool.png；output/playwright/r93-visual-audit-session/mobile390-purchase-requests.png | 手机端顶栏改为中文页面名或隐藏路径，只保留返回/菜单、搜索、通知和用户入口。 | TODO |
| 13 | VA-012 | MEDIUM | /travel-requests | mobile390 | heavy-mobile-form | 差旅页虽然没有表格溢出，但手机端表单很长，字段密集，一次创建差旅申请负担较重。 | output/playwright/r93-visual-audit-session/mobile390-travel-requests.png | 拆分为步骤式表单：基础信息、行程段、预算/成本中心；底部固定保存按钮。 | TODO |
| 14 | VA-013 | LOW | multiple | mobile390 | touch-target | 若干移动页存在 16-28px 的小触控目标，包含复选框、短文本链接和图标菜单。 | artifacts/r93/visual-audit-session-2026-05-05.json；SMALL_TOUCH_TARGET=14 | 统一移动端 touch target 最小 40-44px；复选框/短链增加外层点击区域。 | TODO |
| 15 | VA-014 | INFO | multiple | desktop1440 | audit-false-positive | 桌面端 CLIPPED_TEXT 大多来自固定左侧导航滚动容器，初步判断为脚本误报，不作为优先缺陷。 | artifacts/r93/visual-audit-session-2026-05-05.json；desktop CLIPPED_TEXT 多指向主导航容器 | 后续视觉脚本排除固定侧栏容器，聚焦 main 区域，减少噪声。 | TODO |
| 16 | VA-015 | INFO | multiple | role-coverage | coverage-gap | 本轮使用 [email protected]，只覆盖员工视角；审批、财务、管理员页面存在权限边界，不能代表全角色视觉质量。 | artifacts/r93/visual-audit-session-2026-05-05.json；EXPECTED_FORBIDDEN=12 | 后续补 manager、finance、admin 三类账号的会话复用视觉巡检，并按角色输出独立问题清单。 | TODO |