宁波江北华数动大屏:
是主要是用于监控部分区域内的机房设备情况,主要包括:告警概况,电池概况
24小时用电预警,机房温湿度,精密空调概况,告警数量统计等。
我的工作:
● 通过vue-cli创建项目,下载安装以上技术栈中的依赖包并进行相应配置
● 通过git进行项目版本管理以及使用gitee进行代码托管
● 根据蓝湖上的设计稿封装公共样式,以及一些样式函数等
● 设置html的font-size来实现不同屏幕大小的自适应
● 创建地图实例,引入地图特色样式的json文件。在地图上显示地图所有的中心机房点,添加中心机房点击事件的处理添加切换查看中心机房时的动画。
● 在组件上使用dataV和echarts实现各个监控数据模块可视化的展示。
● 创建axios请求配置文,对接口地址相应拦截进行配置
● 通过vuex储存请求到的数据,使用vuex辅助函数在各个数据展示组件中展示当前中心机房数据情况。
● 修改配置文件,打包发布