From e2c94dcb58b199eb57c164a67f1b038d401063d7 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 22 八月 2023 16:38:35 +0800
Subject: [PATCH] 图层管理属性查询；空间查询下载借款给调试，分屏对比功能修改；
---
src/views/menus.vue | 71 ++++++++++++++++++++++++++++++++---
1 files changed, 65 insertions(+), 6 deletions(-)
diff --git a/src/views/menus.vue b/src/views/menus.vue
index bb7a8e5..1add11b 100644
--- a/src/views/menus.vue
+++ b/src/views/menus.vue
@@ -1,10 +1,21 @@
<template>
- <div class="menus" v-show="fullScreen">
+ <div
+ class="menus"
+ v-show="fullScreen"
+ >
<div class="logo_box">
- <img src="../assets/img/logo.png" alt="" class="logo" />
+ <img
+ src="../assets/img/logo.png"
+ alt=""
+ class="logo"
+ />
<div class="logo_name">
<h3>鏈堢悆澶ф暟鎹湴鐞嗙┖闂村垎鏋愬睍绀哄钩鍙�</h3>
- <img src="../assets/img/logob.png" alt="" class="logo_name_b" />
+ <img
+ src="../assets/img/logob.png"
+ alt=""
+ class="logo_name_b"
+ />
</div>
</div>
<div class="menus_box">
@@ -29,7 +40,10 @@
</div>
</div>
</div>
- <div class="content_box" v-show="fullScreen">
+ <div
+ class="content_box"
+ v-show="fullScreen"
+ >
<div
v-show="checkMenuFlag == 'l1'"
style="position: relative; display: flex"
@@ -46,10 +60,31 @@
<search v-if="thematicMapBtnState"> </search>
</div>
- <top-btn v-show="fullScreen" v-if="thematicMapBtnState"></top-btn>
+ <top-btn
+ v-show="fullScreen"
+ v-if="thematicMapBtnState"
+ ></top-btn>
<thematic-map v-show="!thematicMapBtnState"></thematic-map>
- <div class="fullScreen_btn" v-show="!fullScreen" @click="screen"></div>
+ <div
+ class="fullScreen_btn"
+ v-show="!fullScreen"
+ @click="screen"
+ ></div>
+ <div
+ v-show="store.state.doubleMenu"
+ class="setDobuleMap"
+ @click="setDoubleScreenMap"
+ >
+ <Operation />
+ </div>
+ <div
+ @setDobuleCloseLayer="setDobuleCloseLayer"
+ v-show="store.state.doubleMap"
+ >
+ <double-layer></double-layer>
+ </div>
+
</template>
<script lang="ts" setup>
@@ -61,6 +96,7 @@
defineProps,
defineEmits,
} from "vue";
+import { Operation } from "@element-plus/icons-vue";
import menuData from "@/assets/js/Map/menuData";
import menuTool from "@/assets/js/Map/menuTool";
//椤堕儴鑿滃崟
@@ -75,11 +111,22 @@
import plotting from "@/views/plotting/plotting.vue";
//搴曞浘鍒囨崲
import baseMapSwitching from "@/views/baseMapSwitching/baseMapSwitching.vue";
+//鍒嗗睆鑿滃崟
+import doubleLayer from "@/views/layer/doubleLayer.vue";
+import store from "@/store";
const menuOptions = ref([]);
const checkMenuFlag = ref("");
let fullScreen = ref(true);
let thematicMapState = ref(true);
let thematicMapBtnState = ref(true);
+const setDoubleScreenMap = () => {
+ store.state.doubleMenu = false;
+ store.state.doubleMap = true;
+};
+const setDobuleCloseLayer = () => {
+ store.state.doubleMenu = true;
+ store.state.doubleMap = false;
+};
const setMenuClick = (res) => {
if (res.id == "l6") {
// fullScreen.value = !fullScreen.value;
@@ -199,6 +246,18 @@
}
}
}
+.setDobuleMap {
+ position: absolute;
+ top: 105px;
+ right: calc(50% - 50px);
+ z-index: 30;
+ width: 20px;
+ height: 20px;
+ color: #d6e4ff;
+ background: rgba(7, 8, 14, 0.8);
+ box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1);
+ padding: 10px;
+}
.menu_Image_box {
height: 778px;
width: 100%;
--
Gitblit v1.9.3