大数据用户中心
数据交换系统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 分页
- Api封装请求
Api.getmaplist(this.pageData).then(res=>{ console.log(res.data); })
- 组件传递数据
eventBus.$emit("searchMap",this.overlayData) eventBus.$on('searchMap',()=>{map.clearOverLays()})
- 双接口,一个用于获取资源分页列表,一个获取资源列表的分页信息。
searchMap模块
-
天地图API
-
代码示例
-
地理编码接口
(天地图地理编码API是一类简单的HTTP/HTTPS接口,是指由结构化地址数据(如:北京市海淀区莲花池西路28号)转换为对应坐标点(经纬度)功能,地址解析仅限于国内。) -
解析搜索结果
//因为返回数据是异步操作,通过遍历匹配发布数据和地址。 for (let i = 0; i< arr.length; i++) { if(arr[i].address==result.keyWord){ Msg=arr[i].fields } }