仓管端 - 扫一扫

原型图 | React + Tailwind

← 返回总览 CG01 首页 CG02 入库列表 CG03 入库详情 CG04 入库确认 CG05 出库列表 CG06 出库详情 CG07 出库确认 CG08 借用出库创建 CG09 报废列表 CG10 发起报废 CG11 库存总览 CG12 资产库存列表 CG13 盘点列表 CG14 发起盘点 CG15 扫一扫 CG16 盘点执行 CG17 我的 CG18 消息中心 CG19 消息详情

模拟扫码控制

资产类型

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

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

页面说明

最后更新:2026-09-13

页面定位 — PRD §6.7

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

核心内容

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

关键交互

操作 触发条件 前置校验 反馈形式 异常处理 行为
绑定配件/滤芯详情点"绑定到设备"或设备详情点"添加"前端码类型校验 + 后端状态校验弹窗引导扫码→确认码类型不符/设备未建档/配件已绑定/同类冲突/滤芯已满绑定关系建立,详情页刷新
解绑已绑定配件行点"解绑"设备须为已建档(恒使用中)弹窗选状态→确认(未选置灰)设备未建档无法解绑解绑+设状态,详情页刷新
标记故障配件/滤芯详情(可投放)点"标记故障"资产为库存中·可投放弹窗逐个确认配件状态无绑定配件时直接确认资产变故障
维修完成高价值配件/滤芯(故障)点"维修完成"资产为库存中·故障弹窗逐个确认配件状态(无绑定配件时直接确认)无绑定配件时直接确认资产变可投放,配件默认可投放
快速归还资产详情(已借出)点"快速归还"资产为已借出弹窗确认(框内)—确认后置为可投放,toast 提示

页面状态

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

跳转关系

CG15 扫一扫
├─ 默认态:相机预览(页面加载/刷新时)
├─ 扫码控制选中 → 页面切换为对应资产详情
├─ 设备详情
│   ├─ 点击配件编码 → 跳转配件详情
├─ 配件/滤芯详情 → 点击设备编码 → 跳转设备详情
├─ 任意详情页 → "返回扫码" → 回到相机预览
├─ 底部导航:首页(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-09-13(去库存说明清理)
移除设备「库存中·可投放/已报废/标记故障/维修完成/发起报废」等库存与报废类操作描述,与 Web 端「设备不入库、恒使用中、报废去除」口径对齐:操作矩阵设备收敛为单「使用中」行(仅添加/解绑配件与滤芯);核心内容/关键交互/跳转关系/业务规则同步去除设备级标记故障·维修完成·报废及「库存中设备」措辞;模拟扫码设备预设状态由库存中·可投放改为使用中。代码层删除设备 in_stock_available/in_stock_fault 的标记故障/维修完成/发起报废按钮分支、StatusBadge 的 in_transit 死键与 statusInTransit 双语死键。
2026-08-20
移除盘点回填分支(from=inventory「标记盘点已盘」→ CG16);盘点扫码改由 CG16 内置弹窗承接,本页恢复纯通用扫一扫。
2026-08-14
添加底部导航栏 5 Tab(CG15 不在 5 Tab 中,全部灰色);同步更新跳转关系与业务规则。
2026-07-30
初版页面说明,基于扫一扫功能设计文档 v2 + 页面清单 §6.1。