运维端消息中心(一级页,「消息」Tab)。聚合设备异常 / 工单通知 / 系统公告三类消息,支持分类切换、未读管理、全部已读;消息详情统一由 Y09 中转。
| 模块 | 说明 | 场景差异 |
|---|---|---|
| 标题栏 | 「消息」标题 + 右侧「全部已读」(二次确认后清未读角标 + toast 提示已读条数) | 全部 |
| 分类胶囊 | 全部 / 设备异常 / 工单通知 / 系统公告(各带数量,默认「全部」) | 全部 |
| 消息卡片 | 未读红点 + 类型标签(设备异常=黄 / 工单通知=蓝 / 系统公告=灰)+ 标题(未读加粗)+ 摘要(时间 · 区域/设备/问题类型) | 全部 |
| 底部导航 | 首页 / 工单 / 消息(高亮,未读数字角标)/ 我的 | 全部 |
| 操作 | 触发条件 | 前置校验 | 反馈形式 | 异常处理 | 行为 |
|---|---|---|---|---|---|
| 点击消息卡片 | 任意消息 | - | 跳转 Y09,进入即标记已读 | - | y09.html?id=MSG-xxx |
| 分类切换 | 分类胶囊点击 | - | 列表按类型过滤 | - | 全部 / device_alert / work_order / announcement |
| 全部已读 | 标题栏「全部已读」 | 存在未读消息 | 二次确认 → 清未读角标 + toast「已将 N 条消息标为已读」;停留本页不跳转 | 无未读时按钮置灰 | confirm → Y.markAllRead() + 双根同步清零 |
| 点击底部导航 | 底部导航 tab | - | 跳转对应一级页 | - | 首页 y00 / 工单 y01 / 消息 本页 / 我的 y04 |
| 场景 | 展示内容 |
|---|---|
| 有未读 | 消息卡片未读红点 + 加粗标题;底部「消息」tab 未读数字角标 |
| 全部已读 | 红点与角标消失;「全部已读」置灰;toast 提示已读条数后自动消失 |
| 分类无消息 | 空态文案「暂无该类消息」 |
Y08 消息中心(一级页,消息 Tab) ├─ 消息卡片 → Y09(y09.html?id=MSG-xxx) ├─ 底部导航「首页」→ Y00(y00.html) ├─ 底部导航「工单」→ Y01(y01.html) ├─ 底部导航「消息」→ 本页(高亮) └─ 底部导航「我的」→ Y04(y04.html)