| | |
| | | <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> |
| | |
| | | <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 |
| | |
| | | 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", |
| | |
| | | setting, |
| | | qycharts, |
| | | History, |
| | | signalling |
| | | signalling, |
| | | leftMenu, |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | offset: "0%", |
| | | tooltipInfo: "请稍后。。。", |
| | | tooltipShow: false, |
| | | signallingShow:false, |
| | | signallingShow: false, |
| | | switchKey: 0, |
| | | |
| | | // viewer1Show: false, |
| | | }; |
| | | }, |
| | |
| | | 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"]), |
| | |
| | | this.tooltipShow = show; |
| | | this.tooltipInfo = msg ? msg : ""; |
| | | }, |
| | | |
| | | changePwd() { |
| | | console.log(111); |
| | | }, |
| | | changeMode(mode){ |
| | | changeMode(mode) { |
| | | this.$refs.mapViewer.changeMode(mode); |
| | | }, |
| | | detectZoom() { |
| | |
| | | this.$store.commit("showHistory", false); |
| | | }, |
| | | }, |
| | | beforeDestroy(){ |
| | | beforeDestroy() { |
| | | this.$refs.bottommenu.switchMenu(0); |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .cacheImage{ |
| | | .cacheImage { |
| | | display: none !important; |
| | | } |
| | | .mapViewer { |