| | |
| | | <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 |
| | |
| | | |
| | | <script> |
| | | import queryinfo from "../../views/Tools/queryinfo.vue"; |
| | | import { inquiry_SelectTabs, dataLib_selectTabs } from "../../api/api.js"; |
| | | import { inquiry_SelectTabs, dataLib_selectTabed } from "../../api/api.js"; |
| | | import { |
| | | getTreeData |
| | | } from "../../utils/treeData.js" |
| | | export default { |
| | | components: { queryinfo }, |
| | | data() { |
| | |
| | | queryLayer: "", |
| | | }, |
| | | layerData: [ |
| | | // { |
| | | // id: 1, |
| | | // label: '基础数据', |
| | | // tabDesc: '基础数据', |
| | | // value: 'BD', |
| | | // children: [], |
| | | // }, |
| | | // { |
| | | // id: 2, |
| | | // label: '业务数据', |
| | | // tabDesc: '业务数据', |
| | | // value: 'BS', |
| | | // children: [], |
| | | // }, |
| | | |
| | | ], |
| | | |
| | | defaultProps: { |
| | | children: "children", |
| | | label: "label", |
| | |
| | | methods: { |
| | | async getAllTable() { |
| | | // const data = await inquiry_SelectTabs(); |
| | | const data = await dataLib_selectTabs({ |
| | | pageIndex: 1, |
| | | pageSize: 500, |
| | | const data = await dataLib_selectTabed({ |
| | | hasGeom: "false", |
| | | name: null, |
| | | }); |
| | | |
| | | if (data.code != 200) { |
| | | this.$message.error("列表调用失败"); |
| | | } |
| | | var option = data.result; |
| | | this.layerData = option.filter((res) => { |
| | | if (res.rows != 0) { |
| | | return res; |
| | | } |
| | | }); |
| | | this.layerData = getTreeData(option) |
| | | |
| | | // = option.filter((res) => { |
| | | // return res; |
| | | // }); |
| | | }, |
| | | 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(); |
| | | |
| | | // 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; |
| | |
| | | menuTreeCheck(value) { |
| | | this.mapSpaceQueryLayer = value; |
| | | this.layerData.forEach(item => { |
| | | if (this.menuTopFrom.queryLayer == item.entity){ |
| | | this.$store.state.propertiesName = item.tabDesc; |
| | | if (this.menuTopFrom.queryLayer == item.entity) { |
| | | this.$store.state.propertiesName = item; |
| | | } |
| | | }) |
| | | this.getCheckedNodes(); |