From 198b83ce825fbbf912cb26d592e3c7b0b586ca92 Mon Sep 17 00:00:00 2001 From: 王旭 <1377869194@qq.com> Date: 星期一, 20 二月 2023 17:38:22 +0800 Subject: [PATCH] 数据管理页面格式 --- src/components/MapView/mapSpaceTop.vue | 100 +++++++++++++++++++++++++++++-------------------- 1 files changed, 59 insertions(+), 41 deletions(-) diff --git a/src/components/MapView/mapSpaceTop.vue b/src/components/MapView/mapSpaceTop.vue index c4f97a7..562c9a2 100644 --- a/src/components/MapView/mapSpaceTop.vue +++ b/src/components/MapView/mapSpaceTop.vue @@ -2,6 +2,20 @@ <div class="spaceBox"> <el-select v-model="menuTopFrom.queryLayer" + @change="menuTreeCheck" + placeholder="璇烽�夋嫨..." + filterable + > + <el-option + v-for="item in layerData" + :key="item.entity" + :label="item.tabDesc" + :value="item.entity" + > + </el-option> + </el-select> + <!-- <el-select + v-model="menuTopFrom.queryLayer" placeholder="璇烽�夋嫨..." > <el-option @@ -37,14 +51,14 @@ >閲嶇疆</el-button> </div> </el-option> - </el-select> + </el-select> --> <queryinfo ref="queryinfo" /> </div> </template> <script> import queryinfo from "../../views/Tools/queryinfo.vue" -import { inquiry_SelectTabs } from '../../api/api.js'; +import { inquiry_SelectTabs, dataLib_selectTabs } from '../../api/api.js'; export default { components: { queryinfo }, data() { @@ -53,20 +67,20 @@ queryLayer: '', }, layerData: [ - { - id: 1, - label: '鍩虹鏁版嵁', - tabDesc: '鍩虹鏁版嵁', - value: 'BD', - children: [], - }, - { - id: 2, - label: '鍩虹鏁版嵁', - tabDesc: '涓氬姟鏁版嵁', - value: 'BS', - children: [], - }, + // { + // id: 1, + // label: '鍩虹鏁版嵁', + // tabDesc: '鍩虹鏁版嵁', + // value: 'BD', + // children: [], + // }, + // { + // id: 2, + // label: '涓氬姟鏁版嵁', + // tabDesc: '涓氬姟鏁版嵁', + // value: 'BS', + // children: [], + // }, ], defaultProps: { children: 'children', @@ -80,29 +94,40 @@ }, methods: { async getAllTable() { - const data = await inquiry_SelectTabs(); + // const data = await inquiry_SelectTabs(); + const data = await dataLib_selectTabs({ + pageIndex: 1, + pageSize: 500 + }) if (data.code != 200) { this.$message.error('鍒楄〃璋冪敤澶辫触'); } var option = data.result; - - for (var i in option) { - 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); + this.layerData = option.filter((res) => { + if (res.rows != 0) { + return 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; // this.$store.state.mapPopBoolean = true; this.$store.state.mapPopBoxFlag = '2'; - // this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close(); - this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("绌洪棿鏌ヨ", null, { + this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close(); + this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("灞炴��", null, { close: () => { if (this.$store.state.primitLayer != null) { @@ -120,17 +145,11 @@ this.menuTopFrom.queryLayer = null; this.$refs.treeForm.setCheckedKeys([]); }, - menuTreeCheck(node, list) { - if (list.checkedNodes.length > 0) { - this.menuTopFrom.queryLayer = node.tabDesc; - this.mapSpaceQueryLayer = node.entity; - if (list.checkedKeys.length == 2) { - //鍗曢�夊疄鐜� - this.$refs.treeForm.setCheckedKeys([node.id]); - } - } else { - this.menuid = null; - } + menuTreeCheck(value) { + + this.mapSpaceQueryLayer = value; + + this.getCheckedNodes(); }, }, }; @@ -146,5 +165,4 @@ } </style> <style lang="less" scoped> - </style> -- Gitblit v1.9.3