原型图 | React + Tailwind
展示与当前仓库相关的报废单，跟踪报废申请的审批与执行进度。列表页本职是「跟踪进度」，不做单据详情页（CG16 通用详情页已于 2026-08-10 删除）。卡片点击弹出轻量预览层查看照片留证与基础信息（方案 A）。
| 模块 | 说明 | 场景差异 |
|---|---|---|
| 仓库切换 | 标题栏下拉选择仓库，全部数据跟随刷新 | 仅多仓时展示下拉箭头 |
| 状态 Tab | 待审批(N) / 已驳回(N) / 已报废(N)，兼作审批状态筛选，无"全部"Tab | 所有场景 |
| 筛选栏 | 资产类型下拉 + 日期范围 + 「+ 发起报废」按钮（顶部不再放审批状态筛选，避免与状态Tab重复） | 所有场景 |
| 单据卡片 | 状态标签(置顶) + 报废单号 + 资产摘要 + 报废原因摘要 + 申请人+时间；已驳回卡额外展示驳回原因条 | 所有场景 |
| 轻量预览层 | 卡片点击底部弹起：照片留证缩略图 + 基础信息（单号/资产/原因/申请人/审批状态/驳回原因）。非独立详情页 | 所有场景 |
| 操作 | 触发条件 | 前置校验 | 反馈形式 | 异常处理 | 行为 |
|---|---|---|---|---|---|
| 切换状态Tab | 用户点击Tab | - | 列表刷新 | - | 按审批状态过滤，Tab计数刷新 |
| 点击单据卡片 | 用户点击卡片主体 | - | 底部弹起预览层 | - | 展示照片留证+基础信息（方案A），不跳转 |
| 已驳回卡「修改重提」 | 用户点击重提按钮 | - | 跳转 CG10 | - | 跳转 cg10.html?id=单号&resubmit=1，预填原单（含原照片） |
| 点击「+ 发起报废」 | 用户点击按钮 | - | 跳转 CG10 | - | 跳转 cg10.html（新建） |
| 筛选资产类型 | 用户选择类型 | - | 列表过滤 | - | 仅展示选定资产类型的单据 |
| 切换仓库下拉 | 用户选择仓库 | 多仓仓管 | 全部数据刷新 | - | 列表+Tab计数跟随仓库切换 |
| 场景 | 展示内容 |
|---|---|
| 场景① 单仓仓管 | 标题显示仓库名（如"曼谷1号仓"）+ 筛选栏 + 状态Tab(带计数) + 单据卡片列表 |
| 场景② 多仓仓管 | 标题显示"仓管 ▼"（可下拉切换仓库）+ 筛选栏 + 状态Tab(带计数) + 单据卡片列表（跟随仓库刷新） |
CG09 报废列表
├─ 状态Tab切换 → 按审批状态过滤（待审批/已驳回/已报废）
├─ 资产类型筛选 → 过滤列表
├─ 点击单据卡片 → 轻量预览层（照片留证+基础信息），不跳转
├─ 已驳回卡「修改重提」→ CG10 发起报废（id=单号&resubmit=1，预填含原照片）
├─ + 发起报废 → CG10 发起报废（新建）
├─ 仓库下拉 → 切换仓库，刷新全部数据
├─ 返回按钮 → 返回来源页（?from=cg11 则返回 CG11，默认返回 CG01）
└─ 返回总览 → index.html
注：CG09 无独立详情页（CG16 已删）；照片查看由轻量预览层承接，
仓管端不可回看已提交照片之外的内容，原照片仅供重提预填与管理员 web25 审批查看。