| | |
|---|
| | | <div class="spaceBox"> |
|---|
| | | <el-select |
|---|
| | | v-model="menuTopFrom.queryLayer" |
|---|
| | | @change="menuTreeCheck" |
|---|
| | | placeholder="请选择..." |
|---|
| | | placeholder="请选择数据..." |
|---|
| | | filterable |
|---|
| | | ref="selectTree1" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in layerData" |
|---|
| | | :key="item.entity" |
|---|
| | | :label="item.tabDesc" |
|---|
| | | :value="item.entity" |
|---|
| | | :value="menuTopFrom.queryLayer" |
|---|
| | | style="height: 100%" |
|---|
| | | > |
|---|
| | | <div style="height: 200px; overflow: auto"> |
|---|
| | | <el-tree |
|---|
| | | :data="layerData" |
|---|
| | | node-key="id" |
|---|
| | | ref="tree" |
|---|
| | | @node-click="handleNodeClick" |
|---|
| | | highlight-current |
|---|
| | | :props="defaultProps" |
|---|
| | | > |
|---|
| | | </el-tree> |
|---|
| | | </div> |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <!-- <el-select |
|---|
| | |
|---|
| | | layerData: [ |
|---|
| | | |
|---|
| | | ], |
|---|
| | | |
|---|
| | | defaultProps: { |
|---|
| | | children: "children", |
|---|
| | | label: "label", |
|---|
| | |
|---|
| | | this.$message.error("列表调用失败"); |
|---|
| | | } |
|---|
| | | var option = data.result; |
|---|
| | | this.layerData = option.filter((res) => { |
|---|
| | | this.layerData = getTreeData(option) |
|---|
| | | |
|---|
| | | return res; |
|---|
| | | |
|---|
| | | }); |
|---|
| | | // this.layerData = getTreeData(option) |
|---|
| | | // var val = data.result |
|---|
| | | // var std = []; |
|---|
| | | // val.filter((item) => { |
|---|
| | | // if (std.indexOf(item.bak) == -1) { |
|---|
| | | // std.push(item.bak); |
|---|
| | | // this.layerData.push( |
|---|
| | | // { |
|---|
| | | // val: item.bak, |
|---|
| | | // label: item.bak, |
|---|
| | | // children: [], |
|---|
| | | // } |
|---|
| | | // ) |
|---|
| | | // } |
|---|
| | | // = option.filter((res) => { |
|---|
| | | // return res; |
|---|
| | | // }); |
|---|
| | | // for (var i in this.layerData) { |
|---|
| | | // var item = this.layerData[i]; |
|---|
| | | // for (var j in val) { |
|---|
| | | // var res = val[j]; |
|---|
| | | }, |
|---|
| | | handleNodeClick(data) { |
|---|
| | | if (data.children) return; |
|---|
| | | this.menuTopFrom.queryLayer = data.tabDesc |
|---|
| | | this.$refs.selectTree1.blur(); |
|---|
| | | this.mapSpaceQueryLayer = data.entity; |
|---|
| | | this.$store.state.propertiesName = data; |
|---|
| | | this.getCheckedNodes(); |
|---|
| | | |
|---|
| | | // if (item.val === res.bak) { |
|---|
| | | |
|---|
| | | // res.label = res.tabDesc |
|---|
| | | // this.layerData[i].children.push(res) |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // for (var i in option) { |
|---|
| | | // // console.log(option[i].tableType) |
|---|
| | | // var val_Data = option[i]; |
|---|
| | | // val_Data.id = '1' + i; |
|---|
| | | // val_Data.label = val_Data.tabDesc; |
|---|
| | | // if (option[i].ns == 'bd') { |
|---|
| | | // this.layerData[0].children.push(val_Data); |
|---|
| | | // } else { |
|---|
| | | // this.layerData[1].children.push(val_Data); |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | getCheckedNodes() { |
|---|
| | | this.$store.state.mapSpaceQueryLayer = this.mapSpaceQueryLayer; |
|---|
