4.1 KiB
4.1 KiB
R93 公网页面视觉自动化巡检报告
生成日期：2026-05-05
范围
- 环境：
https://oa.hyinda.com - 账号：
[email protected] - 路由：27 个员工视角可达或可探测路由
- 视口：
mobile390: 390 x 844desktop1440: 1440 x 900
- 原始结果：
artifacts/r93/visual-audit-session-2026-05-05.json - 顶栏交互结果：
artifacts/r93/interaction-audit-2026-05-05.json - 截图目录：
output/playwright/r93-visual-audit-session/ - 顶栏交互截图：
output/playwright/r93-interaction-audit/ - 问题清单：
artifacts/r93/visual-audit-issue-log.csv
方法
本轮使用 Playwright 真实浏览器自动化，采用“每个视口登录一次、复用同一会话逐页巡检”的方式，避免频繁登录造成公网会话噪声。
每个页面记录：
- 页面截图
- 最终 URL
- JS
pageerror/ console error - HTTP 5xx 与异常请求失败
- 横向溢出
- 手机端可见
table - 跑出视口的可交互控件
- 过小触控目标
- 文本裁切
汇总
- 路由数：27
- 视口数：2
- 页面结果数：54
- 自动化发现数：66
自动化分类：
| 类型 | 数量 | 说明 |
|---|---|---|
MOBILE_VISIBLE_TABLE |
9 | 手机端仍显示表格 |
OFFSCREEN_INTERACTIVE |
1 | 可交互控件跑出视口 |
JS_ERROR |
2 | 控制台资源 403 |
REQUEST_FAILED |
1 | 请求被中断，需结合页面行为复核 |
CLIPPED_TEXT |
27 | 大部分为顶栏路径或桌面侧栏误报 |
SMALL_TOUCH_TARGET |
14 | 小触控目标 |
EXPECTED_FORBIDDEN |
12 | 员工账号无权限，记录为覆盖边界 |
高优先级问题
-
票据中心手机端仍显示桌面表格，操作按钮跑出 390px 视口。
- 证据：
output/playwright/r93-visual-audit-session/mobile390-invoice-pool.png - 指标：
visibleTableCount=1，offscreen button right=807 - 建议：优先进入 R93 修复，改为移动卡片并加入视觉断言。
- 证据：
-
报销、团队、请假、资产、采购、待办、通知、考勤等页面在手机端仍可见表格。
- 证据：对应
mobile390-*.png - 建议：按使用频率分批卡片化。10 人以下公司优先处理报销、票据、请假、团队、待办。
- 证据：对应
-
合同台账页面出现 403 资源错误。
- 证据：
output/playwright/r93-visual-audit-session/mobile390-contracts-registry.png - 指标：console error 403 x2
- 建议：核对页面权限与 API 权限是否一致。若员工可进入页面，后台请求不应打未授权接口；若不应进入，导航和路由应统一隐藏或 403。
- 证据：
中低优先级问题
-
手机顶栏显示原始路径并被截断。
- 例如
/invoice...、/purchase... - 建议：手机端显示中文页面名，或隐藏路径。
- 例如
-
差旅申请手机表单过长。
- 当前没有明显溢出，但一次性表单负担较重。
- 建议：后续拆成步骤式表单。
-
多处小触控目标。
- 主要是复选框、短文本链接、图标菜单。
- 建议：移动端统一 40-44px 最小可点击区域。
覆盖限制
本轮只使用员工账号。经理、财务、管理员页面需要后续单独跑角色视角视觉巡检，否则审批、付款、系统设置等页面只能视为未充分覆盖。
交互抽查
补充对手机顶栏核心入口做了点击验证：
| 检查项 | 结果 | 证据 |
|---|---|---|
| 打开/关闭侧边菜单 | 通过 | output/playwright/r93-interaction-audit/mobile390-portal-menu-open.png |
| 打开/关闭全局搜索 | 通过 | output/playwright/r93-interaction-audit/mobile390-portal-search-open.png |
| 打开/关闭通知下拉 | 通过 | output/playwright/r93-interaction-audit/mobile390-portal-notifications-open.png |
结论：当前手机端主要问题不是顶栏入口无法点击，而是进入业务页面后，内容区仍有大量桌面表格和字段挤压。
后续建议
- R93 先修
票据中心 + live OCR 自动化假失败 + runbook。 - R94 做“移动端表格清零专项”，优先级：报销、请假、团队、待办、通知、采购、资产、考勤。
- R95 做多角色视觉巡检与权限一致性检查，至少覆盖 manager、finance、admin。