原型图 | React + Tailwind
| 资产类型 | 状态 | 绑定情况 | 可执行操作 |
|---|---|---|---|
| 设备 (SN-G) | 库存中·可投放 | — | 标记故障(联动配件确认)、添加/解绑配件与滤芯 |
| 库存中·故障 | — | 维修完成(联动配件确认)、发起报废、添加/解绑配件与滤芯 | |
| 运输中 | — | 查看关联调拨单(仅展示) | |
| 使用中 | — | 查看关联工单/投放位置(仅展示) | |
| 已报废 | — | 查看报废记录(仅展示) | |
| 高价值配件 (屏幕/水机板/安卓板) | 库存中·可投放 | 已绑定 | 解绑(选择可投放/故障) |
| 未绑定 | 绑定到设备 | ||
| 库存中·故障 | 已绑定 | 解绑(选择可投放/故障) | |
| 未绑定 | 维修完成→可投放、发起报废 | ||
| 滤芯 (SN-L) | 库存中·可投放 | 已绑定 | 解绑(选择可投放/故障) |
| 未绑定 | 绑定到设备(仅检查数量上限) | ||
| 库存中·故障 | 已绑定 | 解绑(选择可投放/故障) | |
| 未绑定 | 发起报废 | ||
| 已借出 | — | 快速归还(→跳转入库确认·归还场景) | |
| 已报废 | — | 查看报废记录(仅展示) | |
| 箱码 (BOX) | — | — | 只读展示箱内滤芯清单,无操作 |
仓管的万能快捷入口。默认展示相机扫一扫预览页面,扫码后自动跳转到对应资产详情页(设备/高价值配件/滤芯/箱码),详情页内可管理绑定关系和快捷发起操作。无码资产处理已迁移至 CG01 首页。
| 模块 | 说明 | 交互 |
|---|---|---|
| 相机预览(默认态) | 模拟取景框 + 扫描线动画 + 闪光灯按钮 | 页面加载默认展示,扫码后切换到详情 |
| 设备详情 | 设备信息 + 配件列表(3) + 滤芯列表(X/N) + 操作按钮 | 绑定/解绑/标记故障/维修完成/报废 |
| 高价值配件详情 | 配件信息 + 绑定设备 + 操作按钮 | 绑定/解绑/维修完成/报废 |
| 滤芯详情 | 滤芯信息 + 绑定设备 + 操作按钮 | 绑定/解绑/归还/报废 |
| 箱码详情 | 箱内滤芯只读清单 | 无操作,返回扫码 |
| 操作 | 触发条件 | 前置校验 | 反馈形式 | 异常处理 | 行为 |
|---|---|---|---|---|---|
| 绑定 | 配件/滤芯详情点"绑定到设备"或设备详情点"添加" | 前端码类型校验 + 后端状态校验 | 弹窗引导扫码→确认 | 码类型不符/设备不在库/配件已绑定/同类冲突/滤芯已满 | 绑定关系建立,详情页刷新 |
| 解绑 | 已绑定配件行点"解绑" | 设备必须库存中 | 弹窗选状态→确认(未选置灰) | 设备不在库无法解绑 | 解绑+设状态,详情页刷新 |
| 标记故障 | 设备详情(可投放)点"标记故障" | 设备为库存中·可投放 | 弹窗逐个确认配件状态 | 无绑定配件时直接确认 | 设备变故障,配件按选择更新 |
| 维修完成 | 设备详情(故障)点"维修完成" | 设备为库存中·故障 | 弹窗逐个确认配件状态 | 无绑定配件时直接确认 | 设备变可投放,配件默认可投放 |
| 维修完成 | 设备详情(故障)点"维修完成" | 设备为库存中·故障 | 弹窗逐个确认配件状态 | 无绑定配件时直接确认 | 设备变可投放,配件默认可投放 |
| 状态 | 展示内容 |
|---|---|
| 默认态 — 相机预览 | 深色取景框 + 四角扫描框 + 扫描线动画 + 闪光灯按钮 |
| 设备详情 | 返回扫码 + 设备信息卡片 + 配件列表(3行) + 滤芯列表(X/N) + 操作按钮区 |
| 高价值配件详情 | 返回扫码 + 配件信息卡片 + 绑定设备信息 + 操作按钮区 |
| 滤芯详情 | 返回扫码 + 滤芯信息卡片 + 绑定设备信息 + 操作按钮区 |
| 箱码详情 | 返回扫码 + 箱码信息卡片 + 箱内滤芯清单(只读) |
CG15 扫一扫 ├─ 默认态:相机预览(页面加载/刷新时) ├─ 扫码控制选中 → 页面切换为对应资产详情 ├─ 设备详情 │ ├─ 点击配件编码 → 跳转配件详情 │ └─ 发起报废 → CG10 发起报废 ├─ 配件/滤芯详情 → 点击设备编码 → 跳转设备详情 ├─ 任意详情页 → "返回扫码" → 回到相机预览 ├─ 底部导航:首页(CG01) / 入库(CG02) / 出库(CG05) / 库存(CG11) / 我的(CG17)(CG15 不在 5 Tab 中,全部灰色) └─ 返回 → CG01 首页