项目问题集

Posted 2021-02-16 gitnull

 

大数据用户中心

数据交换系统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
               }   
            }