From 5b5a5a7899a9444665235d96d8d7f2d50fed6a8c Mon Sep 17 00:00:00 2001
From: Jin Lei <jinlei_182@163.com>
Date: 星期六, 11 十一月 2023 17:42:58 +0800
Subject: [PATCH] [历史影像]删除之前二维地图，叠加beijing54地图

---
 src/components/index.vue |   68 ++++++++++++++++++---------------
 1 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/src/components/index.vue b/src/components/index.vue
index cc6fdfb..5e8dc2e 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -11,41 +11,29 @@
           <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})`,
-      }"
-    >
-      <img id="headlog" src="@/assets/img/new/topBar.png" />
+    <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
+      <!-- <el-slider
         class="undergroundAlpha"
         v-if="openUnderGround"
         v-model="undergroundAlpha"
         :show-tooltip="false"
         @input="changeAlpha"
-      ></el-slider>
-
+      ></el-slider> -->
       <right ref="Right" />
       <leftpanel ref="Left" />
       <menupanel />
@@ -70,7 +58,6 @@
 
 import bottommenu from "@/components/menu/bottom-menu";
 import { mapState, mapMutations } from "vuex";
-import History from "@/components/map/history.vue";
 
 export default {
   name: "index",
@@ -91,7 +78,7 @@
     return {
       date: "",
       undergroundAlpha: 50,
-      openUnderGround: false,
+      // openUnderGround: false,
       viewerStyle: "",
       viewer1Style: "",
       size: "100%",
@@ -99,6 +86,7 @@
       offset: "0%",
       tooltipInfo: "璇风◢鍚庛�傘�傘��",
       tooltipShow: false,
+      switchKey: 0,
       // viewer1Show: false,
     };
   },
@@ -109,7 +97,7 @@
     this.size = size + "%";
   },
   computed: {
-    ...mapState(["viewer1Show", "yqfk"]),
+    ...mapState(["viewer1Show", "isLand", "yqfk"]),
     showSetting() {
       return this.$store.state.showSetting;
     },
@@ -135,6 +123,12 @@
     setMessgae(show, msg) {
       this.tooltipShow = show;
       this.tooltipInfo = msg ? msg : "";
+    },
+    changePwd() {
+      console.log(111);
+    },
+    changeMode(mode){
+      this.$refs.mapViewer.changeMode(mode);
     },
     detectZoom() {
       var ratio = 0,
@@ -240,6 +234,13 @@
 .mapViewer {
   height: 100%;
 }
+
+.userinfo {
+  position: absolute;
+  z-index: 20;
+  top: 10px;
+}
+
 #headlog {
   width: 965px;
   height: 70px;
@@ -248,6 +249,7 @@
   top: 0;
   transform: translate(-50%, 0);
 }
+
 #bottomBar {
   width: 1357px;
   height: 52px;
@@ -256,6 +258,7 @@
   bottom: 0;
   transform: translate(-50%, 0);
 }
+
 .trigger {
   pointer-events: all;
 }
@@ -297,6 +300,7 @@
   border-radius: 10px;
   padding: 10px 30px;
 }
+
 .hisbox {
   position: absolute;
   z-index: 10000002;
@@ -304,11 +308,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