surprise
2024-01-09 9398f14feea7ad8b7d00ce7d2bb2e5362cec59d3
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,20 @@
      <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>
    <img-up v-if="$store.state.isShowImgUpDate"></img-up>
    <meu-grid v-if="$store.state.isshowGrid"></meu-grid>
    <map-video  v-if="$store.state.isShowVideo"></map-video>
  </div>
</template>
@@ -67,7 +76,12 @@
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";
import ImgUp from "@/components/left/layerTree/ImgUp.vue";
import meuGrid from "@/components/left/layerTree/meuGrid.vue";
import mapVideo from "@/components//left/layerTree/mapVideo.vue";
export default {
  name: "index",
  components: {
@@ -82,7 +96,13 @@
    setting,
    qycharts,
    History,
    signalling
    signalling,
    messageInfo,
    measureCoord,
    zhaiHaiInfo,
    ImgUp,
    meuGrid,
    mapVideo
  },
  data() {
    return {
@@ -96,7 +116,7 @@
      offset: "0%",
      tooltipInfo: "请稍后。。。",
      tooltipShow: false,
      signallingShow:false,
      signallingShow: false,
      switchKey: 0,
      // viewer1Show: false,
    };
@@ -138,7 +158,7 @@
    changePwd() {
      console.log(111);
    },
    changeMode(mode){
    changeMode(mode) {
      this.$refs.mapViewer.changeMode(mode);
    },
    detectZoom() {
@@ -170,7 +190,7 @@
    cameraMoveEnd() {
      // var p = {
      //   destination: sgworld.Navigate.getPosition(),
      // };
      // sgworld1.Viewer.camera.setView(p);
    },
@@ -197,13 +217,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 +247,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 +268,8 @@
}
#headlog {
  width: 965px;
  height: 70px;
  width: 1920px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 0;
@@ -337,4 +358,17 @@
.searchBtn {
  width: 40px;
}
.imageModel {
  z-index: 40;
  position: absolute;
  display: none;
}
.imageModel .image {
  width: 30px;
  height: 30px;
}
</style>