中新某科智慧管理平台
在“中新某科智慧管理平台”项目中,我作为前端核心开发人员,主要负责整体前端架构搭建、三维可视化模块开发,以及首页、数据中心、报警中心、工单中心、视频监控、数据大屏等核心页面的实现与交互逻辑编写。同时,我完成了所有前端模块与后端接口的对接联调,并设计实现了三维场景与二维数据的联动机制,如设备状态实时更新、报警高亮提示、地图点击跳转视频等。
技术栈方面,项目基于 Vue3 + TypeScript 开发,采用 Pinia 进行状态管理,Vue Router 实现路由控制,UI 组件库选用 Element Plus,图表使用 ECharts,三维可视化由 Three.js 驱动。接口通信统一通过 axios 封装实现,包括请求拦截、响应处理、错误统一提示及 Token 认证管理。项目难点在于在保证大规模园区三维模型流畅渲染的同时,高效同步大量实时传感器数据;此外,实现三维地图与视频监控、报警系统、工单流程的多系统联动也具有较高复杂度。项目亮点包括构建了沉浸式三维监管视图,打通“监测—预警—处置—反馈”业务闭环,具备良好的模块化结构和可扩展性。