工业园区数字化管理-中新某科智慧管理平台

本系统基于 Vue3 + Three.js 技术栈构建，融合了 Web 三维可视化与传统数据管理能力，核心功能模块如下：
1. 首页概览
展示园区关键指标：
实时在园人数（人员动态）
联科及入驻企业在岗人数
生产状态统计（正在生产 vs 停止生产）
安全员在岗率
重点区域安全隐患数
安防设备运行状态（摄像头、热成像、温感器）
2. 数据中心（三维可视化）
使用 Three.js 构建园区三维地图模型，支持：
各厂区、车间、设备的空间定位
实时数据绑定：点击设备查看其当前状态（如废气塔 pH、电流值）
不同颜色标识异常/正常状态（红色为报警）
支持按类别切换查看（废气塔、排口、电力、污水站等）
3. 报警中心
实时接收并展示各类报警事件：
环境类：废气 pH 不达标、颗粒物排放超标
设备类：废气塔未启动、电流异常
员工健康类：血压、心率异常
支持分级处理（一级/二级）、责任人分配、响应时长记录
可筛选查看待处理、已处理、历史报警
4. 工单中心
支持创建、派发、跟踪巡检或维修任务
工单类型包括：工艺巡检、设备维护等
支持按执行人、部门、状态过滤
提供详情查看与删除操作，支持导出
5. 视频监控
集成园区各楼宇摄像头资源
支持按楼栋楼层快速跳转播放
实现“三维地图 → 视频联动”，可在三维视图中点击位置直接调取对应监控画面
6. 数据大屏
全局可视化看板，集成所有关键数据：
废气塔、污水站、排口、配电房、车间安全、员工健康等六大模块
实时更新，支持图表联动与告警弹窗
适配大屏幕展示，用于领导决策或对外展示
7. 后台管理系统
用户权限管理：支持角色划分（管理员、工单员、临时用户等）
权限控制：细粒度权限配置，确保数据安全
手环管理：对接可穿戴设备，实现员工健康监测
模板与绩效管理：支持标准化流程与考核机制

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