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