装箱编号 — 多码凑箱 · 优化布局 v2

紧凑信息密度 · 固定操作底栏 · 清晰状态层次

① 初始
② 扫码识别
③ 已装多项
④ 编辑/删除
⑤ 排产号切换
⑥ 自动同步
场景1 · 初始状态(等待扫码)
装箱编号
⇄ 多码凑箱 P2
箱号
W00009
已有 0 箱 · 最大箱号 0
已装入本箱 0 项
尚未装入任何物料
📷 请扫描执行卡二维码
数量
等待扫码

v2 布局优化要点

状态颜色含义

蓝 — 空闲/等待
橙 — 提交中/同步中
绿 — 操作成功
红 — 错误
琥珀 — 警告

UI 结构(v2)

┌──────────────────────────────────────────┐ 44px │ "装箱编号" [⇄ 多码凑箱 P2] │ AppBar ├──────────────────────────────────────────┤ │ [通知条] 可叠加显示,每条 ~30px │ 可选 ├──────────────────────────────────────────┤ 48px │ 箱号 [ 1 ] │ W00009 已有1箱·最大箱1 详情│ header-bar ├──────────────────────────────────────────┤ │ 已装入本箱 3 项 │ list-header (sticky) │ 1 ▌ 26BW0011 WO-2026-001 80/80 ✏🗑 │ 40px/行 │ 2 ▌ 26BW0012 WO-2026-002 60/60 ✏🗑 │ │ 3 ▌ 26BW0013 WO-2026-003 40/40 ✏🗑 │ ← 可滚动区域 │ ... │ ├──────────────────────────────────────────┤ │ [✓ 26BW0014 · WO-004 · 50件] │ ~38px 扫码条 │ 数量 [ 50 ] [确认] │ ~48px 提交行 │ [ 完成本箱 ] │ ~50px 完成行 ├──────────────────────────────────────────┤ ~28px │ ● 装箱成功,请继续扫码 │ 状态栏 └──────────────────────────────────────────┘