大数据用户中心

数据交换系统element-ui tree问题bug

// 多个tree遍历获取选中状态
       _this.menuIds=[] _this.roleList.map((item,i)=>{ console.log(this.$refs.treeid[i].getCheckedKeys()); _this.menuIds=_this.menuIds.concat(this.$refs.treeid[i].getCheckedKeys())

 

懒加载自定义叶子节点

由于在点击节点时才进行该层数据的获取，默认情况下 Tree 无法预知某个节点是否为叶子节点，所以会为每个节点添加一个下拉按钮，如果节点没有下层数据，则点击后下拉按钮会消失。同时，你也可以提前告知 Tree 某个节点是否为叶子节点，从而避免在叶子节点前渲染下拉按钮。
通过懒加载请求获取子节点数据，然后通过方法获取选中id传输给后台。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

内江共享门户

Select 选择器(基础多选)

默认展示所有选项，通过把选项直接赋值id给lable。

内江开放门户(地图功能模块)

  • search模块

  • Pagination 分页
   <el-pagination small @current-change="handleCurrentChange" :current-page="currentPage" :page-size="6" background layout=" total,prev,pager,next,jumper" :total="total"
      >

 

  • Api封装请求
 Api.getmaplist(this.pageData).then(res=>{ console.log(res.data); })

 

  • 组件传递数据
eventBus.$emit("searchMap",this.overlayData) eventBus.$on('searchMap',()=>{map.clearOverLays()})

 

  • 双接口，一个用于获取资源分页列表，一个获取资源列表的分页信息。

searchMap模块

//因为返回数据是异步操作，通过遍历匹配发布数据和地址。
 for (let i = 0; i< arr.length; i++) { if(arr[i].address==result.keyWord){ Msg=arr[i].fields } }

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄