锁定货位 — 布局重设计预览

现有设计

未锁定

上架登记
锁定货位 P2
A-01-02 普通货架 | ZP2024001
排产号货架总览
扫描总排号后自动显示排产号上架情况
请确认信息并提交

锁定开关挤在 AppBar 右侧,字小、触控区小

已锁定

上架登记
锁定货位 P2
A-01-02 🔒 普通货架
ZP2024001 × ZP2024002 × ZP2024003 ×
排产号货架总览
扫描总排号后自动显示排产号上架情况
货位已锁定,请扫描下一张执行卡

锁定状态仅靠边框颜色区分,不够醒目

新设计(与装箱编号统一设计语言)

未锁定

上架登记
未锁定 P2
A-01-02 普通货架 | ZP2024001
排产号货架总览
扫描总排号后自动显示排产号上架情况
请确认信息并提交

蓝色药丸 = 未锁定(与装箱页"单码装箱"同色)
点击或按 P2 切换为锁定

已锁定

上架登记
货位锁定 P2
A-01-02 🔒 普通货架
ZP2024001 × ZP2024002 × ZP2024003 ×
排产号货架总览
扫描总排号后自动显示排产号上架情况
货位已锁定,请扫描下一张执行卡

橙色药丸 = 已锁定(与装箱页"多码凑箱"同色)
输入面板下方内容不变,仅切换控件统一风格

设计语言对照

装箱编号
单码装箱 P2
多码凑箱 P2
上架登记
未锁定 P2
货位锁定 P2
属性 装箱编号 上架登记(新)
组件位置 AppBar 标题行内(标题 + 药丸) AppBar 标题行内(标题 + 药丸)
交互方式 点击药丸 / 按 P2 切换 点击药丸 / 按 P2 切换
默认态(蓝色) 单码装箱 未锁定
切换态(橙色) 多码凑箱 货位锁定
药丸结构 swap 图标 + 模式名 + P2 swap 图标 + 状态名 + P2
圆角 / 字重 8px / w800 8px / w800