为顺丰园区开发的一款,可监视并管理城市服务的后台管理系统,对整个园区进行监控,设备设施等进行管理
为顺丰园区开发的一款,可监视并管理城市服务的后台管理系统,对整个园区进行监控,设备设施等进行管理
负责模块:综合态势,综合防控,设施管理, 能效管理,系统设置,物业管理,指挥中心,组织机构,账户管理
技术栈: vue3+ts+elementplus+pinia+axios+DataV+echarts+百度地图+Vue-video+hls.js
1.根据原型图,使用 elementplus 完成页面的开发,高度还原页面
2.首页大屏模块中,v-scale-screen 插件+网格布局+dataV 完成整体适配方案
3.使用高德地图,完成园区位置的展示,园区路径使用 polyline 规划,车位 markers 汇总
4.对 echarts 图表的,雷达图,饼状图,柱状图,折线图进行二次封装,对 echarts 样式修改
5.在大屏完成了,招商入驻,入园人员,访问趋势,停车场信息,耗能信息,等 echarts 的图表的汇总
6.综合防控模块,完成了海康威视摄像头的嵌入,使用 hls.js 完成 rtmp 视频流的解析与播放,对监控视频列表
组
7.系统设置模块,完成了大屏的比例适配分辨率调整的动态调整。提供下拉列表用户动态改变大屏适配比例
8.组织机构模块,完成树形组件的二次封装和自定义布局,对 el-tree,实现多套模板封装,并使用 app.Component
注册全局组件方便复用
9.授权管理模块,可以给当前登录账户,设置访问权限,如物联平台权限系统,IOC 权限,GoMap 权限系统
10.账户树形菜单,可视化授权列表,根据树形 el-tree 选择当前账户可访问的菜单列表
11.完成消息中心,后台使用 websocket 实时返回消息数据
12.指挥中心模块,事件回放功能,结合海康威视摄头,flv.js 插件的回放功能完成
13.门禁管理模块,通过后台接口,控制物联网设备,在系统中实现远程开门,关门功能