与数字人合并

lixuliang

2024-04-12 dbb352c9d988dfac83da979023fe81a0a02f88e9

 src/components/index.vue

@@ -1,12 +1,19 @@
<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="" />
      <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>
@@ -19,12 +26,25 @@
          <img class="searchBtn" src="@/assets/img/right/closeinput1.png" />
        </el-button>
      </div>

    </div>
    <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="{
    <left-menu></left-menu>

    <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})`,
@@ -32,7 +52,8 @@
      '-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
@@ -67,6 +88,8 @@
import signalling from "@/components/menu/signalling";
import bottommenu from "@/components/menu/bottom-menu";
import { mapState, mapMutations } from "vuex";
import vueEvents from "@/utils/vueEvent.js";
import leftMenu from "@/components/menu/leftMenu.vue";

export default {
  name: "index",
@@ -82,7 +105,8 @@
    setting,
    qycharts,
    History,
    signalling
    signalling,
    leftMenu,
  },
  data() {
    return {
@@ -98,6 +122,7 @@
      tooltipShow: false,
      signallingShow:false,
      switchKey: 0,
     
      // viewer1Show: false,
    };
  },
@@ -106,6 +131,9 @@
    this.scale = (100 / size).toFixed(2);
    this.offset = "-" + ((size - 100) / 2).toFixed(2) + "%";
    this.size = size + "%";
    vueEvents.$on("queryLayer", (res) => {
      this.queryShow = res;
    });
  },
  computed: {
    ...mapState(["viewer1Show", "isLand", "yqfk"]),
@@ -135,6 +163,7 @@
      this.tooltipShow = show;
      this.tooltipInfo = msg ? msg : "";
    },

    changePwd() {
      console.log(111);
    },