01Monitoring Dashboard
总览大屏先回答“当前整条隧道运行得怎么样”,而不是把所有数据一股脑堆给运维。
这张总览页最能体现项目成果的一点,是先把设备分布、告警消息和统计概览收进同一屏里。运维人员进入系统后,不需要逐个模块排查,就能先看到设备点位分布、当前告警时间线以及设备数量分布,再决定下一步查看哪个子系统。
- 用总览大屏先承接设备分布、统计概览和告警信息。
- 把监测点位放进同一视图,便于快速定位异常区域。
- 让首页承担“先发现问题”的职责,而不是只做展示背景板。

01 / THE CONTEXT
这个项目服务于国家电网聊城供电公司,目标是把电缆隧道里的监测、控制、设备台账和历史记录整合到同一套在线平台中。我负责的平台部分不只是做几个看板页面,而是围绕线路管理、设备绑定、控制柜联动、多类传感器监测和历史回溯,组织出一套更接近真实运维流程的系统界面。
我的角色
前端开发 / 物联网方案实现 / 设备管理与联动控制界面设计
交付范围
技术与工具
前端平台 / IoT 设备管理 / 联动控制 / 多传感器监测 / 历史数据回溯 / 视频接入 / LoRa / 4G 边缘网关
多模块
覆盖监测、控制、管理、回溯多传感
统一接入局放 / 气体 / 水位 / 温度可联动
支持控制柜与现场设备远程操作02 / INSIDE THE PROJECT
01Monitoring Dashboard
这张总览页最能体现项目成果的一点,是先把设备分布、告警消息和统计概览收进同一屏里。运维人员进入系统后,不需要逐个模块排查,就能先看到设备点位分布、当前告警时间线以及设备数量分布,再决定下一步查看哪个子系统。
02Device Management
从设备类型筛选、总设备数统计到设备列表分页,这部分更偏向工程化能力。它说明项目不只是做了几张展示页面,而是把不同设备类型、子系统、安装位置和状态都纳入了统一台账,便于后续批量导入、筛选查询和运维管理。
03Control Linkage
这部分最有价值的地方,不在于一个启停按钮,而在于它把控制箱状态、设备编号、安装位置和当前运行状态放到一起,让运维人员既能知道设备现在怎样,也能在需要时直接发起操作。这比单纯展示监测数据更接近真实项目交付。
04Sensor Coverage
从这批截图可以看出,平台并不是只监测一种指标,而是把局放在线监测、气体在线监测、水位在线监测、接头温度在线监测、护层环流在线监测等页面都做了统一风格和统一语法。这样运维在切换不同模块时,不需要重新理解交互逻辑,查看效率会更高。
05History Records
除了实时看板,历史记录页把设备编号、设备类型、位置、测量值、设备状态和报警状态收进同一张表里,并保留时间筛选、设备类型筛选和批量导入等入口。这意味着系统不仅用于在线查看,也能支撑后续异常回查和数据整理。
06Field Hardware
展台实物覆盖工业级通讯终端、集成 RFID 电子标签的监测主机、护层接地电流监测单元、水位监测单元、可视化视频监控装置,以及井盖在位检测与远程开锁等现场设备。平台页面里的局放、气体、水位、护层环流等模块,正是接在这套边缘硬件之上。
07Edge Devices
通讯终端作为工业网关负责链路汇聚;护层接地电流监测单元通过 LoRa 上报 0–1000A 量程数据;水位监测单元则盯住电缆井积水,并可与排水联动。这些边缘能力决定了平台不只是“好看的大屏”,而是能落到真实运维现场的系统。
03 / THE OUTCOME
把监测总览、设备台账、控制柜联动和历史记录整合到统一平台。
让运维人员可以围绕线路、设备和传感器三个维度持续查看隧道状态。
形成从异常发现、远程控制到事后追溯的更完整运维闭环。
04 / THE JOURNEY
围绕电缆隧道场景梳理线路、设备、传感器和控制柜之间的关系,先定义平台要承接哪些监测对象、怎么组织数据和状态。
完成设备管理、控制系统、局放监测、气体监测、水位监测、接头温度、机柜摄像头等多个模块页面开发,让信息层级清晰可读。
补齐历史记录、线路管理和设备绑定能力,把实时监测、设备操作和运维追溯真正串成一套完整流程。
