原型图 | React + Tailwind
仓管打开小程序的第一入口，快速掌握待办任务和仓库全貌。根据仓管管理仓库数量（单仓/多仓）展示不同布局。
| 模块 | 说明 | 场景差异 |
|---|---|---|
| 仓库 Tab | 顶部切换仓库，所有数据跟随刷新 | 仅多仓时展示 |
| 入库任务区 | 待处理/处理中 两个独立卡片，点击直接跳转入库列表对应状态 | 所有场景，数据跟随仓库Tab |
| 出库任务区 | 待处理/处理中 两个独立卡片，点击直接跳出库列表对应状态 | 所有场景，数据跟随仓库Tab |
| 扫一扫 | 全宽按钮，核心快捷操作入口 | 所有场景 |
| 库存概览卡片 | 设备/高价值配件/滤芯各一行，展示在库数，点击钻入库存总览 CG11 | 所有场景 |
| 报废待处理提示条 | 琥珀色通知条，展示待审批/已驳回数量，点击跳转 CG09 报废列表（带 ?from=cg01 参数）；无待处理报废单时隐藏 | 场景①②（未登录场景③不展示） |
| 操作 | 触发条件 | 前置校验 | 反馈形式 | 异常处理 | 行为 |
|---|---|---|---|---|---|
| 点击登录按钮 | 用户点击登录 | 账号密码非空 | 模拟登录成功 | - | 单仓→场景①，多仓→仓库选择 |
| 选择仓库 | 用户点击仓库卡片 | 登录成功 | 切换到对应场景 | - | 第1仓→场景①，第2仓→场景② |
| 点击入库任务卡片 | 用户点击卡片 | - | 跳转入库列表 | - | 跳转 CG02 入库列表，状态Tab=待处理 |
| 点击出库任务卡片 | 用户点击卡片 | - | 跳出库列表 | - | 跳转 CG05 出库列表，状态Tab=待处理 |
| 点击扫一扫 | 用户点击图标 | - | 跳转扫一扫黑码 | - | 跳转 CG15 扫一扫 |
| 点击库存概览 | 用户点击行 | - | 跳转对应库存列表 | - | 设备→CG12；配件→CG12 高价值配件 Tab（?type=part）；耗材→CG12 滤芯 Tab（?type=filter） |
| 切换仓库Tab | 用户点击Tab | 多仓仓管 | 全部数据刷新 | - | 待办任务+库存概览跟随仓库切换 |
| 场景 | 展示内容 |
|---|---|
| 场景① 单仓仓管 | 标题显示仓库名（如"曼谷1号仓"）+ 入库/出库任务（各2卡片）+ 扫一扫按钮 + 库存概览 |
| 场景② 多仓仓管 | 标题显示"仓管" + 仓库Tab + 入库/出库任务（各2卡片，跟随Tab）+ 扫一扫按钮 + 库存概览（跟随Tab） |
| 场景③ 未登录 | 登录表单（账号+密码+登录按钮）+ 登录成功后仓库选择（多仓场景） |
CG01 首页 ├─ 场景③ 登录按钮 → 单仓：场景① / 多仓：仓库选择 ├─ 场景③ 仓库选择 → 场景①或场景② ├─ 入库待处理卡片 → CG02 入库列表（状态Tab=待处理） ├─ 入库处理中卡片 → CG02 入库列表（状态Tab=处理中） ├─ 出库待处理卡片 → CG05 出库列表（状态Tab=待处理） ├─ 出库处理中卡片 → CG05 出库列表（状态Tab=处理中） ├─ 扫一扫按钮 → CG15 扫一扫 ├─ 设备库存行 → CG11 库存总览（设备卡） ├─ 高价值配件库存行 → CG11 库存总览（高价值配件卡） ├─ 滤芯库存行 → CG11 库存总览（滤芯卡） └─ 底部导航 → 首页(CG01) / 入库(CG02) / 出库(CG05) / 库存(CG11) / 我的(CG17)