From 9f9ae3e0253f2d657b6b337d62d269394d04ee09 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期五, 17 十一月 2023 14:29:08 +0800
Subject: [PATCH] 版本更新
---
src/views/layer/layerManage.vue | 138 +++++++++++++++++++++++----------------------
1 files changed, 70 insertions(+), 68 deletions(-)
diff --git a/src/views/layer/layerManage.vue b/src/views/layer/layerManage.vue
index 651d215..dfbe13c 100644
--- a/src/views/layer/layerManage.vue
+++ b/src/views/layer/layerManage.vue
@@ -12,20 +12,9 @@
</div>
</div>
<div class="layerContent">
- <el-tree
- node-key="id"
- :props="props"
- :highlight-current="false"
- :current-node-key="selectedNodeId"
- :data="treeData"
- :default-expanded-keys="defaultExpanded"
- :expand-on-click-node="false"
- show-checkbox
- @check="handleCheckChange"
- ref="estreeRef"
- v-if="treeData.length"
- :default-checked-keys="DefaultId"
- >
+ <el-tree node-key="id" :props="props" :highlight-current="false" :current-node-key="selectedNodeId" :data="treeData"
+ :default-expanded-keys="defaultExpanded" :expand-on-click-node="false" show-checkbox @check="handleCheckChange"
+ ref="estreeRef" v-if="treeData.length" :default-checked-keys="DefaultId">
<template #default="{ node, data }">
<span class="custom-tree-node">
<span class="label">{{ node.label }}</span>
@@ -44,31 +33,21 @@
</span>
<template #dropdown>
<el-dropdown-menu>
- <el-dropdown-item
- v-if="data.type != 6 && data.isLayer == 1"
- @click.native="clickdropdown(1, data)"
- >璇︾粏</el-dropdown-item>
+ <el-dropdown-item v-if="data.type != 6 && data.isLayer == 1"
+ @click.native="clickdropdown(1, data)">璇︾粏</el-dropdown-item>
<el-dropdown-item v-if="data.type == 6 && data.isLayer == 1">鍒犻櫎</el-dropdown-item>
- <el-dropdown-item
- v-if="data.type == 3 && data.isLayer == 1"
- @click.native="clickdropdown(2, data)"
- >灞炴��</el-dropdown-item>
- <el-dropdown-item
- v-if="data.isLayer == 0"
- @click.native="clickdropdown(3, data)"
- >閫忔槑搴�</el-dropdown-item>
- <el-dropdown-item
- v-if="data.shpType == 'temporaryLayer'"
- @click.native="clickdTemporary(1, data)"
- >缂栬緫</el-dropdown-item>
- <el-dropdown-item
- v-if="data.shpType == 'temporaryLayer'"
- @click.native="clickdTemporary(2, data)"
- >鍒犻櫎</el-dropdown-item>
- <el-dropdown-item
- v-if="data.shpType == 'temporaryLayer'"
- @click.native="clickdTemporary(3, data)"
- >瀹氫綅</el-dropdown-item>
+ <el-dropdown-item v-if="data.type == 3 && data.isLayer == 1"
+ @click.native="clickdropdown(2, data)">灞炴��</el-dropdown-item>
+ <el-dropdown-item v-if="data.isLayer == 0"
+ @click.native="clickdropdown(3, data)">閫忔槑搴�</el-dropdown-item>
+ <el-dropdown-item v-if="data.shpType == 'temporaryLayer'"
+ @click.native="clickdTemporary(1, data)">缂栬緫</el-dropdown-item>
+ <el-dropdown-item v-if="data.shpType == 'temporaryLayer'"
+ @click.native="clickdTemporary(2, data)">鍒犻櫎</el-dropdown-item>
+ <el-dropdown-item v-if="data.shpType == 'temporaryLayer'"
+ @click.native="clickdTemporary(3, data)">瀹氫綅</el-dropdown-item>
+ <el-dropdown-item v-if="data.shpType == 'temporaryLayer'"
+ @click.native="clickdTemporary(4, data)">涓嬭浇鎴恠hp</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
@@ -78,18 +57,9 @@
</el-tree>
</div>
</div>
- <layer-set
- v-if="layerSetIsshow"
- @SETstate="SETstate"
- :layerTree="treeData"
- @addlayer="addlayer"
- @delLayer="delLayer"
- ></layer-set>
- <attribute-list
- v-if="layerAttributeIsshow"
- :layerData="layerObjData"
- @spatialClose="setSpatialClose"
- ></attribute-list>
+ <layer-set v-if="layerSetIsshow" @SETstate="SETstate" :layerTree="treeData" @addlayer="addlayer" @delLayer="delLayer"
+ @onSubmit="editLayer"></layer-set>
+ <attribute-list v-if="layerAttributeIsshow" :layerData="layerObjData" @spatialClose="setSpatialClose"></attribute-list>
<layer-detail :layerData="layerObjData" v-if="layerDetailIsshow" @detailClose="detailClose"></layer-detail>
</template>
@@ -200,11 +170,11 @@
var std = [];
for (var i in keys) {
- var layer_res = estreeRef.value.getNode(checkedKeys[i]).data;
- if(layer_res.shpType && layer_res.shpType == 'temporaryLayer'){
- std.push(checkedKeys[i]);
- }else if(layer_res.isLayer == 1){
- std.push(checkedKeys[i]);
+ var layer_res = estreeRef.value.getNode(keys[i]).data;
+ if (layer_res.shpType && layer_res.shpType == 'temporaryLayer') {
+ std.push(keys[i]);
+ } else if (layer_res.isLayer == 1) {
+ std.push(keys[i]);
}
}
estreeRef.value.setCheckedKeys([], true);
@@ -219,6 +189,8 @@
return ElMessage(data.cnName + "鍥惧眰娌℃湁鍕鹃��,鏃犳硶杩涜瀹氫綅");
}
temporaryTool.locationTemporaryLayer(data);
+ } else if (res == 4) {
+debugger
}
};
//閫夋嫨鍥惧眰
@@ -400,7 +372,16 @@
node = estreeRef.value.getNode(e);
}
});
+
+ var checKey = estreeRef.value.getCheckedKeys();
+ let checkid = [];
+ for (var i in checKey) {
+ if (estreeRef.value.getNode(checKey[i]).data.isLayer == 1) {
+ checkid.push(checKey[i])
+ }
+ }
// 灏嗗彉鍔ㄤ箣鍓嶇殑node澶囦唤
+ estreeRef.value.setCheckedKeys([], true);
let copyNode = { ...node };
copyNode.previousSibling = { ...node.previousSibling };
copyNode.nextSibling = { ...node.nextSibling };
@@ -426,6 +407,7 @@
estreeRef.value.insertAfter(copyNode.data, copyNode.nextSibling.data);
}
}
+ estreeRef.value.setCheckedKeys(checkid, true);
};
//鍒犻櫎鍥惧眰鏍�
const delLayer = (res) => {
@@ -434,7 +416,20 @@
// });
// treeData = handleTree(menuOption, "id", "pid", "children");
};
+const editLayer = () => {
+ var layer = store.state.chekNowLayers;
+ var std = [];
+ for (var i in layer) {
+ if (layer[i].isLayer == 1) {
+ std.push(layer[i].id)
+ }
+ }
+ estreeRef.value.setCheckedKeys([], true);
+ nextTick(() => {
+ estreeRef.value.setCheckedKeys(std, true);
+ })
+}
const setRestLayerData = () => {
let son = estreeRef.value.getCheckedNodes().reverse();
@@ -481,13 +476,20 @@
var children = [];
if (comperLayer.code == 200 && comperLayer.result) {
for (var i in comperLayer.result) {
- var slayer = JSON.parse(comperLayer.result[i].wkt);
- slayer.sid = comperLayer.result[i].id;
- children.push(slayer);
+ var layer = comperLayer.result[i]
+ if (layer.wkt && layer.wkt.indexOf("shpType") > -1 && layer.wkt.indexOf("shpType") > -1) {
+
+ var slayer = JSON.parse(comperLayer.result[i].wkt);
+
+ slayer.sid = comperLayer.result[i].id;
+ children.push(slayer);
+
+ }
}
}
+
treeData.value.unshift({
- cnName: "涓存椂鍥惧眰",
+ cnName: "鑷畾涔夊浘灞�",
level: 1,
pid: 0,
isLayer: 0,
@@ -548,7 +550,6 @@
}
const addTemporaryLayer = async (res) => {
var obj = {
- id: res.id,
name: res.cnName,
wkt: JSON.stringify(res),
};
@@ -558,15 +559,15 @@
store.state.temporaryLayer = null;
res.sid = data.result;
treeData.value[0].children.push(res);
-
+
nextTick(() => {
var std = [res.id];
for (var i in checkedKeys) {
var layer_res = estreeRef.value.getNode(checkedKeys[i]).data;
- if(layer_res.shpType && layer_res.shpType == 'temporaryLayer'){
+ if (layer_res.shpType && layer_res.shpType == 'temporaryLayer') {
std.push(checkedKeys[i]);
- }else if(layer_res.isLayer == 1){
+ } else if (layer_res.isLayer == 1) {
std.push(checkedKeys[i]);
}
}
@@ -619,6 +620,7 @@
() => store.state.restLayer,
(nVal, oVal) => {
if (nVal) {
+
setRestLayerData();
}
},
@@ -628,6 +630,7 @@
() => store.state.temporaryLayer,
(nVal, oVal) => {
if (nVal) {
+
addTemporaryLayer(nVal);
}
},
@@ -637,6 +640,7 @@
() => store.state.editTemporarName,
(nVal, oVal) => {
if (nVal) {
+
editTemporaryLayerName(nVal);
}
},
@@ -646,6 +650,7 @@
() => store.state.editTemporaryback,
(nVal, oVal) => {
if (nVal) {
+
editTemporaryBackById(nVal);
}
},
@@ -777,7 +782,7 @@
padding: 8px;
}
-/deep/ .el-tree-node:focus > .el-tree-node__content {
+/deep/ .el-tree-node:focus>.el-tree-node__content {
background: transparent;
}
@@ -795,10 +800,7 @@
}
}
-/deep/
- .el-tree--highlight-current
- .el-tree-node.is-current
- > .el-tree-node__content {
+/deep/ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
background: rgba(104, 156, 255, 0.5) !important;
}
--
Gitblit v1.9.3