运维端 - 设备列表(Y06)

← 返回总览 Y00 首页 Y01 工单待办 Y02 工单详情 Y03 扫一扫·设备操作 Y04 我的 Y05 名下资产 Y06 设备列表 Y07 设备详情 Y08 消息中心 Y09 消息详情
9:41

页面说明

最后更新:2026-09-01

页面定位 — 设计文档 §7

运维端设备列表(二级页)。仅展示当前运维负责区域内的设备,跨区设备需经 Y03 扫码识别;承接 Y00 首页「设备」入口与 Y09 设备异常消息跳转,设备卡片跳 Y07 详情。

核心内容

模块说明场景差异
标题栏返回箭头 + 「设备」标题(搜索下移独立成栏)全部
统计标签「我的区域 N」全部设备 / 「告警 N」有未恢复告警设备(告警由 alerts 独立承载,设备状态仅网络维度),点击联动筛选全部
搜索栏输入框(编码 / 名称关键字即时过滤)+ 「查询」按钮(参考 H02 形态)全部
设备卡片归属标签(自营=灰 / 租赁=蓝,放名称前)+ 名称 + 网络状态徽标(在线=绿 / 离线=灰)+ 运行状态徽标(待机=灰蓝 / 忙碌=蓝 / 关机=深灰 / 维护=橙,PRD §2.3 四值)+ 编码·区域 + 弱文字数据行(水位 / 今日出水 / 累计出水,参考 H02:标签弱灰、值中等灰、水位带语义色);异常不单独展示,告警经顶部 Tab 筛选全部
空态负责区域无设备或搜索无结果 / 告警筛选下无未恢复告警:引导前往 Y03 扫码无设备 / 无告警时

关键交互

操作 触发条件 前置校验 反馈形式 异常处理 行为
搜索设备搜索栏输入 / 点击「查询」按钮-列表即时过滤无结果展示空态引导编码 / 名称子串匹配
点击统计标签「我的区域」/「告警」-列表筛选切换-告警=设备存在未恢复告警(Y.alerts status=未恢复,独立维度)
点击设备卡片任意设备卡片-跳转 Y07-y07.html?code=SN-xxx
空态去扫码空态引导按钮-跳转 Y03-y03.html
返回标题栏返回箭头-返回上一页-history.back()

页面状态

场景展示内容
默认我的区域全部设备列表(统计标签「我的区域 N」高亮)
告警筛选仅有未恢复告警的设备(统计标签「告警 N」高亮,N=设备数去重)
空态空态引导 + 「去扫码」按钮(→ Y03)

跳转关系

Y06 设备列表(二级页)
├─ 设备卡片 → Y07(y07.html?code=SN-xxx)
├─ 空态「去扫码」→ Y03(y03.html)
└─ 返回箭头 → history.back()

业务规则

•仅展示负责区域设备(D8),数据范围与推送口径一致
•跨区设备不在列表,需 Y03 扫码识别
•告警 = 有未恢复告警(Y.alerts 独立承载,与 Y07 近期告警、消息推送口径一致);设备状态仅网络维度(在线 / 离线),异常不单独展示
•二级页无底部导航(严格对齐 PRD §6.6)
查看更新记录
2026-09-01
卡片信息升级:① 新增归属标签(自营=灰 / 租赁=蓝,参照 H02/Y07,放名称前);② 搜索框移至统计标签下方独立成栏,输入框 flex-1 + 「查询」按钮(参考 H02 形态);③ 水位 / 今日出水 / 累计出水由三列深底网格改为弱文字一行(参考 H02:标签 text-gray-400、值 text-gray-600、水位保留语义色高绿/中黄/低红)。
2026-09-01
设备状态口径修正:列表状态徽标仅保留「在线 / 离线」(删除「异常」,告警由 y-data.js alerts 独立承载,SN-G-002/013 的 status 改为离线);顶部「异常」Tab 改为「告警」,数量 = 有未恢复告警的设备数(去重),筛选按 Y.alerts 未恢复匹配;告警筛选空态区分文案。
2026-09-01
设备卡片新增「运行状态」徽标(待机/忙碌/关机/维护,PRD §2.3 四值;维护由 Y03 运维手动开关触发,本页静态数据演示前三值);与原「在线/离线/异常」状态徽标并存(告警维度独立,PRD §2.3);y-data.js devices 新增 runStatus 字段。
2026-08-31
新增。运维端设备列表(Y06):仅展示负责区域设备,统计标签(我的区域 / 异常)联动筛选,设备卡片跳 Y07;数据源=y-data.js(与消息推送同源)。