综合管廊项目产品系统Vibe Coding

面向城市地下综合管廊运营的B端智慧运维平台。覆盖环境监测、设备远程控制、安防视频、告警联动、巡检运维、入廊管理等业务，支持多城市一套代码差异化部署。核心能力包括：ECharts 驾驶舱大屏、Three.js 管廊三维/平面可视化、MQTT物联网实时数据、海康/大华视频联动，以及PC+移动端现场监控。

1.多城市单仓架构：通过城市配置（MQTT主题、驾驶舱、联动策略）+条件打包（ASSETS_VERSION）实现一码多端部署，降低多项目维护成本。
2.三维可视化：基于Three.js 加载管廊FBX模型，实现设备点位标注、交互选点与状态联动展示，支撑运营侧直观巡检。
3.实时物联网通道：封装MQTTover WebSocket 中间层（订阅/下发/断线重连），对高频点位更新做节流，保障大屏与控制页稳定刷新。
4.告警–视频联动：火灾/入侵等告警触发全局弹窗与声音提醒，并联动海康/大华视频预览，缩短应急响应路径。
5.监控与运维模块：参与/负责环境监测、水泵/风阀等设备控制、设备台账、巡检维修、历史数据分析等页面开发，统一按设备类型复用控制页。
6.工程化能力：配合城市资源隔离与gzip等构建优化，输出多城市独立构建产物，适配现场独立配置部署。

技术栈
Vue3、Vite、VueRouter、Pinia、Element Plus、ECharts、Three.js（FBX）、MQTT.js、Axios、xlsx、海康WebVideoCtrl /大华播放器；基于若依RuoYi-Vue权限体系（动态路由、按钮级权限）。
1.多城市单仓架构：通过城市配置（MQTT主题、驾驶舱、联动策略）+条件打包（ASSETS_VERSION）实现一码多端部署，降低多项目维护成本。
2.三维可视化：基于Three.js 加载管廊FBX模型，实现设备点位标注、交互选点与状态联动展示，支撑运营侧直观巡检。
3.实时物联网通道：封装MQTTover WebSocket 中间层（订阅/下发/断线重连），对高频点位更新做节流，保障大屏与控制页稳定刷新。
4.告警–视频联动：火灾/入侵等告警触发全局弹窗与声音提醒，并联动海康/大华视频预览，缩短应急响应路径。
5.监控与运维模块：参与/负责环境监测、水泵/风阀等设备控制、设备台账、巡检维修、历史数据分析等页面开发，统一按设备类型复用控制页。
6.工程化能力：配合城市资源隔离与gzip等构建优化，输出多城市独立构建产物，适配现场独立配置部署。