原型图 | React + Tailwind
仓管端消息详情(二级页,统一中转)。承接 cg18 消息卡片,进入即标记已读(localStorage 跨页同步),底部「去处理」按类别分发跳转(报废审批→CG09 / 出入库单据→CG03 或 CG06 / 系统公告无动作)。
| 模块 | 说明 |
|---|---|
| 头部 | 类型标签 + 标题 + 时间(+ 报废审批显示通过/驳回结果) |
| 正文 | 报废原因 / 单据摘要 / 公告全文(富文本) |
| 关联对象卡 | 报废审批 → 报废单(CG09);出入库单据 → 入库/出库单(CG03/CG06);系统公告 → 发布者 |
| 底部动作 | 报废审批/出入库单据 → 按类别「去处理」分发;系统公告无动作 |
| 操作 | 行为 |
|---|---|
| 进入即已读 | CG.markRead(id),已读态 localStorage 跨页同步 |
| 点击关联对象卡 | 报废审批→CG09;出入库单据→CG03/CG06(按单据类型) |
| 点击「去处理」 | 按类别分发跳转(同上) |
| 点击「返回」 | 返回 cg18 消息中心 |
| 场景 | 展示 |
|---|---|
| 直接打开(无 ?id=) | 默认载入首条消息并标记已读 |
| 消息不存在 | ?id= 无匹配 → 空态「消息不存在」,返回 cg18 |
| 报废审批 | 头部结果徽章(通过绿/驳回红)+ 驳回原因 + 关联报废单 + 去处理→CG09 |
| 出入库单据 | 关联单据卡 + 去处理(入库→CG03 / 出库→CG06) |
| 系统公告 | 完整头部 + 长文正文 + 发布者;无「去处理」 |
CG19 消息详情(二级页) ├─ 关联报废单 / 去处理 → CG09 报废列表(cg09.html) ├─ 关联入库单 / 去处理 → CG03 入库详情(cg03.html?id=RK-xxx) ├─ 关联出库单 / 去处理 → CG06 出库详情(cg06.html?id=CK-xxx) ├─ 返回 → cg18 消息中心 └─ 底部导航:已去除(消息详情为二级页)