surprise
2024-01-08 7e6b37afd1295c71bca1de595426330aff88420d
src/components/index.vue
@@ -1,11 +1,11 @@
<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>
      <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 }">
@@ -21,9 +21,9 @@
      </div>
    </div>
    <viewer1 class="mapViewer" :key="switchKey" v-show="viewer1Show" :style="viewer1Style"
      @mousemove.native="viewer1MouseMove" />
    <viewer class="mapViewer" ref="mapViewer" :style="viewerStyle" @mousemove.native="viewerMouseMove" />
    <viewer1 class="mapViewer" id="mapOl" :key="switchKey" v-show="viewer1Show" :style="viewer1Style" />
    <viewer class="mapViewer" id="mapView" ref="mapViewer" :style="viewerStyle" />
    <measure-coord v-show="$store.state.isShowMeasureCoord"></measure-coord>
    <div class="controlPanel" :style="{
      width: `${size}`,
      height: `${size}`,
@@ -45,11 +45,17 @@
      <right ref="Right" />
      <leftpanel ref="Left" />
      <menupanel />
      <bottommenu ref="bottommenu" />
      <!-- <bottommenu ref="bottommenu" /> -->
      <signalling v-if="signallingShow"></signalling>
      <setting v-if="showSetting" />
      <qycharts v-if="$store.state.qyEchartsShow" />
    </div>
    <div id="imageModel" class="imageModel">
      <img id="myImage" class="image" src="">
    </div>
    <message-info v-if="$store.state.showMessageInfo"></message-info>
    <zhai-hai-info  v-if="$store.state.isshowZhaiHai"></zhai-hai-info>
  </div>
</template>
@@ -67,7 +73,9 @@
import signalling from "@/components/menu/signalling";
import bottommenu from "@/components/menu/bottom-menu";
import { mapState, mapMutations } from "vuex";
import messageInfo from "@/components/left/layerTree/messageInfo.vue";
import measureCoord from "@/components/left/layerTree/measureCoord.vue";
import zhaiHaiInfo from "./left/layerTree/zhaiHaiInfo.vue";
export default {
  name: "index",
  components: {
@@ -82,7 +90,10 @@
    setting,
    qycharts,
    History,
    signalling
    signalling,
    messageInfo,
    measureCoord,
    zhaiHaiInfo
  },
  data() {
    return {
@@ -96,7 +107,7 @@
      offset: "0%",
      tooltipInfo: "请稍后。。。",
      tooltipShow: false,
      signallingShow:false,
      signallingShow: false,
      switchKey: 0,
      // viewer1Show: false,
    };
@@ -138,7 +149,7 @@
    changePwd() {
      console.log(111);
    },
    changeMode(mode){
    changeMode(mode) {
      this.$refs.mapViewer.changeMode(mode);
    },
    detectZoom() {
@@ -170,7 +181,7 @@
    cameraMoveEnd() {
      // var p = {
      //   destination: sgworld.Navigate.getPosition(),
      // };
      // sgworld1.Viewer.camera.setView(p);
    },
@@ -197,13 +208,13 @@
    sgworldEvenListener() {
      // sgworld1.Viewer.camera.setView({
      //   destination: sgworld.Viewer.camera.position.clone(),
      // });
    },
    sgworld1EvenListener() {
      // sgworld.Viewer.camera.setView({
      //   destination: sgworld1.Viewer.camera.position.clone(),
      // });
    },
    closeHighLight() {
@@ -227,15 +238,16 @@
      this.$store.commit("showHistory", false);
    },
  },
  beforeDestroy(){
  beforeDestroy() {
    this.$refs.bottommenu.switchMenu(0);
  },
};
</script>
<style scoped>
.cacheImage{
.cacheImage {
  display: none !important;
}
.mapViewer {
  height: 100%;
}
@@ -247,8 +259,8 @@
}
#headlog {
  width: 965px;
  height: 70px;
  width: 1920px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 0;
@@ -337,4 +349,17 @@
.searchBtn {
  width: 40px;
}
.imageModel {
  z-index: 40;
  position: absolute;
  display: none;
}
.imageModel .image {
  width: 30px;
  height: 30px;
}
</style>