项目:陕西项目管理服务数字化平台
项目技术:vue+vuex+iview+antvg6+vxeTable+bmap+echarts
项目描述:这是一个服务于陕西省项目的智能数字化管理平台,主要由项目图谱、平台运行检测、大数据分析、技术中台、后台管理几个子系统组成。
项目职责:
1、参与项目需求研讨、数据对接以及交互功能实现与后端、ui等开发人员配合完成目。
2、参与前端框架的搭建。
3、负责项目图谱、平台运行监测、大数据分析等业务模块的开发。
项目问题及难点:
1、在项目图谱中使用antvg6实现组织架构图谱根据业务需求自定义node节点显示node节点大小不一造成层级节点间显示错位。
解决方案:外层统一嵌套一层大小相同透明盒子使节点高度统一得以解决。
2、在项目图谱中根据业务需要实现图谱工具栏功能(放大、缩小、全屏展示、自适应)因组件api没有提供内部方法故而需要根据源码自行实现业务所需。
解决方案:根据工具类的功能封装了方法挂载到g6实例上实现业务需求,在全屏功能实现中控制canvas容器画布的宽高加以调用组件内部自适应方法加以实现。
3、在大数据分析中使用echats配合百度地图实现项目分布图这个业务中因地区分布需要关中、陕南、陕北区分故而前端实现需要整合数据实现业务需求。
解决方案:使用require.context读取本地文件获取文件夹下文件名拿到本地json数据,根据关中、陕南、陕北所包含市级进行数据整合再根据具体业务实现项目需求。