仓管端 - 扫一扫

原型图 | React + Tailwind

← 返回总览 CG01 首页 CG02 入库列表 CG03 入库详情 CG04 入库确认 CG05 出库列表 CG06 出库详情 CG07 出库确认 CG08 借用出库创建 CG09 报废列表 CG10 发起报废 CG11 库存总览 CG12 设备库存列表 CG15 扫一扫 CG17 我的

模拟扫码控制

资产类型

全资产 × 全状态 × 可执行操作

资产类型 状态 绑定情况 可执行操作
设备
(SN-G)
库存中·可投放标记故障(联动配件确认)、添加/解绑配件与滤芯
库存中·故障维修完成(联动配件确认)、发起报废、添加/解绑配件与滤芯
运输中查看关联调拨单(仅展示)
使用中查看关联工单/投放位置(仅展示)
已报废查看报废记录(仅展示)
高价值配件
(屏幕/水机板/安卓板)
库存中·可投放已绑定解绑(选择可投放/故障)
未绑定绑定到设备
库存中·故障已绑定解绑(选择可投放/故障)
未绑定维修完成→可投放、发起报废
滤芯
(SN-L)
库存中·可投放已绑定解绑(选择可投放/故障)
未绑定绑定到设备(仅检查数量上限)
库存中·故障已绑定解绑(选择可投放/故障)
未绑定发起报废
已借出快速归还(→跳转入库确认·归还场景)
已报废查看报废记录(仅展示)
箱码
(BOX)
只读展示箱内滤芯清单,无操作

页面说明

最后更新:2026-08-14

页面定位 — PRD §6.7

仓管的万能快捷入口。默认展示相机扫一扫预览页面,扫码后自动跳转到对应资产详情页(设备/高价值配件/滤芯/箱码),详情页内可管理绑定关系和快捷发起操作。无码资产处理已迁移至 CG01 首页。

核心内容

模块说明交互
相机预览(默认态)模拟取景框 + 扫描线动画 + 闪光灯按钮页面加载默认展示,扫码后切换到详情
设备详情设备信息 + 配件列表(3) + 滤芯列表(X/N) + 操作按钮绑定/解绑/标记故障/维修完成/报废
高价值配件详情配件信息 + 绑定设备 + 操作按钮绑定/解绑/维修完成/报废
滤芯详情滤芯信息 + 绑定设备 + 操作按钮绑定/解绑/归还/报废
箱码详情箱内滤芯只读清单无操作,返回扫码

关键交互

操作 触发条件 前置校验 反馈形式 异常处理 行为
绑定配件/滤芯详情点"绑定到设备"或设备详情点"添加"前端码类型校验 + 后端状态校验弹窗引导扫码→确认码类型不符/设备不在库/配件已绑定/同类冲突/滤芯已满绑定关系建立,详情页刷新
解绑已绑定配件行点"解绑"设备必须库存中弹窗选状态→确认(未选置灰)设备不在库无法解绑解绑+设状态,详情页刷新
标记故障设备详情(可投放)点"标记故障"设备为库存中·可投放弹窗逐个确认配件状态无绑定配件时直接确认设备变故障,配件按选择更新
维修完成设备详情(故障)点"维修完成"设备为库存中·故障弹窗逐个确认配件状态无绑定配件时直接确认设备变可投放,配件默认可投放
维修完成设备详情(故障)点"维修完成"设备为库存中·故障弹窗逐个确认配件状态无绑定配件时直接确认设备变可投放,配件默认可投放

页面状态

状态展示内容
默认态 — 相机预览深色取景框 + 四角扫描框 + 扫描线动画 + 闪光灯按钮
设备详情返回扫码 + 设备信息卡片 + 配件列表(3行) + 滤芯列表(X/N) + 操作按钮区
高价值配件详情返回扫码 + 配件信息卡片 + 绑定设备信息 + 操作按钮区
滤芯详情返回扫码 + 滤芯信息卡片 + 绑定设备信息 + 操作按钮区
箱码详情返回扫码 + 箱码信息卡片 + 箱内滤芯清单(只读)

跳转关系

CG15 扫一扫
├─ 默认态:相机预览(页面加载/刷新时)
├─ 扫码控制选中 → 页面切换为对应资产详情
├─ 设备详情
│   ├─ 点击配件编码 → 跳转配件详情
│   └─ 发起报废 → CG10 发起报废
├─ 配件/滤芯详情 → 点击设备编码 → 跳转设备详情
├─ 任意详情页 → "返回扫码" → 回到相机预览
├─ 底部导航:首页(CG01) / 入库(CG02) / 出库(CG05) / 库存(CG11) / 我的(CG17)(CG15 不在 5 Tab 中,全部灰色)
└─ 返回 → CG01 首页

业务规则

设备二级状态与配件绑定状态解耦,解绑不自动降级设备状态
绑定仅限"库存中"设备(可投放或故障均可)
高价值配件做类型匹配(SN-P→屏幕、SN-S→水机板、SN-A→安卓板),滤芯只检查数量上限
解绑弹窗默认不选状态,确认按钮置灰,支持取消关闭
标记故障/维修完成逐个确认已绑定配件状态,有默认值
箱码只读展示,批量操作由CG04/CG07处理
绑定/解绑入口CG15独占,库存列表不开放
无码资产处理已迁移至 CG01 首页库存概览区域
底部导航 5 Tab(首页/入库/出库/库存/我的),CG15 不在 5 Tab 中,全部灰色;扫码前后底部导航始终可见
查看更新记录
2026-08-14
添加底部导航栏 5 Tab(CG15 不在 5 Tab 中,全部灰色);同步更新跳转关系与业务规则。
2026-07-30
初版页面说明,基于扫一扫功能设计文档 v2 + 页面清单 §6.1。