修复托盘登录批次选择确认
Some checks failed
Release pipeline / publish (push) Has been cancelled
Release pipeline / Always run job (push) Has been cancelled

This commit is contained in:
sheng
2026-06-24 14:38:43 +08:00
parent 2fb376ffa0
commit 4455b90854
3 changed files with 67 additions and 3 deletions

View File

@@ -0,0 +1,21 @@
# 托盘登录表单 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重复点击可能造成重复请求。建议后续补充表单规则和提交态。
## Evidence
- Browser未启动浏览器采用 source-only 验证。
- Notes已检查 `page-table` 事件透传、批次弹窗选择状态、提交校验入口和格式编辑入口。当前仓库未配置 Playwright本次通过构建、ESLint 和 JSON 解析作为可执行验证。
## Suggested Shape
批次选择保留“单击选中 + 确定”和“双击直接确定”两条路径;主表单后续应把必填与格式校验迁移到字段局部反馈,登录按钮附近只保留简短阻塞原因。