合作方端 - 消息中心（H12）

← 返回总览 H01 首页 H02 设备列表 H03 设备详情 H04 取水订单 H05 分润订单 H06 账单明细 H07 提现记录 H08 我的 H09 工单列表 H10 工单详情 H11 发起报修 H12 消息中心 H13 消息详情 H14 IC卡查询 H15 收银台 H16 充值记录 H17 收款账户

9:41

页面说明

最后更新：2026-09-01

页面定位 — 设计文档 §7.1

合作方端消息中心（一级页，「消息」Tab）。聚合设备异常 / 工单通知 / 系统公告 / 业务通知四类消息，支持身份过滤、分类切换、未读管理与全部已读；消息详情统一由 H13 中转。原「公告列表」升级为此统一中心。

核心内容

模块	说明
标题栏	「消息」标题 + 右侧「全部已读」（二次确认后清未读角标 + toast 提示已读条数）
角色可见性	无身份切换器；由共享数据源 myRoles 决定：双身份（myRoles=[owner,agent]）展示全部角色消息，单身份仅展示该角色 + both 受众消息（与 H08 共用同一来源）
分类胶囊	全部 / 设备异常 / 工单通知 / 系统公告 / 业务通知（各带数量，默认「全部」）
消息卡片	未读红点 + 类型标签（设备异常=黄 / 工单通知=蓝 / 系统公告=灰 / 业务通知=绿）+ 标题（未读加粗）+ 摘要（时间 · 设备 / 工单号 / 业务单据）
底部导航	首页 / 设备 / 消息（高亮，未读数字角标）/ 我的

关键交互

操作	反馈形式	行为
点击消息卡片	跳转 H13，进入即标记已读	h13.html?id=HMSG-xxx
分类切换	列表按类型过滤	全部 / device_alert / work_order / announcement / business
角色可见性	由 myRoles 自动决定，无手动切换；双身份默认可见全部角色消息，角标随之同步	与 H08 共用同一数据源（cooperate-data.js）
全部已读	二次确认 → 清未读角标 + toast「已将 N 条消息标为已读」；停留本页不跳转	confirm → 标记当前列表全部已读 + 双根同步清零

页面状态

场景	展示内容
有未读	消息卡片未读红点 + 加粗标题；底部「消息」tab 未读数字角标
全部已读	红点与角标消失；「全部已读」置灰；toast 提示已读条数后自动消失
分类无消息	空态文案「暂无该类消息」

跳转关系

H12 消息中心（一级页，消息 Tab）
├─ 消息卡片 → H13（h13.html?id=HMSG-xxx）
├─ 底部导航「首页」→ H01（h01.html）
├─ 底部导航「设备」→ H02（h02.html）
├─ 底部导航「消息」→ 本页（高亮）
└─ 底部导航「我的」→ H08（h08.html）

业务规则

•单条进入 H13 详情即标记已读（§11.4），已读状态 localStorage 跨页同步（h_msg_read）

•未读角标=当前账号角色（myRoles）可见的全部四类未读总数，全部已读后消失

•角色可见性：由共享数据源 myRoles 决定（双身份=全部角色，单身份=该角色+both 受众），H12 无身份切换器（D10）

•列表一次性加载不分页（对齐 Y08 口径）

查看更新记录

2026-09-01

升级为统一消息中心：四类消息（设备异常/工单通知/系统公告/业务通知）+ 角色可见性（由共享数据源 myRoles 决定，无身份切换器，双身份默认可见全部角色消息）+ 分类胶囊 + 全部已读二次确认 + 底部 4 tab 未读角标；原「公告列表」并入系统公告类。数据源=cooperate-data.js（messages + myRoles + messageVisibleToMe + 已读跨页）。