工厂园区监控中心系统 ​

工厂园区监控中心系统是基于 vue3 + Mars3D 平台， 提供一个 PC 浏览器端的“样板房”项目模版，包可基于该平台开发新项目，更换数据即可快速形成演示或交付项目。

该平台可方便快捷搭建三维地图产品，适用敏捷开发，可复用，支持各种配置，适合各种场景使用，无需任何插件，跨平台，跨浏览器，提供了全新的数据可视化功能，支持快速对接业务数据，提供丰富多样的图表。还可以扩展配备对应后台管理系统，对地图数据、业务数据进行管理和地图标注，实现数据管理功能。

欢迎体验 ​

点击进入

开发技术 ​

主要选用了 Vue3 开发框架、 TypeScript 开发语言、 Ant Design Vue 控件 UI 库、 IconPark 图标 UI 库。 并且也建议开发人员对 Node(含 NPM)运行环境、 Vite 开发环境、 ES6+基本语法、 ESlint 代码检查工具 有一定了解。

功能介绍 ​

实现三维场景下的园区人工建模数据、业务对应的点、线、面数据的加载和渲染，针对不同的业务数据以统计图表、数据列表、地图标绘等多种形式进行可视化展现，平台主要功能包括运行监测、全景浏览、报警管理、多维分析、实时报警、事故模拟。

运行监测 ​

运行监测下分园区首页、异常监测、报警分析、应急预案、设备故障。

全景浏览 ​

包括场景浏览、全景漫游两个功能。

1. 场景浏览

分为园区 A 和园区 B，点击面板上相应的按钮显示地图上对应的园区的主要建筑，点击地图上的图标视角拉近，显示建筑的详细信息

2. 全景漫游

有路线一和路线二两条路线，选择路线后点击“开始漫游”开始进行漫游，漫游时可根据面板查看漫游进度，点击“结束漫游”，结束当前漫游并回到初始视角

报警管理 ​

包括报警处理、报警查看、统计分析。

多维分析 ​

包括人员分析、车辆分析、智能检索。

实时报警 ​

鼠标移入右上角信息图标，显示当前报警信息，点击后跳转到报警管理模块。

事故模拟 ​

点击右上角数固模拟图标，进入事故模拟页面，点击“开始”按钮，对事故处理流程进行模拟，点击“结束”按钮结束事故模拟，点击“返回”放回上一级页面。整个过程模拟突发火灾、撤离模拟、救援模拟三个部分。