From 7e6b37afd1295c71bca1de595426330aff88420d Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期一, 08 一月 2024 09:55:53 +0800
Subject: [PATCH] 代码提交
---
src/components/index.vue | 65 ++++++++++++++++++++++----------
1 files changed, 45 insertions(+), 20 deletions(-)
diff --git a/src/components/index.vue b/src/components/index.vue
index f5b8b72..5bb3dfd 100644
--- a/src/components/index.vue
+++ b/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>
--
Gitblit v1.9.3