01Monitoring Dashboard
首页不是简单堆卡片，而是让运维先看到最关键的设备状态和告警压力。
从截图对应的实际页面可以看出，这个项目首页更偏向“状态总览”思路。顶部先给出连接设备、活跃传感器和系统告警数量，再把不同监测点位按设备卡片方式铺开，方便运维人员快速锁定异常来源。
- 用总览指标先展示当前系统运行状态，降低查看门槛。
- 将不同传感器和设备拆成独立卡片，便于对单点异常快速定位。
- 通过告警和正常状态的对比呈现，强化监测页面的实用性。
01 / THE CONTEXT
电缆通道在线检测软硬件一体化项目
这个项目面向国家电网济宁局的电缆通道在线检测场景，强调软硬件一体化交付。我负责将现场采集终端、监测大盘、历史回溯和异常感知能力串成一套完整系统，让运维人员既能实时查看通道状态，也能回看关键数据变化。
我的角色
软硬件一体化方案设计 / 前端大屏开发 / 物联网监测联动
交付范围
- 在线检测监控大盘
- 历史回溯曲线与数据视图
- 多传感器状态接入
- 软硬件一体化监测方案
技术与工具
物联网平台 / 前端大屏 / 传感器接入 / 历史数据可视化 / 软硬件联调方案
在线监测
持续掌握通道状态历史回溯
支持异常过程追踪软硬一体
监测与设备协同交付02 / INSIDE THE PROJECT
项目的关键设计与实现。
02Device View
设备列表视图承担的是持续巡检能力，要把多点位状态压缩成可快速扫读的信息层级。
在另一张监控界面里，页面继续围绕多设备、多传感器展开，但信息密度更高，适合持续巡检使用。这里的关键不是做炫酷效果，而是让运维人员能够快速判断哪些点位正常、哪些点位告警、哪些设备需要继续下钻查看。
- 保持设备卡片语法一致，让多点位浏览更连贯。
- 突出告警值、状态标签和实时数据，减少人工二次判断成本。
- 通过统一深色大屏风格承接监测场景，保证长时间查看的稳定感。
03History Playback
历史回溯页面补上了“为什么会报警”的分析能力，让系统不止能看当前，还能看过程。
历史回溯模块把实时监测延伸到了趋势分析。通过曲线图展示某个监测项在一段时间内的变化轨迹，运维人员可以回看异常出现前后的波动情况，这对判断故障、定位波峰和分析现场状态都很有帮助。
- 用趋势曲线承接历史数据，不只停留在当前值展示。
- 支持围绕单设备、单监测项查看变化过程，便于故障回看。
- 让实时监测和历史分析形成闭环，增强系统的运维价值。
03 / THE OUTCOME
最终，留下什么。
- 01
把现场采集终端、监控大盘、设备状态和历史曲线整合到统一运维界面中。
- 02
让现场异常不仅能被及时发现，也能通过历史数据快速回溯分析。
- 03
形成适配电缆通道场景的软硬件一体化交付方案，增强项目落地完整度。
浏览完整项目图库04 张影像
04 / THE JOURNEY
每一步，都算数。
- 01
监测链路规划
围绕电缆通道场景梳理实时监测对象、设备接入方式和异常展示重点，先明确系统要看什么、怎么联动。
- 02
大盘与回溯实现
完成监控大盘、设备状态面板和历史回溯页面开发，让实时数据与历史趋势都能被直观看到。
- 03
软硬件整合交付
结合现场采集侧与平台侧能力，把传感、展示、预警和运维查看流程组织成一套完整方案。
