From 7453188ddfaef750c5f367abadb8afa1ad877909 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期四, 18 四月 2024 15:48:57 +0800
Subject: [PATCH] 菜单
---
src/components/wggl/left/czll.vue | 354 ++++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 280 insertions(+), 74 deletions(-)
diff --git a/src/components/wggl/left/czll.vue b/src/components/wggl/left/czll.vue
index ac5f6f6..cdee1b8 100644
--- a/src/components/wggl/left/czll.vue
+++ b/src/components/wggl/left/czll.vue
@@ -1,12 +1,12 @@
<template>
<div class="content">
-
- <div class="container"
- id="moved">
- <el-menu default-active="2"
- :unique-opened="true"
- @select="handleSelect"
- class="el-menu-vertical-demo">
+ <div class="container" id="moved">
+ <el-menu
+ default-active="2"
+ :unique-opened="true"
+ @select="handleSelect"
+ class="el-menu-vertical-demo"
+ >
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
@@ -64,24 +64,95 @@
</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">zcTS\绛瑰垝姝ラ</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-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>
<div class="bot">
-
- <div :class="istrue ? 'botImg1' : 'botImg'"
- @mousemove="makebig"
- @mouseout="makeSmall">
- <span id="img"
- @click="changeMap">
+ <div
+ :class="istrue ? 'botImg1' : 'botImg'"
+ @mousemove="makebig"
+ @mouseout="makeSmall"
+ >
+ <span id="img" @click="changeMap">
<span class="mapinner">琛楅亾鍥�</span>
</span>
- <span id="img1"
- @click="changeMap1"
- :style="move1">
+ <span id="img1" @click="changeMap1" :style="move1">
<span class="mapinner1">褰卞儚鍥�</span>
</span>
</div>
@@ -90,12 +161,12 @@
</template>
<script>
-let gdMap=null;
+let gdMap = null;
import { addMpt } from "../../../utils/work";
import bus from "../../../utils/bus";
export default {
- data () {
+ data() {
return {
move1: {
transform: "translateX(-230px)",
@@ -113,91 +184,226 @@
};
},
methods: {
- handleSelect (key,keyPath) {
- var val=keyPath[1]
- switch(val) {
+ handleSelect(key, keyPath) {
+ var val = keyPath[1];
+ switch (val) {
case "1-3":
- this.nowchoose=2;
- bus.$emit("showdio",this.nowchoose);
+ this.nowchoose = 2;
+ bus.$emit("showdio", this.nowchoose);
break;
- case "1-2"://null
- this.nowchoose=7;
- bus.$emit("showdio",this.nowchoose);
+ case "1-2": //null
+ this.nowchoose = 7;
+ bus.$emit("showdio", this.nowchoose);
break;
case "1-1":
- this.nowchoose=1;
- bus.$emit("showdio",this.nowchoose);
+ this.nowchoose = 1;
+ bus.$emit("showdio", this.nowchoose);
break;
- case "2-6"://null
- this.nowchoose=8;
- bus.$emit("showdio",this.nowchoose);
+ case "2-6": //null
+ this.nowchoose = 8;
+ bus.$emit("showdio", this.nowchoose);
break;
case "2-5":
- this.nowchoose=3;
- bus.$emit("showdio",this.nowchoose);
+ this.nowchoose = 3;
+ bus.$emit("showdio", this.nowchoose);
break;
- case "2-4"://null
- this.nowchoose=9;
- bus.$emit("showdio",this.nowchoose);
+ case "2-4": //null
+ this.nowchoose = 9;
+ bus.$emit("showdio", this.nowchoose);
break;
- case "2-3"://null
- this.nowchoose=10;
- bus.$emit("showdio",this.nowchoose);
+ case "2-3": //null
+ this.nowchoose = 10;
+ bus.$emit("showdio", this.nowchoose);
break;
case "2-2":
- this.nowchoose='1-4';
- bus.$emit("showdio",this.nowchoose);
+ this.nowchoose = "1-4";
+ bus.$emit("showdio", this.nowchoose);
break;
case "3-4":
- this.nowchoose=5;
- bus.$emit("showdio",this.nowchoose);
+ this.nowchoose = 5;
+ bus.$emit("showdio", this.nowchoose);
break;
case "3-3":
- this.nowchoose="1-2";
- bus.$emit("showdio",this.nowchoose);
+ this.nowchoose = "1-2";
+ bus.$emit("showdio", this.nowchoose);
break;
case "3-2":
- this.nowchoose=4;
- bus.$emit("showdio",this.nowchoose);
+ this.nowchoose = 4;
+ bus.$emit("showdio", this.nowchoose);
break;
case "3-1":
- this.nowchoose=6;
- bus.$emit("showdio",this.nowchoose);
+ 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":
+ this.nowchoose = "7-9";
+ 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 () {
- this.istrue=false;
- this.move1.transform="translateX(0px)";
},
- makeSmall () {
- this.istrue=true;
- this.move1.transform="translateX(-230px)";
+ makebig() {
+ this.istrue = false;
+ this.move1.transform = "translateX(0px)";
},
- changeMap1 () {
- Viewer.imageryLayers._layers[0].show=true;
+ makeSmall() {
+ this.istrue = true;
+ this.move1.transform = "translateX(-230px)";
+ },
+ changeMap1() {
+ Viewer.imageryLayers._layers[0].show = true;
addMpt(true);
- if(gdMap) {
+ if (gdMap) {
gdMap.setVisibility(false);
- this.move1["z-index"]=2;
+ this.move1["z-index"] = 2;
} else {
return;
}
},
- changeMap () {
- this.move1["z-index"]=0;
- Viewer.imageryLayers._layers[0].show=false;
+ changeMap() {
+ this.move1["z-index"] = 0;
+ Viewer.imageryLayers._layers[0].show = false;
addMpt(false);
- if(gdMap) {
+ if (gdMap) {
gdMap.setVisibility(true);
} else {
- var base={
+ var base = {
url: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer",
enablePickFeatures: false,
usePreCachedTilesIfAvailable: false, // 鏄惁浣跨敤鏈嶅姟鐨勫唴缃殑鍒囩墖鏂规锛屽亸绉荤籂姝ｉ渶瑕佷娇鐢ㄥ涓嬭嚜瀹氫箟鐨勬柟妗�
tilingScheme: sgworld.Core.getOffsetTilingScheme(), // 鍋忕Щ绾犳
};
- gdMap=sgworld.Creator.createArcGisImageryLayer(
+ gdMap = sgworld.Creator.createArcGisImageryLayer(
"琛楅亾",
base,
"0",
@@ -205,16 +411,16 @@
true,
""
);
- this.isshowGD=true;
+ this.isshowGD = true;
}
},
-
- },mounted () {
- bus.$on("showindex",(e) => {
- if(this.boxindex==e) {
- this.boxindex=0;
+ },
+ mounted() {
+ bus.$on("showindex", (e) => {
+ if (this.boxindex == e) {
+ this.boxindex = 0;
} else {
- this.boxindex=e;
+ this.boxindex = e;
}
});
},
--
Gitblit v1.9.3