From 985b26624b69ad91b9e3a723c19bd4bbf1a36250 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期五, 03 三月 2023 13:03:47 +0800 Subject: [PATCH] 空间查询列表细化,工点表添加挂接信息界面 --- src/components/MapView/mapMenuTop.vue | 131 ++++++++++++++++++++++++++++++------------- 1 files changed, 91 insertions(+), 40 deletions(-) diff --git a/src/components/MapView/mapMenuTop.vue b/src/components/MapView/mapMenuTop.vue index ec5a325..b793550 100644 --- a/src/components/MapView/mapMenuTop.vue +++ b/src/components/MapView/mapMenuTop.vue @@ -1,6 +1,10 @@ <template> <div class="menuBox"> - <el-form :inline="true" :model="menuTopFrom" class="demo-form-inline"> + <el-form + :inline="true" + :model="menuTopFrom" + class="demo-form-inline" + > <el-form-item> <el-select v-model="menuTopFrom.queryLayer" @@ -8,7 +12,10 @@ placeholder="璇烽�夋嫨..." :popper-append-to-body="false" > - <el-option :value="menuTopFrom.queryLayer" style="height: 100%"> + <el-option + :value="menuTopFrom.queryLayer" + style="height: 100%" + > <div style="height: 200px; overflow: auto"> <el-tree :data="layerData" @@ -22,16 +29,17 @@ </el-tree> </div> <div style="margin-top: 5px"> - <el-button size="small" plain @click="getCheckedNodes" - >纭</el-button - > + <el-button + size="small" + plain + @click="getCheckedNodes" + >纭</el-button> <el-button size="small" type="info" plain @click="resetCheckedNodes" - >閲嶇疆</el-button - > + >閲嶇疆</el-button> </div> </el-option> </el-select> @@ -70,12 +78,17 @@ </el-form-item> <el-form-item> - <el-button plain size="small" @click="getAttributeQuery" - >鏌ヨ</el-button - > - <el-button type="info" size="small" @click="clearQuery" plain - >閲嶇疆</el-button - > + <el-button + plain + size="small" + @click="getAttributeQuery" + >鏌ヨ</el-button> + <el-button + type="info" + size="small" + @click="clearQuery" + plain + >閲嶇疆</el-button> </el-form-item> <!-- <el-form-item> <el-button @@ -104,7 +117,10 @@ width="25%" @opened="dialogOpend" > - <el-form :model="menuTopFrom" label-width="150px"> + <el-form + :model="menuTopFrom" + label-width="150px" + > <el-form-item label="绠¢亾涓績绾�"> <el-select @change="changeSelect2" @@ -144,9 +160,15 @@ ></el-input-number> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> + <div + slot="footer" + class="dialog-footer" + > <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="changeBufferData">纭� 瀹�</el-button> + <el-button + type="primary" + @click="changeBufferData" + >纭� 瀹�</el-button> </div> </el-dialog> </div> @@ -178,20 +200,20 @@ }, treeChange: [], 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: [], + // }, ], queryOption: [ @@ -272,21 +294,50 @@ if (data.code != 200) { this.$message.error("鍒楄〃璋冪敤澶辫触") } - var option = data.result.filter(res => { + + var val = data.result.filter(res => { if (res.rows != 0) { return res } }) - 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) + + var std = []; + val.filter((item) => { + if (std.indexOf(item.bak) == -1) { + std.push(item.bak); + this.layerData.push( + { + val: item.bak, + label: item.tabDesc, + children: [], + } + ) } - } + }); + + this.layerData.filter((item) => { + val.filter((res) => { + if (item.val === res.bak) { + res.label = res.tabDesc + item.children.push(res) + } + }) + }) + + + + + + // 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) + // } + // } }, //鑾峰彇閫夋嫨鏍戠殑鑺傜偣 getCheckedNodes() { -- Gitblit v1.9.3