From 4401f18284cd0e9ed262d18a4ad28a17fdb2655a Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期三, 16 八月 2023 15:02:20 +0800 Subject: [PATCH] 图层加载 --- src/views/layer/layerManage.vue | 93 ++++++++++++++++++---------------------------- 1 files changed, 36 insertions(+), 57 deletions(-) diff --git a/src/views/layer/layerManage.vue b/src/views/layer/layerManage.vue index ef7f47a..7cefd72 100644 --- a/src/views/layer/layerManage.vue +++ b/src/views/layer/layerManage.vue @@ -1,13 +1,22 @@ <template> - <div v-drag class="layerBox"> + <div + v-drag + class="layerBox" + > <div class="layerTitle"> <div class="tileLeft"> - <div @click="setCloseLayer" class="titleImg"> + <div + @click="setCloseLayer" + class="titleImg" + > <ArrowLeft /> </div> <div class="titleLable">鍥惧眰绠$悊</div> </div> - <div class="titleImg set" @click="layerSetBox"> + <div + class="titleImg set" + @click="layerSetBox" + > <Setting /> </div> </div> @@ -34,7 +43,10 @@ Delete </a> </span> --> - <span class="button" v-if="data.isLayer == 1"> + <span + class="button" + v-if="data.isLayer == 1" + > <el-dropdown trigger="click"> <span class="el-dropdown-link"> <el-icon class="el-icon--right"> @@ -43,12 +55,8 @@ </span> <template #dropdown> <el-dropdown-menu> - <el-dropdown-item @click.native="clickdropdown(1, data)" - >璇︾粏</el-dropdown-item - > - <el-dropdown-item @click.native="clickdropdown(2, data)" - >灞炴��</el-dropdown-item - > + <el-dropdown-item @click.native="clickdropdown(1, data)">璇︾粏</el-dropdown-item> + <el-dropdown-item @click.native="clickdropdown(2, data)">灞炴��</el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> @@ -102,49 +110,7 @@ const transparence = ref(0); var treeData = ref([]); var layerListData = ref([]); -let menuOption = reactive([ - { - id: 1, - name: "娴嬭瘯", - isShow: false, - checkedAll: false, - type: 1, - parentId: null, - }, - { - id: 2, - layerState: false, - name: "鍥惧眰鍚嶇О", - layerUrl: "", - type: 2, - parentId: 1, - }, - { - id: 3, - layerState: false, - name: "鍥惧眰鑿滃崟", - layerUrl: "", - type: 1, - parentId: 1, - }, - { - id: 5, - layerState: false, - name: "鍥惧眰鍚嶇О11", - layerUrl: "", - type: 2, - parentId: 3, - }, - { - id: 4, - name: "娴嬭瘯1", - isShow: false, - checkedAll: true, - layerState: false, - type: 1, - parentId: null, - }, -]); +let menuOption = reactive([]); const layerSetIsshow = ref(false); const layerAttributeIsshow = ref(false); @@ -158,7 +124,7 @@ const selectedNodeId = ref(null as any); //鍋氱被鍨嬫柇瑷�澶勭悊 const emits = defineEmits(["setCloseLayer"]); //榛樿閫変腑id -const DefaultId = ref([29]); +const DefaultId = ref([]); //鍥惧眰璁剧疆寮规 const layerSetBox = () => { layerSetIsshow.value = !layerSetIsshow.value; @@ -276,8 +242,6 @@ // menuOption = menuOption.filter((item) => { // return item.id != res; // }); - // console.log(res); - // console.log(menuOption); // treeData = handleTree(menuOption, "id", "pid", "children"); }; @@ -287,7 +251,22 @@ treeData.value = setTreeData(dt.result).sort(function (a, b) { return a.sort - b.sort; }); - console.log(treeData.value); + var std = []; + var terrainId = null; + dt.result.filter((res) => { + if (res.isLayer == 1 && res.status == 1) { + if (res.type == 1 && res.data == 2) { + if (!terrainId) { + terrainId = res.id; + std.push(res.id); + } + } else { + std.push(res.id); + } + } + }); + DefaultId.value = std; + //娣诲姞榛樿閫変腑鍥惧眰 layerListData.value = dt.result; defaultLayer(treeData.value); -- Gitblit v1.9.3