From fb98e10c76d7e6c2d01f3a9f8c1b727f905cbdca Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期一, 05 二月 2024 15:30:50 +0800
Subject: [PATCH] 代码更新
---
src/views/Tools/LayerTree.vue | 156 +++++++++++++++++-----------------------------------
1 files changed, 51 insertions(+), 105 deletions(-)
diff --git a/src/views/Tools/LayerTree.vue b/src/views/Tools/LayerTree.vue
index 0994d6f..572e389 100644
--- a/src/views/Tools/LayerTree.vue
+++ b/src/views/Tools/LayerTree.vue
@@ -2,114 +2,49 @@
<div class="lalala tree-container">
<el-form ref="form">
<el-form-item>
- <el-select
- v-model="$store.state.pigCode"
- clearable
- filterable
- style="width :100%"
- @change="prjChanged"
- placeholder="璇烽�夋嫨椤圭洰"
- >
- <el-option
- v-for="item in menus"
- :key="item.code"
- :label="item.name"
- :value="item.code"
- >
+ <el-select v-model="$store.state.pigCode" clearable filterable style="width :100%" @change="prjChanged"
+ placeholder="璇烽�夋嫨椤圭洰">
+ <el-option v-for="item in menus" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
- <el-input
- placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�"
- v-model="filterText"
- class="search"
- >
+ <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText" class="search">
</el-input>
</el-form-item>
</el-form>
- <el-tree
- ref="tree"
- :data="treeData"
- node-key="id"
- show-checkbox
- :props="defaultProps"
- @node-click="handleLeftclick"
- @node-contextmenu="rightClick"
- @check="handleCheckChange"
- :default-checked-keys="handleTreeCheck"
- :expand-on-click-node="false"
- :filter-node-method="filterNode"
- draggable
- >
- <span
- class="slot-t-node"
- slot-scope="{ node, data }"
- >
+ <el-tree ref="tree" :data="treeData" node-key="id" show-checkbox :props="defaultProps" @node-click="handleLeftclick"
+ @node-contextmenu="rightClick" @check="handleCheckChange" :default-checked-keys="handleTreeCheck"
+ :expand-on-click-node="false" :filter-node-method="filterNode">
+ <span class="slot-t-node" slot-scope="{ node, data }">
<span v-show="!data.isEdit">
<span :class="[data.id >= 99 ? 'slot-t-node--label' : '']">{{
- node.label
- }}</span>
+ node.label
+ }}</span>
</span>
<span v-show="data.isEdit">
- <el-input
- class="slot-t-input"
- size="mini"
- autofocus
- v-model="data.label"
- :ref="'slotTreeInput' + data.id"
- @blur.stop="nodeBlur(node, data)"
- @keydown.native.enter="nodeBlur(node, data)"
- ></el-input>
+ <el-input class="slot-t-input" size="mini" autofocus v-model="data.label" :ref="'slotTreeInput' + data.id"
+ @blur.stop="nodeBlur(node, data)" @keydown.native.enter="nodeBlur(node, data)"></el-input>
</span>
</span>
</el-tree>
- <el-card
- class="box-card"
- ref="card"
- :style="{ ...rightClickMenuStyle }"
- v-show="menuVisible"
- >
- <div
- class="edit"
- @click="showLayerAttribute()"
- v-if="showProp && !shwoHistogram"
- >
+ <el-card class="box-card" ref="card" :style="{ ...rightClickMenuStyle }" v-show="menuVisible">
+ <div class="edit" @click="showLayerAttribute()" v-if="showProp && !shwoHistogram">
<i class="el-icon-tickets"></i> 灞炴��
</div>
- <div
- class="edit"
- @click="positioning()"
- v-if="showLocal"
- >
+ <div class="edit" @click="positioning()" v-if="showLocal">
<i class="el-icon-tickets"></i> 瀹氫綅
</div>
- <div
- class="edit"
- @click="pellucidity()"
- v-if="showOpacity"
- >
+ <div class="edit" @click="pellucidity()" v-if="showOpacity">
<i class="el-icon-tickets"></i> 閫忔槑搴�
</div>
- <div
- class="edit"
- @click="histogram()"
- v-show="shwoHistogram"
- >
+ <div class="edit" @click="histogram()" v-show="shwoHistogram">
<i class="el-icon-tickets"></i> 閽诲瓟鏌辩姸鍥�
</div>
- <div
- class="edit"
- v-show="shwoTileDown"
- @click="tileDownload()"
- >
+ <div class="edit" v-show="shwoTileDown" @click="tileDownload()">
<i class="el-icon-download"></i> 鐡︾墖涓嬭浇
</div>
- <div
- class="edit"
- v-show="shwoAnnex"
- @click="annexDownload()"
- >
+ <div class="edit" v-show="shwoAnnex" @click="annexDownload()">
<i class="el-icon-tickets"></i> 闄勪欢
</div>
</el-card>
@@ -288,7 +223,15 @@
this.shwoTileDown = ["TMS", "DOM"].indexOf(object.serveType) > -1 && object.pubid; // 鐡︾墖涓嬭浇
this.menuVisible = this.showProp || this.shwoHistogram || this.showLocal || this.showOpacity || this.shwoTileDown; // 鑿滃崟
this.shwoAnnex = ['DEM', 'TMS'].indexOf(object.serveType) > -1;//闄勪欢
- this.$refs.card.$el.style.left = event.pageX + 20 + "px";
+
+
+ var left = window.innerWidth - 140;
+ var pageLeft = event.pageX + 20
+ if(pageLeft>left){
+ pageLeft = left - 25
+ }
+
+ this.$refs.card.$el.style.left =pageLeft+ "px";
this.$refs.card.$el.style.top = event.pageY + "px";
},
// 灞炴�ф樉绀�
@@ -320,7 +263,7 @@
let wkt = this.$wkt.parse(data.result.geom);
let height = this.getHeight(wkt.coordinates[2]);
Viewer.camera.flyTo({
- destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], height), // 2000
+ destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], sceneConfig.extureHeight), // 2000
});
}
return;
@@ -363,8 +306,8 @@
// 鑾峰彇楂樺害
getHeight(level) {
if (level > -1 && level < 23) return this.levelArray[level];
-
- return this.levelArray[this.levelArray.length - 1];
+ var res = 7
+ return this.levelArray[res];
},
//闄勪欢涓嬭浇
annexDownload() {
@@ -567,6 +510,7 @@
},
// 娣诲姞TMS鍥惧眰
addTMSLayers(layers) {
+
for (let i in layers) {
let res = layers[i];
res.url = res.url.indexOf("{host}") > -1 ? res.url.replace("{host}", iisHost) : res.url;
@@ -581,8 +525,14 @@
maximumLevel: 22,
enablePickFeatures: false
}), 1);
+
layer.id = res.id;
layer.name = res.cnName;
+ if (is_production) {
+ Viewer.imageryLayers.raiseToTop(layer);//灏嗗浘灞備笂绉讳竴灞�
+ Viewer.imageryLayers.lower(layer);//灏嗗浘灞備笂绉讳竴灞�
+ }
+
}
},
// 鍒囨崲Mpt
@@ -715,6 +665,10 @@
let layer = Viewer.imageryLayers.addImageryProvider(provider, 1);
layer.name = res.cnName;
+ if (is_production) {
+ Viewer.imageryLayers.raiseToTop(layer);//灏嗗浘灞備笂绉讳竴灞�
+ Viewer.imageryLayers.lower(layer);//灏嗗浘灞備笂绉讳竴灞�
+ }
// if (data.result.geom) {
// let wkt = this.$wkt.parse(data.result.geom);
// Viewer.camera.flyTo({
@@ -907,7 +861,7 @@
</script>
<style scoped lang="less">
/* 鐐瑰嚮鑺傜偣鏃剁殑閫変腑棰滆壊 */
-.tree-container /deep/.el-tree-node.is-current > .el-tree-node__content {
+.tree-container /deep/.el-tree-node.is-current>.el-tree-node__content {
color: #409eff !important;
}
@@ -939,19 +893,19 @@
padding-left: 16px;
}
-.tree-container /deep/ .el-tree > .el-tree-node:before {
+.tree-container /deep/ .el-tree>.el-tree-node:before {
border-left: none;
}
-.tree-container /deep/ .el-tree > .el-tree-node:after {
+.tree-container /deep/ .el-tree>.el-tree-node:after {
border-top: none;
}
-.tree-container /deep/ .el-tree > .el-tree-node:before {
+.tree-container /deep/ .el-tree>.el-tree-node:before {
border-left: none;
}
-.tree-container /deep/ .el-tree > .el-tree-node:after {
+.tree-container /deep/ .el-tree>.el-tree-node:after {
border-top: none;
}
@@ -1014,11 +968,7 @@
z-index: 8;
}
-.tree-container
- /deep/
- .el-tree-node
- .el-tree-node__children
- .el-tree-node__content::before {
+.tree-container /deep/ .el-tree-node .el-tree-node__children .el-tree-node__content::before {
border-left: 0px dashed #ccc;
height: 100%;
top: 0;
@@ -1038,7 +988,7 @@
}
.tree-container /deep/ .el-tree-node {
- .is-leaf + .el-checkbox .el-checkbox__inner {
+ .is-leaf+.el-checkbox .el-checkbox__inner {
display: inline-block;
}
@@ -1047,11 +997,7 @@
}
}
-.tree-container
- /deep/
- .el-tree-node
- .el-tree-node__children
- .el-tree-node__content::after {
+.tree-container /deep/ .el-tree-node .el-tree-node__children .el-tree-node__content::after {
border-top: 0px dashed #ccc;
}
@@ -1069,7 +1015,7 @@
/deep/.el-card__body {
padding: 10px !important;
- > div {
+ >div {
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
--
Gitblit v1.9.3