# R93 公网页面视觉自动化巡检报告

生成日期：2026-05-05

## 范围

- 环境：`https://oa.hyinda.com`
- 账号：`employee@hyinda.com`
- 路由：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。