From caceb47d790cedaf68ddcda983b6c38280d11d8e Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期四, 18 四月 2024 19:15:44 +0800
Subject: [PATCH] 标绘
---
src/components/wggl/left/czll.vue | 320 ++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 302 insertions(+), 18 deletions(-)
diff --git a/src/components/wggl/left/czll.vue b/src/components/wggl/left/czll.vue
index ac5f6f6..b47e434 100644
--- a/src/components/wggl/left/czll.vue
+++ b/src/components/wggl/left/czll.vue
@@ -7,7 +7,7 @@
:unique-opened="true"
@select="handleSelect"
class="el-menu-vertical-demo">
- <el-submenu index="1">
+ <!-- <el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span>棰戣氨鎬佸娍鍒嗘瀽</span>
@@ -64,9 +64,90 @@
</template>
<el-menu-item-group>
<el-menu-item index="5-1">鏁版嵁鍒嗘瀽鎶ュ憡</el-menu-item>
-
+ </el-menu-item-group>
+ </el-submenu> -->
+ <el-submenu index="6">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>鏁版嵁璧勬簮绠＄悊瀛愮郴缁�</span>
+ </template>
+ <el-menu-item-group>
+ <el-menu-item index="6-1">閫氱敤妯＄増绠＄悊</el-menu-item>
+ <el-menu-item index="6-2">閫氫俊璧勬簮绠＄悊</el-menu-item>
+ <el-menu-item index="6-3">閫氫俊缃戠郴绠＄悊</el-menu-item>
+ <el-menu-item index="6-4">閫氫俊鎯冲畾绠＄悊</el-menu-item>
+ <el-menu-item index="6-5">澶氬獟浣撶礌鏉愮鐞�</el-menu-item>
+ <el-menu-item index="6-6">浠跨湡妯″瀷绠＄悊</el-menu-item>
+ <el-menu-item index="6-7">鐢ㄦ埛绠＄悊鍜岀郴缁熻缃�</el-menu-item>
</el-menu-item-group>
</el-submenu>
+ <el-submenu index="7">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>缁煎悎鎬佸娍鏄剧ず瀛愮郴缁�</span>
+ </template>
+ <el-menu-item-group>
+ <el-menu-item index="7-1">鐩綍绠＄悊</el-menu-item>
+
+ <!--
+ <el-submenu index="7-2">
+ <template slot="title">ZC鐜鏄剧ず</template>
+ <el-menu-item index="7-2-1">涓滃崡娌挎捣銆乀D</el-menu-item>
+ </el-submenu>
+ <el-submenu index="7-3">
+ <template slot="title">閫氫俊鎬佸娍鏄剧ず</template>
+ <el-menu-item index="7-3-1">鍩虹珯銆佺洃娴嬬珯</el-menu-item>
+ </el-submenu> -->
+ <el-menu-item index="7-4">淇℃伅閾捐矾鏄剧ず</el-menu-item>
+ <el-menu-item index="7-5">浣滄垬鎬佸娍鏄剧ず</el-menu-item>
+ <el-menu-item index="7-6">鎯冲畾璧勬枡鏄剧ず</el-menu-item>
+ <el-menu-item index="7-7">鎬佸娍鏄剧ず鎺у埗</el-menu-item>
+ <el-menu-item index="7-8">澶氬獟浣撶礌鏉愭祻瑙�</el-menu-item>
+ <!-- <el-menu-item index="7-9">鎬佸娍鏍囩粯</el-menu-item> -->
+ <el-submenu>
+ <template slot="title">鎬佸娍鏍囩粯</template>
+ <el-menu-item index="7-9-1">鍐涙爣鏍囩粯</el-menu-item>
+ <el-menu-item index="7-9-2">鍥惧厓鏍囩粯</el-menu-item>
+ <el-menu-item index="7-9-3">妯″瀷鏍囩粯</el-menu-item>
+ </el-submenu>
+ </el-menu-item-group>
+ </el-submenu>
+ <!-- <el-submenu index="8">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>閫氫俊鏂规绛瑰垝瀛愮郴缁�</span>
+ </template>
+ <el-menu-item-group>
+ <el-menu-item index="8-1">閫氫俊鏂规绠＄悊</el-menu-item>
+ <el-menu-item index="8-2">閫氫俊鏂规鎷熷埗</el-menu-item>
+ <el-menu-item index="8-3">閫氫俊缃戠郴鏋勫缓</el-menu-item>
+ <el-menu-item index="8-4">閫氫俊鏂规璁茶瘎</el-menu-item>
+ </el-menu-item-group>
+ </el-submenu>
+ <el-submenu index="9">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>閫氫俊鏁堣兘璇勪及瀛愮郴缁�</span>
+ </template>
+ <el-menu-item-group>
+ <el-menu-item index="9-1">閫氫俊姣佷激褰卞搷璇勪及</el-menu-item>
+ <el-menu-item index="9-2">閫氫俊骞叉壈褰卞搷璇勪及</el-menu-item>
+ <el-menu-item index="9-3">杈呭姪璁＄畻鍒嗘瀽</el-menu-item>
+ </el-menu-item-group>
+ </el-submenu>
+ <el-submenu index="10">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>浣滄垬琛屽姩褰卞搷鍒嗘瀽瀛愮郴缁�</span>
+ </template>
+ <el-menu-item-group>
+ <el-menu-item index="10-1">鎯呮姤閾捐矾琛屽姩褰卞搷鍒嗘瀽</el-menu-item>
+ <el-menu-item index="10-2">鎸囨尌閾捐矾琛屽姩褰卞搷鍒嗘瀽</el-menu-item>
+ <el-menu-item index="10-3">鎵撳嚮閾捐矾琛屽姩褰卞搷鍒嗘瀽</el-menu-item>
+ <el-menu-item index="10-4">淇濋殰閾捐矾琛屽姩褰卞搷鍒嗘瀽鍜岃瘎浼板垎鏋愮粨鏋滃睍绀�
+ </el-menu-item>
+ </el-menu-item-group>
+ </el-submenu> -->
</el-menu>
</div>
@@ -84,14 +165,19 @@
:style="move1">
<span class="mapinner1">褰卞儚鍥�</span>
</span>
+ <span id="img2"
+ @click="changeMap2"
+ :style="move2">
+ <span class="mapinner2">鍦板舰鍥�</span>
+ </span>
</div>
</div>
</div>
</template>
-
+
<script>
let gdMap=null;
-
+let dxMap=null;
import { addMpt } from "../../../utils/work";
import bus from "../../../utils/bus";
export default {
@@ -99,6 +185,11 @@
return {
move1: {
transform: "translateX(-230px)",
+ "z-index": "2",
+ transition: "transform,1s",
+ },
+ move2: {
+ transform: "translateX(-450px)",
"z-index": "2",
transition: "transform,1s",
},
@@ -114,13 +205,13 @@
},
methods: {
handleSelect (key,keyPath) {
- var val=keyPath[1]
+ var val=keyPath[1];
switch(val) {
case "1-3":
this.nowchoose=2;
bus.$emit("showdio",this.nowchoose);
break;
- case "1-2"://null
+ case "1-2": //null
this.nowchoose=7;
bus.$emit("showdio",this.nowchoose);
break;
@@ -128,7 +219,7 @@
this.nowchoose=1;
bus.$emit("showdio",this.nowchoose);
break;
- case "2-6"://null
+ case "2-6": //null
this.nowchoose=8;
bus.$emit("showdio",this.nowchoose);
break;
@@ -136,16 +227,16 @@
this.nowchoose=3;
bus.$emit("showdio",this.nowchoose);
break;
- case "2-4"://null
+ case "2-4": //null
this.nowchoose=9;
bus.$emit("showdio",this.nowchoose);
break;
- case "2-3"://null
+ case "2-3": //null
this.nowchoose=10;
bus.$emit("showdio",this.nowchoose);
break;
case "2-2":
- this.nowchoose='1-4';
+ this.nowchoose="1-4";
bus.$emit("showdio",this.nowchoose);
break;
@@ -165,27 +256,208 @@
this.nowchoose=6;
bus.$emit("showdio",this.nowchoose);
break;
+
+ case "4-1":
+ this.nowchoose="4-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "4-2":
+ this.nowchoose="4-2";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "4-3":
+ this.nowchoose="4-3";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "4-4":
+ this.nowchoose="4-4";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "4-5":
+ this.nowchoose="4-5";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "5-1":
+ this.nowchoose="5-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "6-1":
+ this.nowchoose="6-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "6-2":
+ this.nowchoose="6-2";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "6-3":
+ this.nowchoose="6-3";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "6-4":
+ this.nowchoose="6-4";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "6-5":
+ this.nowchoose="6-5";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "6-6":
+ this.nowchoose="6-6";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "6-7":
+ this.nowchoose="6-7";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+
+ case "7-1":
+ this.nowchoose="7-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-2-1":
+ this.nowchoose="7-2-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-3-1":
+ this.nowchoose="7-3-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-4":
+ this.nowchoose="7-4";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-5":
+ this.nowchoose="7-5";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-6":
+ this.nowchoose="7-6";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-7":
+ this.nowchoose="7-7";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-8":
+ this.nowchoose="7-8";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-9-1":
+ this.nowchoose="7-9-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-9-2":
+ this.nowchoose="7-9-2";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-9-2":
+ this.nowchoose="7-9-2";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "7-9-3":
+
+ this.nowchoose="7-9-3";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "8-1":
+ this.nowchoose="8-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "8-2":
+ this.nowchoose="8-2";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "8-3":
+ this.nowchoose="8-3";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "8-4":
+ this.nowchoose="8-4";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "9-1":
+ this.nowchoose="9-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "9-2":
+ this.nowchoose="9-2";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "9-3":
+ this.nowchoose="9-3";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "10-1":
+ this.nowchoose="10-1";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "10-2":
+ this.nowchoose="10-2";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "10-3":
+ this.nowchoose="10-3";
+ bus.$emit("showdio",this.nowchoose);
+ break;
+ case "10-4":
+ this.nowchoose="10-4";
+ bus.$emit("showdio",this.nowchoose);
+ break;
}
- },makebig () {
+ },
+ makebig () {
this.istrue=false;
this.move1.transform="translateX(0px)";
+ this.move2.transform="translateX(0px)";
},
makeSmall () {
this.istrue=true;
this.move1.transform="translateX(-230px)";
+ this.move2.transform="translateX(-450px)";
},
changeMap1 () {
Viewer.imageryLayers._layers[0].show=true;
addMpt(true);
+ if(dxMap) {
+ dxMap.setVisibility(false);
+ }
if(gdMap) {
gdMap.setVisibility(false);
- this.move1["z-index"]=2;
+
+ // this.move1["z-index"]=3;
+
} else {
return;
}
},
+ changeMap2 () {
+ Viewer.imageryLayers._layers[0].show=false;
+ if(gdMap) {
+ gdMap.setVisibility(false);
+ }
+
+ addMpt(true);
+ if(dxMap) {
+ dxMap.setVisibility(true);
+ } else {
+ var base={
+ url: "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561",
+
+ };
+ dxMap=sgworld.Creator.createWebMapTileServerImageLayer(
+ "琛楅亾",
+ base,
+ "0",
+ undefined,
+ true,
+ ""
+ );
+ }
+
+ },
changeMap () {
- this.move1["z-index"]=0;
+ // this.move1["z-index"]=0;
+ // this.move1["z-index"]=1;
Viewer.imageryLayers._layers[0].show=false;
addMpt(false);
if(gdMap) {
@@ -220,7 +492,7 @@
},
};
</script>
-
+
<style scoped>
.content {
/* height: 2000px; */
@@ -231,7 +503,7 @@
flex-direction: column;
}
.container {
- width: 400px;
+ width: 500px;
margin-left: 100px;
height: 1600px;
display: flex;
@@ -308,11 +580,23 @@
background-position: center;
position: absolute;
margin: 20px;
- left: 350px;
+ left: 320px;
+}
+#img2 {
+ width: 260px;
+ height: 146px;
+ background: url(../../../assets/image/change/dixing.png);
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center;
+ position: absolute;
+ margin: 20px;
+ left: 600px;
}
.botImg {
- width: 540px;
+ width: 840px;
height: 190px;
+ background: skyblue;
background: transparent;
}
.botImg1 {
@@ -320,4 +604,4 @@
height: 190px;
background: transparent;
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.3