原型图 | React + Tailwind
库存 Tab 落地页，仓管查看当前仓库资产全貌：设备 / 高价值配件 / 滤芯按状态分布展示在库数，普通配件与耗材按型号汇总。与首页（CG01）3 行精简摘要分工，本页为完整状态分布视图。
| 模块 | 说明 | 场景差异 |
|---|---|---|
| 设备卡 | 在库数（可投放+故障）+ 状态分布（可投放/故障/已报废，不含使用中/运输中/已借出），点击钻入设备库存列表 | 所有场景，数据跟随仓库 |
| 高价值配件卡 | 在库数 + 状态分布（同设备 3 桶，不含使用中/运输中/已借出），点击钻入 CG12 高价值配件 Tab | 所有场景 |
| 滤芯卡 | 在库数 + 状态分布 4 桶（可投放/故障/已借出/已报废，不含使用中/运输中），点击钻入 CG12 滤芯 Tab | 所有场景 |
| 普通配件+耗材卡 | 普通配件段 / 耗材段，按型号逐行汇总数量，在卡内展示不跳转；低库存型号整行标红并显示「库存不足」 | 所有场景 |
| 报废记录入口 | 虚线边框+灰色背景，与数据卡视觉区分：查看报废申请单列表（CG09，单据维度）；按当前仓库筛选 | 所有场景 |
| 仓库 Tab | 切换当前仓库，三卡整组替换为选中仓数据；同一时刻仅展示当前选中仓 | 仅多仓（场景②） |
| 操作 | 触发条件 | 前置校验 | 反馈形式 | 异常处理 | 行为 |
|---|---|---|---|---|---|
| 点击状态分布桶 | 任意非 0 状态桶（可投放/故障/已借出/已报废） | - | 跳转对应列表页并预置筛选 | CG12 对应 Tab 已建，正常展示预置筛选结果 | 带 status 参数跳转（如 cg12.html?status=fault） |
| 点击卡片标题区 | 点击 icon + 卡名 | - | 跳转对应列表页 | - | 不带参跳转（如 cg12.html） |
| 查看型号行/段标题 | 普通配件+耗材卡内 | - | 卡内直接展示数量汇总 | 低库存型号整行标红并显示「库存不足」 | 不跳转（普通配件/耗材段无独立列表页，卡内汇总） |
| 切换仓库 Tab | 场景② 多仓 | - | 三卡整组替换为选中仓数据 | - | 同一时刻仅展示当前选中仓 |
| 切换场景（控制面板） | 控制面板场景卡 | - | 手机壳标题/仓库 Tab 联动 | - | ①单仓 ②多仓 |
| 点击报废记录入口 | 页底独立入口（单据维度） | - | 跳转 CG09 报废列表，按当前仓库筛选 | - | ./cg09.html（与状态桶「已报废」跳 CG12 的资产维度区分） |
设备卡标题区/状态桶 → CG12 设备库存列表 Tab（桶带 status 参数） 高价值配件卡 → CG12 高价值配件 Tab（cg12.html?type=part + 桶带 status 参数） 滤芯卡 → CG12 滤芯 Tab（cg12.html?type=filter + 桶带 status 参数） 普通配件段 → 卡内汇总展示，不跳转；低库存整行标红 耗材段 → 卡内汇总展示，不跳转；低库存整行标红 报废记录入口（页底独立入口，单据维度）→ CG09 报废列表，按当前仓库筛选 底部导航：首页(CG01) / 入库(CG02) / 出库(CG05) / 库存(CG11 当前) / 我的(CG17) 首页(CG01) 库存概览行 → CG11 库存总览（本页面）→ CG12 设备列表 / CG13 配件列表 / CG14 耗材列表
| 状态 | 触发条件 | 表现 |
|---|---|---|
| 场景① 单仓仓管 | 控制面板场景① / 默认 | 标题显示仓库名「曼谷1号仓」，无仓库 Tab，三卡为曼谷数据 |
| 场景② 多仓仓管 | 控制面板场景② | 标题显示「仓管」，仓库 Tab 切换（曼谷1号仓/清迈1号仓），三卡跟随 |