項目問題集

 

大數據用戶中心

數據交換系統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 } }