105 行
4.1 KiB
Markdown
105 行
4.1 KiB
Markdown
# R93 公网页面视觉自动化巡检报告
|
|
|
|
生成日期：2026-05-05
|
|
|
|
## 范围
|
|
|
|
- 环境：`https://oa.hyinda.com`
|
|
- 账号：`[email protected]`
|
|
- 路由：27 个员工视角可达或可探测路由
|
|
- 视口：
|
|
- `mobile390`: 390 x 844
|
|
- `desktop1440`: 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 | 员工账号无权限，记录为覆盖边界 |
|
|
|
|
## 高优先级问题
|
|
|
|
1. 票据中心手机端仍显示桌面表格，操作按钮跑出 390px 视口。
|
|
- 证据：`output/playwright/r93-visual-audit-session/mobile390-invoice-pool.png`
|
|
- 指标：`visibleTableCount=1`，`offscreen button right=807`
|
|
- 建议：优先进入 R93 修复，改为移动卡片并加入视觉断言。
|
|
|
|
2. 报销、团队、请假、资产、采购、待办、通知、考勤等页面在手机端仍可见表格。
|
|
- 证据：对应 `mobile390-*.png`
|
|
- 建议：按使用频率分批卡片化。10 人以下公司优先处理报销、票据、请假、团队、待办。
|
|
|
|
3. 合同台账页面出现 403 资源错误。
|
|
- 证据：`output/playwright/r93-visual-audit-session/mobile390-contracts-registry.png`
|
|
- 指标：console error 403 x2
|
|
- 建议：核对页面权限与 API 权限是否一致。若员工可进入页面，后台请求不应打未授权接口；若不应进入，导航和路由应统一隐藏或 403。
|
|
|
|
## 中低优先级问题
|
|
|
|
1. 手机顶栏显示原始路径并被截断。
|
|
- 例如 `/invoice...`、`/purchase...`
|
|
- 建议：手机端显示中文页面名，或隐藏路径。
|
|
|
|
2. 差旅申请手机表单过长。
|
|
- 当前没有明显溢出，但一次性表单负担较重。
|
|
- 建议：后续拆成步骤式表单。
|
|
|
|
3. 多处小触控目标。
|
|
- 主要是复选框、短文本链接、图标菜单。
|
|
- 建议：移动端统一 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` |
|
|
|
|
结论：当前手机端主要问题不是顶栏入口无法点击，而是进入业务页面后，内容区仍有大量桌面表格和字段挤压。
|
|
|
|
## 后续建议
|
|
|
|
1. R93 先修 `票据中心 + live OCR 自动化假失败 + runbook`。
|
|
2. R94 做“移动端表格清零专项”，优先级：报销、请假、团队、待办、通知、采购、资产、考勤。
|
|
3. R95 做多角色视觉巡检与权限一致性检查，至少覆盖 manager、finance、admin。
|