Files
mes-ui-d2/docs/生产监控三级模块表单UX验证.md
sheng c2db61dad9
Some checks failed
Release pipeline / publish (push) Has been cancelled
Release pipeline / Always run job (push) Has been cancelled
修复生产监控分页和设备监控筛选
2026-06-25 00:49:52 +08:00

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

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