业务和功能介绍
本系统基于 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 认证管理。项目难点在于在保证大规模园区三维模型流畅渲染的同时，高效同步大量实时传感器数据；此外，实现三维地图与视频监控、报警系统、工单流程的多系统联动也具有较高复杂度。项目亮点包括构建了沉浸式三维监管视图，打通“监测—预警—处置—反馈”业务闭环，具备良好的模块化结构和可扩展性。
示例图片视频
相似推荐
超医助手
超医助手是由e转诊全新迭代升级的产品，产品定位为移动化医生执业平台。可以让医生进行在线医疗学术的交流和推广，使不同级别的医生获取如个人品牌推广、学术收益等需求满足医疗学术知识的传播以及实现了病人、医疗技术、医疗资源信息的实时互动。
B2B2C 多端宠物医生（源码不开放）
**解决方案：B2B2C平台 + AI赋能**
构建三端分离的SaaS平台，通过AI技术连接三方角色，形成商业闭环：
**B端（医院/医生）**：提供AI诊疗助手降低误诊率30%，智能记忆系统自动记录病历，预约管理系统提升运营效率50%，客户管理系统提高留存率。
**C端（宠物主人）**：提供24小时AI健康咨询，解决80%的常见问题，降低就医成本。在线预约挂号，避免排队等待。社区互动增强用户粘性，提升平台活跃度。
**推广端（KOL/博主）**：提供分销工具和佣金系统（首次消费15%，复购5%），实现流量变现。
医院系统-潍坊市妇幼保健院
参与开发潍坊市妇幼保健院公众号、小程序、后台管理等开发工作，该项目旨在服务就医人群，提高患者使用体验，方便患者就医，目前项目正在使用中，可以搜索潍坊市妇幼保健院公众号或小程序查看。
基层医疗公卫智能AI助手-乐联AI
行业痛点：
1.业务操作繁琐,工作效率低下
2.多系统数据割裂,协同对接困难
3.数据录入依赖人工,准确、完整性难保障
4.基层服务资源紧张,专业能力承压
系统简介：
乐联AI是一款面向基层医疗的智能助理产品，深度对接乐康体检(老年体检)、乐豆体检（中小学生体检）、乐童体检（婴幼儿体检）、家庭医生签约服务平台、慢病随访服务平台等多类医疗业务系统，以“打破数据孤岛、简化操作流程”为核心目标，构建覆盖全场景的基层医疗服务智能解决方案。
依托语音交互与语义理解、数据校验融合、数据智能校验与融合分析、个性化智能推荐与生成、数据可视化与自动化报表、批量数据处理与模板生成六大核心技术，乐联AI创新采用自然语言对话交互模式，实现“说话即办事”。
定边县区域老年人体检平台-乐康体检
背景：
由于现有公共卫生服务平台与体检业务不匹配，导致医生需要手工填表并再次录入系统，增加了工作量并容易引起错误；基于以上问题建设的一款适合基层使用场景的体检业务软件系统，系统实现了基层医疗机构下乡体检全流程的信息化，包括老年人体检、健康体检等多个模块，解决了手工填表再录入系统、专业体检医生数量匮乏、信息不互通等痛点问题，以提高服务效率和质量。
APP端：目标用户为体检医生和责任医生；
体检医生主要用于下乡体检时使用APP登记体检、打印引导单、扫码体检、打印采样条码、建档、修改档案；
责任医生主要查看体检概况，调度体检、查看基本统计是数据等基本操作；
PC客户端：目标用户为体检医生、责任医生和机构管理员；
体检医生用于院内体检时登记体检、打印引导单、扫码体检、打印采样条码、建档、修改档案；
责任医生主要批量诊断、查看体检概况，调度体检、查看基本统计数据、导出体检明细、生成汇报资料等基本操作；
机构管理员主要配置机构内给类型体检项目、体检项目分工、诊断标准、其它体检套餐、打印模板、预设模板管理、账号信息等；
数据驾驶舱：目标用户为各机构领导，省市区县各级部门领导
主要用于查看辖区内各个机构的体检统计数据，包含体检趋势、病情占比、体检工作量、体检反馈报告数量等
自助医疗机：目标用户是居民
居民在体检时，可在自医疗机上轻松查询/创建中医体质辨识、中医药保健指导、自理能力评估及肺结核筛查。此举既省时又便捷，让居民随时掌握自身健康状况。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服