业务和功能介绍
本系统基于 Vue3 + Three.js 技术栈构建，融合了 Web 三维可视化与传统数据管理能力，核心功能模块如下：
1. 首页概览
展示园区关键指标：
实时在园人数（人员动态）
联科及入驻企业在岗人数
生产状态统计（正在生产 vs 停止生产）
安全员在岗率
重点区域安全隐患数
安防设备运行状态（摄像头、热成像、温感器）
2. 数据中心（三维可视化）
使用 Three.js 构建园区三维地图模型，支持：
各厂区、车间、设备的空间定位
实时数据绑定：点击设备查看其当前状态（如废气塔 pH、电流值）
不同颜色标识异常/正常状态（红色为报警）
支持按类别切换查看（废气塔、排口、电力、污水站等）
3. 报警中心
实时接收并展示各类报警事件：
环境类：废气 pH 不达标、颗粒物排放超标
设备类：废气塔未启动、电流异常
员工健康类：血压、心率异常
支持分级处理（一级/二级）、责任人分配、响应时长记录
可筛选查看待处理、已处理、历史报警
4. 工单中心
支持创建、派发、跟踪巡检或维修任务
工单类型包括：工艺巡检、设备维护等
支持按执行人、部门、状态过滤
提供详情查看与删除操作，支持导出
5. 视频监控
集成园区各楼宇摄像头资源
支持按楼栋楼层快速跳转播放
实现“三维地图 → 视频联动”，可在三维视图中点击位置直接调取对应监控画面
6. 数据大屏
全局可视化看板，集成所有关键数据：
废气塔、污水站、排口、配电房、车间安全、员工健康等六大模块
实时更新，支持图表联动与告警弹窗
适配大屏幕展示，用于领导决策或对外展示
7. 后台管理系统
用户权限管理：支持角色划分（管理员、工单员、临时用户等）
权限控制：细粒度权限配置，确保数据安全
手环管理：对接可穿戴设备，实现员工健康监测
模板与绩效管理：支持标准化流程与考核机制
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 认证管理。项目难点在于在保证大规模园区三维模型流畅渲染的同时，高效同步大量实时传感器数据；此外，实现三维地图与视频监控、报警系统、工单流程的多系统联动也具有较高复杂度。项目亮点包括构建了沉浸式三维监管视图，打通“监测—预警—处置—反馈”业务闭环，具备良好的模块化结构和可扩展性。
技术栈方面，项目基于 Vue3 + TypeScript 开发，采用 Pinia 进行状态管理，Vue Router 实现路由控制，UI 组件库选用 Element Plus，图表使用 ECharts，三维可视化由 Three.js 驱动。接口通信统一通过 axios 封装实现，包括请求拦截、响应处理、错误统一提示及 Token 认证管理。项目难点在于在保证大规模园区三维模型流畅渲染的同时，高效同步大量实时传感器数据；此外，实现三维地图与视频监控、报警系统、工单流程的多系统联动也具有较高复杂度。项目亮点包括构建了沉浸式三维监管视图，打通“监测—预警—处置—反馈”业务闭环，具备良好的模块化结构和可扩展性。
示例图片视频
相似推荐
信联远程会诊系统
面向医疗机构，提供医生线上实时会诊、病例研讨等线上协作能力。支持多路摄像头、采集卡媒体流接入，可完成音视频硬件检测切换；具备屏幕共享、画笔激光笔多端同步绘制、录屏截图本地存储；支持参会人邀请、视频窗口管理、会议销毁整套业务流程，依靠长连接保障多终端指令同步，支撑多医生线上诊疗业务开展。
慢病管理系统
慢病管理系统，为应对国家慢性病管理需求进行开发。符合慢病管理中心标准，主要模块有患者档案，即时通讯，随访，宣教，病种管理，风险人群识别，健康任务，健康方案，患者的诊疗记录，诊断记录，检验记录，检查记录等诊疗数据，OCR识别，语音识别。
测序系统上传软件
本上传软件针对基因测序仪设备的数据上送场景开发。测序仪上位机每 10 分钟自动生成 14 份采集原始文件，包含测序过程电流信号、碱基采集等原始实验数据，是后端数据分析、算法调试、问题溯源的基础数据源。设备产生的原始文件需要及时、可靠传输至后端服务器，传统手动拷贝、简单脚本上传存在传输中断、文件丢失、重复上传、异常无重试等问题，无法满足测序业务 7×24 小时连续运行的数据可靠性要求。本软件通过 MQTT 协议和测序上位机交互接收事件通知，基于 FTP 协议封装实现并行上传能力，依托万兆网卡硬件带宽，完成测序仪本地文件向服务端的自动化传输，保障原始采集数据完整、有序送达服务器，支撑后续测序数据分析、算法优化与故障定位业务。
软件核心功能围绕稳定可靠的数据传输进行设计。软件作为 MQTT 客户端与测序仪上位机建立长连接，监听设备下发的文件就绪事件；当测序仪每 10 分钟生成 14 个数据文件完成后，设备通过 MQTT 推送通知消息，上报待上传的文件列表，软件接收消息后解析文件信息，生成上传任务进入任务排队队列，管控上传并发，避免瞬时任务过多造成网络与 IO 过载。依托万兆网卡实现高速并行 FTP 上传，充分利用带宽资源，缩短批量文件整体传输耗时，适配测序设备高频批量产出文件的业务特点。
具备断点续传能力，遇到网络抖动、服务器短暂离线等场景中断传输后，无需重传完整文件，从已传输偏移位置继续续传，节约带宽，提升大文件传输效率。内置失败重传机制，传输异常自动重试，记录任务状态，多次重试失败后标记异常任务，留存日志便于运维排查。
软件完整记录上传任务日志，包含文件名、大小、传输进度、耗时、成功失败状态，可追溯每一批次 14 个文件的传输全流程，核对文件是否完整送达服务器。任务队列支持任务管理，可查看排队、上传中、完成、失败全部任务，规避重复上传、漏传问题。上传完成后执行文件校验，比对源文件与服务端文件，防止传输过程文件损坏。
该软件解决测序设备触发式批量文件可靠上送难题，保障测序原始采集数据稳定回传，为后端测序数据分析、碱基标注、算法 Debug 提供完整可靠的原始数据源，实现整套测序业务链路的数据闭环。
锦波验真小程序-锦波验真
1. 基于Spring-Cloud微服务框架，改造多租户体系;基于Gateway网关完成统一鉴权，Nacos实现服务注册与配置管理;
2. 核心验真业务开发：实现防伪码批量生成、批量导入、产品与防伪码绑定，开发消费者扫码验真核心接口;控制防伪码校验规则，限制重复扫码，记录每次扫码行为，实现真伪判定逻辑;
3. 开发产品批次管理、溯源信息录入维护模块，集成框架工作流，实现产品、防伪物料入库的审批流程;
4. 针对扫码查询高并发场景，使用Redis缓存验真基础数据提升响应速度，通过RocketMQ异步落库扫码访问日志，降低数据库压力;
5. 开发运营后台统计报表：扫码总量、真伪查询统计、异常扫码记录、产品溯源数据统计，辅助运营分析窜货、假货风险;
美特优智能健康-美特优
硬件采集原始数据（蓝牙从戒指传到手机APP）
• 运动：步数、距离、卡路里消耗
• 睡眠：睡眠分期、REM快速眼动、睡眠评分
• 夜间监护：呼吸暂停监测、心率/血氧异常告警
• 24小时体征：心率、血氧、压力值、皮肤温度、体温
• 血压静态检测
APP端业务功能
1. 数据可视化：图表展示历史趋势，AI给出健康建议
2. 会员增值模块
◦ AI自动生成健康报告，对接医疗资源
◦ 7×24小时健康顾问（有医疗背景客服）
◦ 专家有限次数线上指导
◦ 亲友关怀：健康报告同步、异常报警推送亲属
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服