本项目面向城市穿黄（水下）隧道运营监管场景。穿黄隧道为道路与轨道交通合建的长距离隧道，通风、照明、消防、排水、交通诱导、视频与广播等专业设备数量多、点位密、厂商与协议各异，运营中心需 7×24 小时值班，并在火灾、交通事故、积水、设备故障等情况下快速发现、判断与处置。
立项旨在解决三个产品问题：一是各子系统割裂，设备状态、告警、视频、情报板分散在不同平台，值班员需频繁切换系统；二是告警到处置缺乏闭环，依赖电话和人工确认，响应慢且过程难以追溯；三是缺少一张图态势与预案联动，无法在大屏上统一指挥。
系统作为智慧监管子平台，与一体化门户单点登录集成，覆盖道路—隧道—南北岸工作井的一体化监控与应急处置。
系统按“快捷、查询、统计”三类菜单组织，主要功能模块如下：
1、一张图态势：道路级电子地图叠加隧道线形与设备四态图标（正常/告警/故障/离线），支持点位聚合、图层控制、设备列表与详情、点击调阅实时视频；隧道线性断面图按桩号铺排上下行双洞近 50 类设备图层（摄像枪、车检器、情报板、车行指示器、交通灯、洞口闸机、射流风机、照明回路、水泵、排风机、卷帘门、防淹门、CO2、水位水压、COVI、光强、风速风向、手报、广播、电话、PLC 柜等），支持缩放拖拽、鹰眼定位、视图定位、通风/照明模式一键切换与预案执行；南、北岸工作井按标高分层展示。
2、视频与回放：实时视频上下行各 7 路同屏、视口变化自动换枪、云台控制、截图、码流切换、全屏；录像检索回放与下载，告警可直接关联录像回看。
3、事件与预案：报警弹窗与语音播报、事件详情与就近摄像头、疏散/灭火/恢复预案生成与执行、设备动作清单与执行结果回执、信息诱导发布。
4、情报板与广播：节目单编辑下发、下发控制与记录查询、广播节目单与下发控制。
5、配置与监测：照明阈值、分段、调光、定时任务与照明模式；通风风机阈值、安全设置、定时任务与通风模式；UPS 电池、水池液位、水压监测。
6、查询统计：设备状态、情报板控制记录、交通量、光强、风速风向、COVI、气象能见度、操作员日志、事件、设备告警与维修记录查询，以及交通量/光强/COVI/能见度统计，均支持 Excel 导出。
技术栈：Vue 2.6 + Vue Router + Vuex + Element UI，Vue CLI 3/webpack 构建（gzip 压缩、按路由分包、生产剔除 console）；axios 二次封装统一 token、业务码与错误提示；高德地图 JS API + 聚合插件实现地图与点位聚合；WebRTC（ZLMRTCClient）承载实时视频与录像回放；WebSocket 心跳与断线重连承载实时告警；ECharts 绘制统计图表；lib-flexible + px2rem 适配 1920 大屏；xlsx + file-saver 导出报表；地图 SDK、WebRTC SDK 与地图瓦片均本地化，支持内网离线部署。
我负责的具体任务：负责前端架构与核心页面开发，包括一张图（电子地图、隧道断面图、工作井页）、视频监控与回放、事件处置与预案联动、照明/通风配置、查询统计等模块；封装后端菜单驱动的动态路由与按钮级权限、统一请求与异常处理、大屏适配与新视觉改版；对接后端设备/告警服务、视频平台、情报板 CMS 与广播系统，并沉淀领域文档与架构决策记录。
亮点与难点：一是 14 路实时视频的并发治理——页级建连队列（并发上限 3）、以摄像枪列表就绪作为“视频门槛”、松手后约 200ms 的视口换枪、未开始任务取消、15s 入队超时释放槽位，解决首屏卡顿与信令风暴，同时保留在播画面不中断；二是建立桩号到像素的统一坐标体系，使缩放、拖拽、鹰眼与视频窗叠加坐标一致，并让视频窗脱离缩放层、避免画面变形；三是实时告警中心做去重、优先级与语音播报代际控制，配合免打扰机制避免刷屏与漏报；四是预案执行将策略批量下发到多类设备并回执结果，支撑火灾处置中地图—视频—预案三视角切换。
评论