仓管端 - 入库列表

原型图 | React + Tailwind

9:41

场景切换

页面说明

最后更新：2026-09-13

页面定位 — PRD §5.9.3/§5.9.7/§5.9.9/§5.9.15

展示所有与当前仓库相关的入库单，仓管查看和管理待处理任务。支持按入库类型和日期筛选，可快速定位单据。

核心内容

模块	说明	场景差异
仓库切换	标题栏下拉选择仓库，所有数据跟随刷新	仅多仓时展示下拉箭头
筛选栏	入库类型下拉 + 日期范围选择 + 新建归还入库按钮	所有场景
状态 Tab	待处理(3) / 处理中(1) / 已完成，已完成不计数	所有场景
单据卡片	状态标签(置顶) + 部分提交角标(橙色) + 入库类型标签 + 入库单号 + 资产摘要 + 创建人+时间	所有场景
编辑锁	单据被其他仓管编辑时，卡片展示"处理中-XXX"，可查看不可编辑	所有场景

关键交互

操作	触发条件	前置校验	反馈形式	异常处理	行为
切换状态Tab	用户点击Tab	-	列表刷新	-	展示对应状态的单据
点击单据卡片	用户点击卡片	单据未被锁定	跳转入库详情	锁定时提示"XXX正在操作"	跳转 CG03 入库详情
点击新建归还入库	用户点击按钮	-	跳转创建表单	-	跳转入库确认归还场景
筛选入库类型	用户选择类型	-	列表过滤	-	仅展示选定类型的单据
切换仓库下拉	用户选择仓库	多仓仓管	全部数据刷新	-	单据列表+Tab计数跟随仓库切换

页面状态

场景	展示内容
场景① 单仓仓管	标题显示仓库名（如"曼谷1号仓"）+ 筛选栏 + 状态Tab(带计数) + 单据卡片列表
场景② 多仓仓管	标题显示"仓管 ▼"（可下拉切换仓库）+ 筛选栏 + 状态Tab(带计数) + 单据卡片列表（跟随仓库刷新）

跳转关系

CG02 入库列表
├─ 仓库下拉 → 切换仓库，刷新全部数据
├─ 入库类型筛选 → 过滤列表
├─ 状态Tab切换 → 展示对应状态单据
├─ 单击单据卡片 → CG03 入库详情（携带入库单ID）
├─ +新建归还入库 → CG04 入库确认?scene=3（归还场景·自由扫码归还）
├─ 底部导航 → 首页(CG01) / 入库(CG02) / 出库(CG05) / 库存(CG11) / 我的(CG17)
└─ 返回总览 → index.html

业务规则

•单据状态三态：待处理 / 处理中 / 已完成

•编辑锁：首次写操作时加锁，退出即释放；被锁单据展示"处理中-XXX"

•Tab计数：待处理和处理中显示数量，已完成不显示数量

•卡片信息层级：状态标签(置顶) → 类型标签 → 单号 → 资产摘要 → 创建人+时间

•资产摘要覆盖6种类型：屏幕/水机板/安卓板(块)/滤芯(根)/普通配件(个)/耗材(件)

•新建入口仅支持创建"归还入库"类型，其他类型由Web后台创建

•仓库隔离：按仓库分数据，切换仓库后所有数据刷新

•部分提交角标：处理中的单据若存在挂起项（已扫码但未最终提交的资产），卡片状态标签旁显示橙色「部分提交」圆角标签

•语言切换：支持下拉选择，但选择泰文后不切换页面语言

查看更新记录

2026-09-13

去库存：删除「调拨入库」类型与其 2 条示例单（含标签色）；资产摘要由 7 类改 6 类；导航同步 CG12 更名「资产库存列表」。页面说明同步。

2026-08-14

处理中单据卡片新增「部分提交」橙色角标（bg-orange-100 text-orange-700 rounded-full），标识已有资产扫码但未最终提交的单据；i18n 中泰双语同步。

2026-08-06

跨页一致性修复（与 CG03/CG04 对齐）：卡片跳转 CG03 由「单据ID+类型」改为「单据ID+类型+状态」三参（处理中单据映射为「处理中·他人」）；页面说明小瑕疵修正（资产摘要 5→7 种类型、待处理示例 4→5 条）。

2026-07-27

入库类型「建档入库」更名为「首次入库」（新设备到货验收场景）；新增 5 条待处理示例数据（四种类型各 1 条 + 清迈仓 1 条）；卡片点击跳转 CG03 携带 URL 参数（单据ID+类型+状态）。

2026-07-24

初版页面：入库列表，含单仓/多仓场景切换、筛选栏、状态Tab(带计数)、单据卡片列表、页面说明。