From dbb352c9d988dfac83da979023fe81a0a02f88e9 Mon Sep 17 00:00:00 2001 From: lixuliang <lixuliang_hd@126.com> Date: 星期五, 12 四月 2024 16:34:20 +0800 Subject: [PATCH] 与数字人合并 --- src/components/index.vue | 77 ++++++++++++++++++++++++++------------ 1 files changed, 53 insertions(+), 24 deletions(-) diff --git a/src/components/index.vue b/src/components/index.vue index 51fdfab..f5c720b 100644 --- a/src/components/index.vue +++ b/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="" /> - </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 }"> <span> @@ -19,20 +26,34 @@ <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="{ - 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})`, - }"> + <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})`, + '-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 @@ -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 { @@ -96,8 +120,9 @@ offset: "0%", tooltipInfo: "璇风◢鍚庛�傘�傘��", tooltipShow: false, - signallingShow: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,10 +163,11 @@ this.tooltipShow = show; this.tooltipInfo = msg ? msg : ""; }, + changePwd() { console.log(111); }, - changeMode(mode){ + changeMode(mode) { this.$refs.mapViewer.changeMode(mode); }, detectZoom() { @@ -239,13 +268,13 @@ this.$store.commit("showHistory", false); }, }, - beforeDestroy(){ + beforeDestroy() { this.$refs.bottommenu.switchMenu(0); }, }; </script> <style scoped> -.cacheImage{ +.cacheImage { display: none !important; } .mapViewer { -- Gitblit v1.9.3