工业设施安全监测平台产品系统

传统工业设施的安全监测长期依赖人工巡检与纸质记录，存在数据滞后、异常发现不及时、跨部门协同困难等问题。随着工业数字化转型的推进，某大型工业集团亟需一套覆盖"监测-预警-处置-复盘"全链路的安全监测平台，实现设施结构健康状态的实时感知与可视化管理。本项目正是在这一背景下立项，旨在通过数字化手段替代传统人工巡检模式，降低安全风险，提升运维决策效率。

平台包含三大核心模块：Web管理后台、3D可视化大屏、移动端小程序。Web后台负责设备档案管理、监测数据配置、告警规则设置、历史数据查询与报表导出；3D可视化大屏基于工业结构模型，实时展示设施各监测点的应力、位移、温度等关键指标，支持场景漫游、监测点标注、异常高亮与数据下钻；移动端小程序面向现场运维人员，提供扫码查看设备详情、接收实时预警推送、查看历史趋势、提交现场处置记录等功能。三大模块数据互通，形成"PC端深度管理 + 大屏直观决策 + 移动端现场执行"的完整闭环。

我作为前端负责人独立负责全部前端开发工作。技术栈采用 Vue3 + TypeScript + Vite + Pinia，UI层使用 Ant Design Vue + Less。2D可视化画布基于 AntV X6 开发，实现了自定义节点拖拽、连线、缩放、撤销重做及设备状态实时联动；3D场景使用 Three.js 加载并解析 IFC 工业模型，集成轨道控制器与 CSS2DRenderer 实现监测点标签的空间定位；数据大屏基于 ECharts 开发；移动端使用 uni-app 开发，复用 Web 端接口层，独立实现小程序 UI 与交互。工程化方面配置了 ESLint 代码规范，多项目共用一套前端架构，后台管理模块高度复用，显著提升了开发效率与代码质量。