平台包含三大核心模块: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代码规范,多项目共用一套前端架构,后台管理模块高度复用,显著提升了开发效率与代码质量。