From 4ff2e4b83f2169661bee7ae099da67212ecbd186 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 04 九月 2023 15:44:11 +0800
Subject: [PATCH] 添加用户显示，退出按钮；修改顶部菜单，投影管理页面
---
src/views/menus.vue | 79 ++++++++++++++++++++++++++++++++++++---
1 files changed, 72 insertions(+), 7 deletions(-)
diff --git a/src/views/menus.vue b/src/views/menus.vue
index 0c7afb4..99684b7 100644
--- a/src/views/menus.vue
+++ b/src/views/menus.vue
@@ -64,18 +64,12 @@
<plotting @setCloseplotting="setCloseplotting"> </plotting>
</div>
<div v-show="checkMenuFlag == 'l5'">
- <baseMapSwitching> </baseMapSwitching>
+ <baseMapSwitching @setCloseBaseMap="setCloseBaseMap"> </baseMapSwitching>
</div>
<search v-if="thematicMapBtnState"> </search>
</div>
- <top-btn
- v-show="fullScreen"
- v-if="thematicMapBtnState"
- ></top-btn>
-
- <thematic-map v-show="!thematicMapBtnState"></thematic-map>
<div
class="fullScreen_btn"
v-show="!fullScreen"
@@ -94,6 +88,31 @@
>
<double-layer></double-layer>
</div>
+ <div style="display: flex; position: absolute; z-index: 30; top: 23px; right: 23px;">
+ <thematic-map v-show="!thematicMapBtnState"></thematic-map>
+ <top-btn
+ v-show="fullScreen"
+ v-if="thematicMapBtnState"
+ ></top-btn>
+ <div>
+ <div
+ class="setUserLogo"
+ @click="setLogMeu =!setLogMeu"
+ >
+ <div class="setUserImage"></div>
+ <div class="setUserTitle"> {{store.state.uname}} </div>
+ </div>
+ <div
+ v-show="setLogMeu"
+ class="setLogContent"
+ @click="setUserLogOut"
+ >
+ 閫�鍑�
+ </div>
+ </div>
+
+ </div>
+
</template>
<script lang="ts" setup>
@@ -123,15 +142,23 @@
import baseMapSwitching from "@/views/baseMapSwitching/baseMapSwitching.vue";
//鍒嗗睆鑿滃崟
import doubleLayer from "@/views/layer/doubleLayer.vue";
+import { removeToken } from "@/utils/auth";
import store from "@/store";
+//Router
+import router from "@/router";
const menuOptions = ref([]);
const checkMenuFlag = ref("");
let fullScreen = ref(true);
let thematicMapState = ref(true);
let thematicMapBtnState = ref(true);
+const setLogMeu = ref(false);
const setDoubleScreenMap = () => {
store.state.doubleMenu = false;
store.state.doubleMap = true;
+};
+const setUserLogOut = () => {
+ removeToken();
+ router.push("/Login");
};
const setDobuleCloseLayer = () => {
store.state.doubleMenu = true;
@@ -176,6 +203,11 @@
const setCloseplotting = (res) => {
checkMenuFlag.value = null;
};
+
+const setCloseBaseMap = (res) => {
+ checkMenuFlag.value = null;
+};
+
// 鍒囨崲娴忚鍣ㄥ叏灞�
const screen = () => {
fullScreen.value = !fullScreen.value;
@@ -314,4 +346,37 @@
background-size: 100% 100%;
cursor: pointer;
}
+.setUserLogo {
+ height: 46px;
+
+ display: flex;
+ .setUserImage {
+ width: 46px;
+ height: 46px;
+ background: url("../assets/img/鍥惧眰 18.png") no-repeat center;
+ background-size: 100% 100%;
+ cursor: pointer;
+ }
+ .setUserTitle {
+ height: 100%;
+ align-items: center;
+ display: flex;
+ font-size: 15px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #d6e4ff;
+ margin-left: 10px;
+ }
+}
+.setLogContent {
+ width: calc(100% - 10px);
+ padding: 5px;
+ background: rgba(7, 8, 14, 0.8);
+ box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1);
+ margin-top: 10px;
+ font-size: 14px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #d6e4ff;
+}
</style>
--
Gitblit v1.9.3