一.鑫苑可视化系统
主要技术:
1. 项目采用vue-element-admin框架,结合vue-draggable,sortable.js实现。
2. 使用element-ui组件库搭建页面,axios,promise实现数据交互。
3. 根据数据返回的权限,利用addRouter进行路由的动态挂载。
4. 封装echarts图表组件,组件的可复用性。
5. 拖拽组件的使用,拖拽动态生成布局,图表等。
主要功能:
本项目是一个可视化报表工具,用来实时记录鑫苑的数据。其中对于布局和图表的自由化,可随意拖拽布局以及图表生成页面。供本公司以及第三方人士进行数据预览。项目一经上线得到甲方公司的一致好评,由于都是用户自己拖拽生成的模块,使他们的报表工具更加的自由化。
二.锦源汇智app
主要技术:
1. 主页拖拽重排序菜单的实现。根据不同的用户角色显示不同的菜单。
2. 使用echarts图表进行数据展示,并对echarts图标进行响应式处理。
3. 使用Dcloud+ 进行打包,配置图标,启动页,权限等功能。
4. 利用ajax实现和后台的数据交互,数据的增删改查。
5. 高德地图的使用,根据后台返回数据在地图上做标记。
主要功能:
本项目是一个地铁站维护项目。在这个app中可以生成工单,给对应的人员进行维修。通过echarts图表展示出对应的站点有哪些地方需要维修和保养。主要的逻辑就是申请工单-审核-维修-申请备件的功能,此功能共有8个节点,每一个节点要传递的参数还有状态都很重要,用到了本地存储,实现起来很方便。