【1. 修小屏按钮被截断】 根因不只是缺 overflow —— .idle-card 用了 justify-content: center, flex 居中在内容超出容器时会把上下两端**同时裁掉**,这才是按钮只剩一半的原因。 改为:容器 overflow-y: auto + padding-bottom: 40px,居中交给子元素的 margin: auto(不高时正常居中,超高时 auto 塌缩为 0,可完整滚动到顶与底)。 【2. 批次/序列号合并为一列】 「批次 / 序列号」min-width=120,两者都有显示「批次 / SN」,只有一个只显示它, 都没有显示 '-'。 【3. 规格列压缩】min-width=120 → width=100 show-overflow-tooltip,给备注让位。 【4. 录入实盘数量弹窗的备注统一为 el-select】 textarea 换成与明细抽屉完全相同的 filterable allow-create default-first-option 组件,共用同一份 REMARK_OPTIONS。 保存链路不变:inputRemark → syncToBackend → /draft/add(后端本就存 remark)。 ★ 顺带修一个数据正确性 bug:openQtyDialog 从不重置 inputRemark, 工人扫 A 填了备注后**取消**弹窗,再扫 B 时 A 的备注会残留并可能被写进 B。 改成下拉选项后这个陷阱更隐蔽(离散值不像 textarea 那样扎眼)。 现两处开窗分支都先清空 inputRemark。
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.