From eff42e5897b5f0935aa5b93c1bd9acb8bb39b8f0 Mon Sep 17 00:00:00 2001
From: WX <1377869194@qq.com>
Date: 星期五, 09 六月 2023 18:02:12 +0800
Subject: [PATCH] ui页面补充添加，功能按钮调整
---
src/views/menus.vue | 38 +++++++++++++++++++++++++++++++++++---
1 files changed, 35 insertions(+), 3 deletions(-)
diff --git a/src/views/menus.vue b/src/views/menus.vue
index 7e2f774..2b8766e 100644
--- a/src/views/menus.vue
+++ b/src/views/menus.vue
@@ -1,5 +1,5 @@
<template>
- <div class="menus">
+ <div class="menus" v-show="fullScreen">
<div class="logo_box">
<img src="../assets/img/logo.png" alt="" class="logo" />
<div class="logo_name">
@@ -11,6 +11,7 @@
<div
class="imgBox"
v-for="(item, i) in menuOptions"
+ :key="i"
@click="setMenuClick(item)"
>
<img
@@ -26,7 +27,14 @@
</div>
</div>
</div>
- <layer-manage> </layer-manage>
+ <div class="content_box" v-show="fullScreen">
+ <layer-manage v-show="checkMenuFlag == 'l1'"> </layer-manage>
+ <plotting v-show="checkMenuFlag == 'l2'"> </plotting>
+ <baseMapSwitching v-show="checkMenuFlag == 'l5'"> </baseMapSwitching>
+ <search> </search>
+ </div>
+ <top-btn v-show="fullScreen"></top-btn>
+ <div class="fullScreen_btn"></div>
</template>
<script lang="ts" setup>
@@ -40,12 +48,23 @@
} from "vue";
import menuData from "@/assets/js/Map/menuData";
import menuTool from "@/assets/js/Map/menuTool";
+//椤堕儴鑿滃崟
+import topBtn from "@/components/topBtn.vue";
//鍥惧眰绠＄悊椤甸潰
import layerManage from "@/views/layer/layerManage.vue";
+//鍦扮悊缂栫爜鎼滅储
+import search from "@/views/search/search.vue";
+//鏍囩粯鏌ヨ
+import plotting from "@/views/plotting/plotting.vue";
+//搴曞浘鍒囨崲
+import baseMapSwitching from "@/views/baseMapSwitching/baseMapSwitching.vue";
const menuOptions = ref([]);
const checkMenuFlag = ref("");
+let fullScreen = ref(true);
const setMenuClick = (res) => {
- console.log(res);
+ if (res.id == "l6") {
+ fullScreen.value = !fullScreen.value;
+ }
if (checkMenuFlag.value && checkMenuFlag.value == res.id) {
checkMenuFlag.value = null;
} else {
@@ -99,6 +118,7 @@
display: flex;
justify-content: center;
margin-bottom: 52px;
+ cursor: pointer;
img {
width: 30px;
height: 30px;
@@ -106,4 +126,16 @@
}
}
}
+.content_box {
+ position: absolute;
+ top: 135px;
+ left: 100px;
+ display: flex;
+}
+.fullScreen_btn {
+ // background: url("../assets/img/褰㈢姸 3.png") no-repeat center;
+ // background-size: 100% 100%;
+ width: 30px;
+ height: 30px;
+}
</style>
--
Gitblit v1.9.3