返回主 PPT
INTELLIGENT DASHBOARD

智能 仪表盘
一屏掌控全局运维态势

5 Tab 多视角 × 6 维动态筛选 × SLA 追踪 × 健康热力图 × 运维时间线，
配合赛博朋克视觉和 WebSocket 实时推送，让决策者第一时间看懂数据。

5
Tab 视图
6
维度筛选
3
泳道时间线
Live
WebSocket
01 / 08
返回
TAB STRUCTURE

5 Tab 结构 + 顶部 KPI

总览 / 图表 / 资源 / 热力图 / 时间线 — 不同视角切换无缝，URL 同步

总览
图表分析
资源利用率
健康热力图
运维时间线
设备总数
1,842
+23 本周
服务器620
网络设备380
IoT 设备512
其他330
在线率
98.7%
+0.3%
昨日98.4%
本周均98.6%
本月均98.5%
SLA 目标≥ 98%
未解决告警
23
-4 今日
紧急3
警告15
提示5
今日已解决27
SLA 达成率
99.92%
超目标
核心业务99.98%
周边业务99.85%
目标99.90%
对比上月+0.05%
待审批
12
发现设备
新增纳管8
变更申请3
退役审核1
本周已处理24
无缝切换：5 个 Tab 一键切换保留筛选状态，分享链接可直达指定视图 — 例如把「资源利用率」快照发给领导，对方点开即是同一视角。
02 / 08
返回
FILTERS

6 维 动态筛选

部门 / 设备类型 / 子类型 / 位置 / 标签 / 负责人 — 多选 + 联动，全 Tab 共享

当前筛选:
部门 = 生产运维部
类型 = server + network
位置 = 机房 B3
标签 = production
负责人 = 张三
✕ 清空
6 个筛选维度
  • 部门 — 多选部门，配合 RBAC 自动受限
  • 设备类型 — 10 类（network/server/iot...）
  • 子类型 — 联动，选 server 后出 linux/windows/aix
  • 位置 — 机房 / 机柜 / U 位
  • 标签 — 自定义标签，模块级颜色缓存 5min
  • 负责人 — 快速筛选某人负责的设备
联动规则
  • 全 Tab 共享 — 切换 Tab 保留筛选条件
  • 实时刷新 — 筛选变化立即重新请求数据
  • URL 参数化 — 筛选状态进 URL，可收藏分享
  • 资源利用率筛选 — 多条件组合查询，只看关注的设备
性能优化：后端按条件精准匹配设备范围再查指标，几万台规模依然秒级返回。
03 / 08
返回
CHART ANALYSIS

图表分析 Tab

告警趋势 / 设备分布 / 资源占比 — 多图联动，数据驱动决策

告警趋势 · 近 7 天
● Critical ● Warning ● Info
4/94/104/114/124/134/144/15
高峰：4/12 Critical 告警 28 条，需复盘
设备类型分布
Server 40% Network 30% IoT 20% 其他 10%
状态占比
87%
● 在线 1,603
● 降级 148
● 离线 91
04 / 08
返回
RESOURCE TOP N

资源 Top N 监控

CPU / 内存 / 磁盘 Top 10 设备 — PromQL + VictoriaMetrics 实时查询

CPU Top 10
sv-web-03
94%
sv-api-05
82%
sv-db-01
76%
sv-cache-02
58%
sv-web-01
52%
内存 Top 10
sv-app-02
97%
sv-redis-01
91%
sv-es-03
85%
sv-db-02
72%
sv-mq-01
64%
磁盘 Top 10
sv-log-01
96%
sv-backup-02
92%
sv-db-01
78%
sv-file-03
71%
sv-img-01
55%
10
每维度 Top 数量
24h
历史趋势窗口
PromQL
数据源
6 维
筛选透传
05 / 08
返回
HEATMAP

健康 热力图

部门 × 设备类型 二维矩阵 — 颜色深浅直观反映健康度，点击下钻到设备列表

Network
Server
Database
IoT
Storage
生产运维部
32
156
28
89
12
研发部
18
78
23
5
8
海洋观测
6
12
4
267
2
分支机构
14
76
13
33
5
0-20 20-50 50-100 100-200 200+
下钻：点击任一热力格子直接跳转到设备列表（已预筛选），一次点击从"全局视图"深入到"具体设备"。适用部门经理快速定位问题集中区。
06 / 08
返回
TIMELINE & SLA

运维 时间线 + SLA

三泳道时间线（告警 / 维护 / 变更）+ MTTA/MTTR 实时追踪

告警
维护窗口
变更
4/94/104/114/124/134/144/15
12min
MTTA
目标 ≤ 15 min
1.8h
MTTR
目标 ≤ 2 h
99.92%
SLA 达成率
目标 ≥ 99.9%
3
SLA 目标层级
全局 < 部门 < 级别
三级 SLA 目标：全局默认 → 部门特定目标 → 级别（critical/warning/info）精细目标，越具体越优先。不同业务可设置不同 SLA（如支付 99.99% / 内部 99%）。
07 / 08
返回
CUSTOMIZATION & VALUE

自定义布局 + 核心价值

每个角色都能配置自己的仪表盘 — 值班关心告警，管理层看 SLA

布局定制能力
  • 模块可见性 — 每个 Tab 内 10+ 模块自由开关
  • 模块排序 — 拖拽调整顺序，重要的放在最顶
  • localStorage 持久化 — 浏览器本地存储，刷新不丢
  • 一键恢复 — 误操作即时回到系统默认布局
  • 用户级隔离 — 每人独立配置，不影响团队

一屏掌控

全局态势 + 重点问题 + 决策数据

数据驱动

SLA / MTTA / MTTR 客观衡量团队表现

多角色

值班 / 主管 / CTO 不同视图

实时同步

WebSocket 推送 + PromQL 秒级查询

"仪表盘不是装饰，而是运维决策中枢 — 一屏看清今天的系统表现，一眼识别明天的潜在风险。"
08 / 08