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