From 5df6240f6cd274e698d1e6358443364d543c126c Mon Sep 17 00:00:00 2001
From: Jin Lei <jinlei_182@163.com>
Date: 星期六, 23 十二月 2023 10:23:27 +0800
Subject: [PATCH] [信令]添加信令相关功能

---
 src/components/index.vue |   72 ++++++++++++++++++++++--------------
 1 files changed, 44 insertions(+), 28 deletions(-)

diff --git a/src/components/index.vue b/src/components/index.vue
index 7506958..51fdfab 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -1,5 +1,13 @@
 <template>
   <div class="mapViewer">
+    <div class="cacheImage">
+    <img style="display: none;" src="@assets/img/new/rightCircle-y.png" alt="" />
+    <img style="display: none;" src="@assets/img/new/leftCircle-y.png" alt="" />
+    <img style="display: none;" src="@assets/img/new/treeClose-y.png" alt="" />
+    <img style="display: none;" src="@assets/img/new/h1.png" alt="" />
+  </div>
+
+
     <div class="tooltip" :class="{ tooltiphide: !tooltipShow }">
       <span>
         {{ tooltipInfo }}
@@ -11,31 +19,20 @@
           <img class="searchBtn" src="@/assets/img/right/closeinput1.png" />
         </el-button>
       </div>
-      <History />
+
     </div>
-    <viewer1
-      class="mapViewer"
-      v-if="viewer1Show"
-      :style="viewer1Style"
-      @mousemove.native="viewer1MouseMove"
-    />
-    <viewer
-      class="mapViewer"
-      :style="viewerStyle"
-      @mousemove.native="viewerMouseMove"
-    />
-    <div
-      class="controlPanel"
-      :style="{
-        width: `${size}`,
-        height: `${size}`,
-        transform: `scale(${scale}) translate(${offset},${offset})`,
-        '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
-        '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
-        '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
-        '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
-      }"
-    >
+    <viewer1 class="mapViewer" :key="switchKey" v-if="viewer1Show" :style="viewer1Style"
+      @mousemove.native="viewer1MouseMove" />
+    <viewer class="mapViewer" ref="mapViewer" :style="viewerStyle" @mousemove.native="viewerMouseMove" />
+    <div class="controlPanel" :style="{
+      width: `${size}`,
+      height: `${size}`,
+      transform: `scale(${scale}) translate(${offset},${offset})`,
+      '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
+      '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
+      '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
+      '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
+    }">
       <img @click="changePwd" id="headlog" src="@/assets/img/new/topBar.png" />
       <img id="bottomBar" src="@/assets/img/new/bottomBar.png" />
       <!-- <el-slider
@@ -48,7 +45,8 @@
       <right ref="Right" />
       <leftpanel ref="Left" />
       <menupanel />
-      <bottommenu />
+      <bottommenu ref="bottommenu" />
+      <signalling v-if="signallingShow"></signalling>
       <setting v-if="showSetting" />
       <qycharts v-if="$store.state.qyEchartsShow" />
     </div>
@@ -66,10 +64,9 @@
 import qycharts from "@/components/bottom/qycharts";
 import menupanel from "@/components/menu/index";
 import setting from "@/components/menu/tools/setting";
-
+import signalling from "@/components/menu/signalling";
 import bottommenu from "@/components/menu/bottom-menu";
 import { mapState, mapMutations } from "vuex";
-import History from "@/components/map/history.vue";
 
 export default {
   name: "index",
@@ -85,6 +82,7 @@
     setting,
     qycharts,
     History,
+    signalling
   },
   data() {
     return {
@@ -98,6 +96,8 @@
       offset: "0%",
       tooltipInfo: "璇风◢鍚庛�傘�傘��",
       tooltipShow: false,
+      signallingShow:false,
+      switchKey: 0,
       // viewer1Show: false,
     };
   },
@@ -108,7 +108,7 @@
     this.size = size + "%";
   },
   computed: {
-    ...mapState(["viewer1Show", "yqfk"]),
+    ...mapState(["viewer1Show", "isLand", "yqfk"]),
     showSetting() {
       return this.$store.state.showSetting;
     },
@@ -137,6 +137,9 @@
     },
     changePwd() {
       console.log(111);
+    },
+    changeMode(mode){
+      this.$refs.mapViewer.changeMode(mode);
     },
     detectZoom() {
       var ratio = 0,
@@ -236,17 +239,25 @@
       this.$store.commit("showHistory", false);
     },
   },
+  beforeDestroy(){
+    this.$refs.bottommenu.switchMenu(0);
+  },
 };
 </script>
 <style scoped>
+.cacheImage{
+  display: none !important;
+}
 .mapViewer {
   height: 100%;
 }
+
 .userinfo {
   position: absolute;
   z-index: 20;
   top: 10px;
 }
+
 #headlog {
   width: 965px;
   height: 70px;
@@ -255,6 +266,7 @@
   top: 0;
   transform: translate(-50%, 0);
 }
+
 #bottomBar {
   width: 1357px;
   height: 52px;
@@ -263,6 +275,7 @@
   bottom: 0;
   transform: translate(-50%, 0);
 }
+
 .trigger {
   pointer-events: all;
 }
@@ -304,6 +317,7 @@
   border-radius: 10px;
   padding: 10px 30px;
 }
+
 .hisbox {
   position: absolute;
   z-index: 10000002;
@@ -311,11 +325,13 @@
   height: 100%;
   background-color: #fff;
 }
+
 .btnbox {
   position: absolute;
   z-index: 100000003;
   right: 30px;
 }
+
 .btnbox .el-button {
   padding: 0 !important;
   font-size: 24px;

--
Gitblit v1.9.3