原型图 | React + Tailwind
盘点执行:分段录入(有码扫码 + 数量类录数)+ 阈值防错 + 断点续盘。提交四步(账实对照预览→场景注明→拍照→确认)后同步 Web。已提交项进入此页为只读结果态(仅盘亏/盘盈计数,不含期间标注)。
| 模块 | 说明 |
|---|---|
| 总进度 | 已盘 X / 应盘 Y · 百分比(各分类汇总) |
| 分类进度 | Tab1:设备 已盘/应盘、高价值配件 已盘/应盘;Tab2:已录/应录 型号数 |
| 扫码确认 | Tab1:摄像头扫码预览框(常开)+「模拟扫码」按钮;识别成功 → 计数 +1 + 短提示 + 已盘明细逐件新增 |
| 数量类录入 | Tab2:型号名 + 应盘数 + 实盘输入;超阈值(±20%/±N)琥珀强提醒需二次确认 |
| 操作 | 行为 |
|---|---|
| 扫码(页内预览框) | 预览框常开(模拟摄像头,无需点击扫码);「模拟扫码」→ 识别到范围内资产 计数+1+已盘明细新增+短提示;「模拟扫到范围外」→ 提示「该资产不在本次盘点范围」不计数 |
| 数量类超阈值 | 琥珀色强提醒 + 二次点确认(防手误) |
| 提交四步 | 账实对照预览(盘亏/盘盈/相符 + 期间标注)→ 场景注明(可选)→ 拍照(可选)→ 确认提交 → 手机框内弹窗「提交成功」→ 完成跳 cg13 |
| 只读结果态(view=result) | 已提交项进入,仅显示盘亏/盘盈计数与明细(不含期间出库/入库标注) |
| 状态 | 展示 |
|---|---|
| 进行中(录入态) | 分类进度 + 扫码/录数 + 提交按钮 |
| 已提交(只读结果态) | 仅盘亏/盘盈计数与明细,无可编辑 |
CG16 盘点执行 ├─ 返回 → CG13 盘点列表 ├─ 入口 ← CG14 发起盘点(?task=&wh=&type=&scope=) ├─ 续盘 ← CG13 进行中卡片(?task=,进度保留) ├─ 只读结果态 ← CG13 已提交卡片(?task=&view=result) ├─ 扫码 → 页内摄像头预览框(常开,识别到自动记录,无跳转) └─ 底部导航:已去除(单任务设计)