原型图 | React + Tailwind
仓管完成入库验收的核心页面:打开入库单后,逐条扫码(或按数量录入)确认资产,全部验收后提交入库。共 4 个场景:①首次入库 ②回收入库 ③归还入库 ④调拨入库;异常处理为各场景通用能力(行内标⚠ + 提交时逐条说明原因,异常可恢复正常)。所有场景均支持「添加无码资产」:到货无二维码的资产,可生成系统编码 → 打印标签 → 扫码确认,三步完成验收。
| 模块 | 说明 | 场景差异 |
|---|---|---|
| 入库单信息卡片 | 展示入库单号、入库类型、入库仓库 | ①另含发起人/创建时间 ②另含回收原因/关联工单/原位置 ③另含来源出库单/借用人/借用天数 ④另含调拨单号/源仓库/发起人 |
| 资产行状态 | 每行资产显示:已验收(绿✓,默认可投放)/ 异常(红⚠)/ 待验收(灰);无码资产另有「二维码缺失 → 已生成·待贴标 → 已验收」三态 | 所有场景共用 |
| 资产分组列表 | 按设备 → 高价值配件 → 滤芯 → 配件与耗材分组,各组显示进度,可追加无码资产行 | ①设备含扫码绑定 ②默认可投放 + 3 标签异常(识别未匹配/功能异常/设备故障) ③纯滤芯(无设备/配件,添加无码仅开放滤芯)默认可投放 + 3 标签异常 ④高价值配件为独立调拨件、不随设备核验 |
| 拍照留证 + 添加无码 + 提交 | 拍照留证:拍照或从相册选图,最多 5 张,缩略图展示可删除(非必填);添加无码资产;吸底:扫码验收 + 提交入库 | 所有场景非必填;有异常时提交按钮显示「X 项正常 · Y 项异常」 |
| 操作 | 触发条件 | 前置校验 | 反馈形式 | 异常处理 | 行为 |
|---|---|---|---|---|---|
| 扫码验收 | 点吸底「扫码验收」,选择要扫的资产 | - | 弹识别结果窗;确认后自动切到对应分组并高亮该行,计数+1 | 识别失败可重扫、报异常或转待处理区 | 全部扫完才可提交 |
| 设备绑定(仅①) | 设备扫码验收后,行内提示「待绑定配件」并出现「绑定」入口 | - | 点「绑定」弹扫码窗,扫到对应配件码即绑定该项;三个配件全绑后提示消失 | 未绑定可给设备标记异常后提交 | ②④设备与配件不绑定;③无设备 |
| 扫码不一致 | 实际扫到的码与单据预期不符 | - | 标黄提示,弹出差异填写面板 | 强制填差异原因+传照片;单据编码清单不可改 | 所有场景通用,填完可继续 |
| 数量差异 | 录入数量与预期不符 | - | 标黄提示 | 强制填差异原因,仍可提交 | - |
| 提交入库 | 资产全部确认后(或有异常项时) | 设备已绑定配件或已标记异常(仅①) | 弹「确认提交并入库」窗:资产汇总 + 异常明细 + 「不可撤销」警示 | 有异常时按钮显示「X 项正常 · Y 项异常」 | 确认后跳转 CG03 对应入库类型的「已完成」详情 |
| 添加无码资产 | 点「添加无码资产」,选类型输数量(滤芯先选型号) | - | 在对应分组追加「二维码缺失」行,可多次添加 | 编码由系统生成,仓管不可手输 | 生成码 → 打印标签 → 扫码确认 → 已验收 |
| 模拟扫码结果 | 点右侧「模拟扫码结果」任一卡片(演示用,共 9 种结果) | - | 整页重置为对应扫码结果(已扫项/异常/绑定状态随之变化);当前卡高亮、不支持卡置灰 | 异常类结果自带具体原因,提交窗逐条展示 | 各场景支持哪些结果见「页面状态」;切场景自动恢复干净状态 |
| 行内异常原因 | 资产被标记异常或故障后 | - | 行内显示原因,可点「修改」弹窗改(回收/归还 3 标签点选 + 手动输入,首次/调拨下拉+手动输入);已异常可「恢复正常」 | 手写与快捷原因均行内展示 | 提交弹窗逐条列出原因,不再填总原因 |
| 恢复正常 | 异常资产弹窗点「恢复正常」 | 已标记异常 | 弹「恢复正常」窗,回收/归还二选一,首次/调拨单一 | - | 清除异常信息;「恢复并重新验收」另清扫码态需重扫 |
| 二次扫码 | 已验收资产再次扫码 | - | 提示「该资产已验收」 | - | 不做状态变更,要重来先「恢复正常」 |
| 场景 | 展示内容 |
|---|---|
| ①首次入库(蓝色) | 入库信息卡片(含发起人/创建时间)+ 设备2 + 屏幕2 + 水机板2 + 安卓板2 + 滤芯4 + 配件与耗材4;设备验收后须扫码绑定配件(两台设备都需绑定,未绑定须标记异常);模拟卡全 9 种(全部扫码成功/部分成功/识别滤芯箱码/识别失败/配件缺失/扫码不一致/数量差异/绑定阻断/全部成功含异常) |
| ②回收入库(紫色) | 入库信息卡片(含回收原因/关联工单/原位置)+ 设备1 + 屏幕1 + 水机板1 + 安卓板1 + 滤芯2(配件与耗材为空分区);回收件默认可投放(扫码即已验收),异常用 3 标签(识别未匹配/功能异常/设备故障)标记;设备与配件无绑定关系;模拟卡 5 种(全部扫码成功/部分成功/识别滤芯箱码/识别失败/全部成功含异常) |
| ③归还入库(青色) | 自由扫码归还:不预填资产,仓管逐件扫码(或录入编码),扫一个记一个,默认可投放(扫码即已验收),异常用 3 标签(识别未匹配/功能异常/设备故障)标记,可不关联原借用单;无设备和高价值配件(添加无码仅开放滤芯);至少归还一项方可提交;模拟卡 5 种(全部扫码成功/部分成功/识别滤芯箱码/识别失败/全部成功含异常) |
| ④调拨入库(橙色) | 入库信息卡片(含调拨单号/源仓库/发起人)+ 设备2 + 高价值配件2 + 滤芯4 + 耗材10;提示"随设备调拨配件不在此核验";设备与配件无绑定关系;模拟卡 8 种(全部扫码成功/部分成功/识别滤芯箱码/识别失败/配件缺失/扫码不一致/数量差异/全部成功含异常) |
入库列表(CG02) → 入库详情(CG03) → 入库确认(CG04)
├── 确认入库完成 → CG03 对应入库类型的「已完成」详情
│ ①首次入库 / ②回收入库 / ③归还入库 / ④调拨入库
└── 场景③:自由扫码归还,无预设借用单;由 CG02「+新建归还入库」经 ?scene=3 进入
入口参数:入库单号、入库类型、状态(CG02/CG04 双入口统一三参)
底部导航:本页按单任务设计已去除;由顶栏「返回」退出