项目问题集

 

大数据用户中心

数据交换系统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传输给后台。

---

内江共享门户

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模块

• 天地图API
  http://lbs.tianditu.gov.cn/api/js4.0/guide.html

• 代码示例
  http://lbs.tianditu.gov.cn/api/js4.0/examples.html

• 地理编码接口
  （天地图地理编码API是一类简单的HTTP/HTTPS接口，是指由结构化地址数据（如：北京市海淀区莲花池西路28号）转换为对应坐标点（经纬度）功能，地址解析仅限于国内。）
  http://lbs.tianditu.gov.cn/server/geocodinginterface.html

• 解析搜索结果

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