1- 整个项目是基于vue2.0和element-UI搭建,基于模块化开发的思想进行了组织代码,提高可维护性
2- 封装axios为vue插件,使用axios的拦截器携带token进行API鉴权
3- 使用token配合路由守卫检测登陆状态,控制组件访问权限
4- 页面以百度GIS地图为背景,左侧显示各监测点实时数据和最新报警数据,右侧显示监测点点位各项参
数指标的详细数据,以及运维人员、监督人员、负责人、监督所长的姓名及电话,点击拨打电话即可通知到该点位各个人员
5- 地图显示各监测点位的具体地理位置,点击监测点右侧即显示该点位的具体信息及该点位24小时的各个监测指标的动态echarts图表信息
6- 同时使用萤石云开放平台,点击图标即可显示该点位的实时视频画面