托盘登录表单 UX 验证记录

验证日期：2026-06-24 页面：src/views/planning-production/production-monitoring/tray-registration/index.vue

Findings

已修复 批次选择弹窗：批次表格双击事件现在通过 page-table 的 table-listeners 明确透传到内部 el-table，双击行会直接写入批次号并关闭弹窗。同时新增单击选中后点“确定”的兜底路径，避免只依赖双击。
Medium 托盘编码 / 电池编码校验：格式错误、缺少托盘号、缺少电池编码主要通过全局 $message 提示，字段附近没有持久化错误状态。用户需要记住错误来源，移动端或扫码连续输入时更容易丢失上下文。建议后续改为 el-form rules 或字段级错误文案。
Medium 登录按钮：按钮只在提交中禁用，未选择批次、未选择格式、未录入电池时仍可点击，再由全局提示拦截。建议后续在按钮附近或必填字段处暴露阻塞原因，减少试错。
Low 批次选择弹窗：批次列表没有搜索框或分页；如果批次数量较大，只能滚动查找。建议后续加入批次号过滤或服务端分页。
Low 格式编辑弹窗：新增格式表单没有字段级必填状态和提交 loading，重复点击可能造成重复请求。建议后续补充表单规则和提交态。

Browser：未启动浏览器，采用 source-only 验证。
Notes：已检查 page-table 事件透传、批次弹窗选择状态、提交校验入口和格式编辑入口。当前仓库未配置 Playwright；本次通过构建、ESLint 和 JSON 解析作为可执行验证。

批次选择保留“单击选中 + 确定”和“双击直接确定”两条路径；主表单后续应把必填与格式校验迁移到字段局部反馈，登录按钮附近只保留简短阻塞原因。