diff --git a/docs/托盘登录表单UX验证.md b/docs/托盘登录表单UX验证.md new file mode 100644 index 00000000..6c2d00bf --- /dev/null +++ b/docs/托盘登录表单UX验证.md @@ -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 + +批次选择保留“单击选中 + 确定”和“双击直接确定”两条路径;主表单后续应把必填与格式校验迁移到字段局部反馈,登录按钮附近只保留简短阻塞原因。 diff --git a/src/components/page-table/index.vue b/src/components/page-table/index.vue index 208f7888..8355b824 100644 --- a/src/components/page-table/index.vue +++ b/src/components/page-table/index.vue @@ -66,7 +66,7 @@ :row-key="rowKey" :header-cell-style="headerCellStyle" v-bind="tableAttrs" - v-on="tableListeners" + v-on="elTableListeners" @selection-change="onSelectionChange" >