点击空白处退出提示
作品详情
负责任务:主要负责后台系统的全部开发,包括用户管理、场所管理、围栏配置、数据大屏模块等。
技术栈:vue,vue-router,vuex,echarts,elementUI,axios
难点及解决:
1. 使用高德地图实现地图搜索框自动填充、地图上绘制围栏(圆形,四边形,多边形),整理围栏数据发给后端,以便app端实现围栏管控。
2. 管控时段选择组件的封装。根据客户需求,想要点击和拖拽的方式,实现快速选择管控时间段,因此采用表格组件的二次封装实现。
3. 在用户组选择用户时,用户较多,分页多次从后端获取用户数据,每次翻页后默认上页数据不保存。客户想要实现分页多选,通过table组件的row-key和reserve-selection属性实现。
4. 数据大屏模块,根据产品需求,每隔10秒刷新一次数据,模块中有用户选择表格中的设备,在地图中标记处设备的位置,每次刷新数据后,导致用户选择的数据丢失,因此地图中的标记页丢失。通过记录用户每次选择的设备,且每次根据记录在地图上标记,解决需求。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论