# 生产监控三级模块表单 UX 验证

## Findings

- **High** `src/views/planning-production/production-monitoring/equipment-monitoring/index.vue`: 已修复设备监控表格无数据问题。新版请求封装会直接返回业务 `data`，原页面仍按旧版 `res.data` 取值，导致 `status_num` 和设备列表读取为空。
- **Medium** `src/views/planning-production/production-monitoring/equipment-monitoring/index.vue`: 已新增设备类别下拉筛选。筛选项放在状态卡片上方，属于查询上下文，不会遮挡状态统计，也会随 5 秒自动刷新一起传参。
- **Medium** `src/components/page-table/index.vue`: 已兼容分页对象的 `current/size` 与旧式 `currentPage/pageSize` 字段。这样三级模块或迁移页面使用旧分页字段时，分页跳转和页大小切换能回传两套字段，降低迁移兼容风险。
- **Low** `src/views/planning-production/production-monitoring/tray-registration/index.vue`: 托盘登录页面自身没有分页控件，装载电池表、批次弹窗和格式弹窗都显式使用 `pagination=null`。本次未改动托盘登录业务逻辑，分页兼容修复落在共享 `page-table`。

## Evidence

- Browser: source-only。当前环境未使用真实登录态打开页面做浏览器操作。
- Source checks: 已对照旧版设备监控 `/home/mes/WEBMAN-VUE-APP-develop/webman-vue-app/src/views/planning_production/produce/monitor/device` 的接口与响应结构；旧版使用 `res.data.status_num`，新版请求封装已解包，需要直接读取返回对象。
- Build checks: 已通过目标文件 `eslint`、locale JSON 解析和生产构建验证。
- Confidence limits: 设备类别筛选参数使用 `device_category_id`，需后端 `production_configuration/device_model/device_management/all` 接口支持该筛选字段；如果后端字段名不同，需要后端或接口层统一。

## Suggested Shape

- 设备监控查询区保持一行筛选控件，状态卡片作为快速状态过滤入口。
- 状态卡片与设备类别筛选可以叠加过滤，重置只清空设备类别，状态卡片保持当前选择，便于运维人员持续看某类设备在某状态下的情况。
- 托盘登录当前是扫码型操作页，批次选择和格式选择比分页更关键；分页兼容应放在共享表格层处理，避免在扫码页引入无关控件。
