本项目是面向智慧城市市政管理的 Web 端物联网管控平台,覆盖智慧照明与电力箱变两大核心业务线,含可视化实时大屏与系统管理,共 4 大模块、22 个业务页面,纳管 3000+ 路灯、8-12 个箱变、30-80 条回路。
一、可视化实时大屏(首页):GIS 地图以海量点实时渲染 3000+ 路灯状态,支持在线/离线/故障/维修四态分色、按路段分组着色、箱变→回路→路灯三级钻取联动、点击查看设备详情面板;每 2 秒刷新电压/电流/功率/温度参数曲线与告警列表,顶部统计卡片展示设备在线率(93%-98%)、告警总数、累计能耗等关键运营指标。
二、智慧照明模块(10 页):设备分组与批量调光/开关控制(波浪动画逐盏点亮)、GIS 地图圈选、设备列表远程控灯、OTA 固件升级任务(92% 成功率模拟推进)、能耗报表(饼图/同比环比分析)、定时策略下发、告警列表与多参数阈值配置、历史参数曲线与操作审计日志。
三、电力箱变模块(9 页):箱变→回路→路灯三级架构管控、回路通断级联控制(下属路灯批量联动)、箱变能耗统计、回路定时策略、多参数阈值告警判定、电缆防盗监测(0.1% 概率事件+手动模拟断缆)、多渠道告警通知(短信/APP/邮件)配置与发送留痕、回路历史数据。
四、系统管理(3 页):基于 RBAC 三层模型的用户—角色—权限管理,预置超级管理员/管理员/租户 3 角色,权限按"模块:资源:操作"三级编码约 40 项,支持角色成员分配与权限勾选矩阵配置。
主要业务路径:登录大屏总览全市设备态势→地图钻取定位异常设备→进入照明/箱变模块远程控制与策略配置→告警自动生成并触发多渠道通知→能耗与历史数据报表支撑运营决策。
独立全栈开发,主导需求分析到编码部署全流程,主要负责前端设计开发。
技术栈:前端 Vue3 + TS + Vite + ECharts + Pinia + 高德地图;后端 Spring Boot + Spring Cloud Alibaba 微服务(Nacos 注册配置、Sentinel 熔断、Gateway 网关);存储 TDengine 时序库 + MySQL + Redis;设备经 EMQX 接入 MQTT;WebSocket 实时推送;Docker + K8s 私有化部署。
架构亮点:
① 分层解耦——设备经 MQTT 接入落 TDengine,微服务处理业务逻辑,WebSocket 推送前端,各层职责清晰。
② 时序高性能——3000+ 设备每 2 秒上报,TDengine 写入与聚合查询毫秒级响应。
③ 双布局自适应——大屏 scale 等比缩放,业务页流式。