技术栈：vue-cli、vuex、vant 负责模块：自检报告 主要功能：电子签名、文件下载进度展示 电子签名：监听touchmove事件获取坐标，使用canvas的lineTo画线，最后canvas.toDataURL导 出图片URL 文件下载进度展示：axios提供了onDownloadProgress、监听这个事件可以获得请求的loaded （已加载的数据）和total（总共需要加载的数据）、这两个属性可以实现进度条

技术栈：vue3、vite、element-plus、vuex、echarts、高德地图 负责模块：数据看板、登录页、应急救援监管、维护保养监管 主要功能：深圳市地图区域下钻、实时预警、地图气泡涟漪图、高德地图点聚合、适配PC端各种尺 寸屏幕、登录逻辑 深圳市地图区域下钻：通过axios获取深圳市11个区各个街道边界的json数据、再实例化地图 实时预警：使用websocket接收推送的预警信息

技术栈：vue-cli、vuex、element-ui、vue-baidu-map 负责模块：自检报告、视频监控、合同管理、电梯档案 主要功能：实时监控、流量分析、电子签名、文件下载进度展示、视频监控回放功能、添加操作手 册、电梯档案扫码查看 实时监控：使用基于webRTC的七牛云监控摄像头直播流技术、监控电梯内的摄像头内容；使用CSS grid网格九宫格布局动态展示多台电梯的摄像头监控画面 流量分析：使用echarts的相关图表统计电梯设备区间和某天的数据流传输情况以及设备的状态 电子签名：监听touchmove事件获取坐标，使用canvas的lineTo画线，最后canvas.toDataURL导 出图片URL 文件下载进度展示：axios提供了onDownloadProgress、监听这个事件可以获得请求的loaded （已加载的数据）和total（总共需要加载的数据）、这两个属性可以实现进度条 视频监控回放功能：使用flvjs视频播放器配合时间进度条实现监控回放播放功能 添加操作手册：使用TinyMCE内容生成器编辑文档 电梯档案扫码查看：后端返回页面地址、前端使用qrcodejs2生成二维码