原型图 | React + Tailwind
仓管端统一消息中心列表（新增页）。承接 CG17「我的」消息中心入口，集中展示三类消息（报废审批 / 出入库单据 / 系统公告），支持按类别过滤、未读红点标识、全部已读二次确认与跨页已读同步。二级页 cg19 承接详情与「去处理」分发。
| 模块 | 说明 |
|---|---|
| 标题栏 | 「消息」+ 右侧「全部已读」（二次确认后清角标） |
| 分类胶囊 | 全部 / 报废审批 / 出入库单据 / 系统公告（各带未读数量，默认「全部」） |
| 消息卡片 | 未读红点 + 类型标签（报废审批=红 / 出入库单据=蓝 / 系统公告=灰）+ 标题（未读加粗）+ 摘要（时间 · 单码/设备）；点击进入 cg19 |
| 空态 | 当前类别无消息时居中提示「暂无消息」 |
| 操作 | 行为 |
|---|---|
| 点击「全部已读」 | 二次确认后标记全部已读，红点与 CG17 入口角标清零 |
| 切换分类胶囊 | 列表按类别过滤，胶囊显示该类别未读数 |
| 点击消息卡片 | 进入 cg19 详情（?id=），进入即标记已读并同步角标 |
| 点击「返回」 | 返回 CG17 我的 |
| 场景 | 展示 |
|---|---|
| 默认（全部） | 三类消息合并按时间倒序，未读红点高亮 |
| 某类别无消息 | 居中空态「暂无消息」 |
| 已读后 | 红点消失、标题取消加粗；CG17 入口角标相应减少 |
CG18 消息中心 ├─ 消息卡片 → CG19 消息详情（cg19.html?id=消息ID） ├─ 返回 → CG17 我的 └─ 顶部导航：已去除底部 5 tab（消息中心为 CG17 入口下的二级页）