From 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 21 Apr 2025 18:29:09 +0800
Subject: [PATCH] fix: 天气显示
---
src/components/UserOperate.vue | 41 +++++++++++++++++++++++++++++++++++++----
1 files changed, 37 insertions(+), 4 deletions(-)
diff --git a/src/components/UserOperate.vue b/src/components/UserOperate.vue
index 8c37709..6cab918 100644
--- a/src/components/UserOperate.vue
+++ b/src/components/UserOperate.vue
@@ -1,12 +1,45 @@
<script setup>
import { fullscreenToggel } from '@/utils/util';
+import { useStore } from 'vuex';
+import { ElMessage } from 'element-plus'
+const router = useRouter();
+const store = useStore();
+const dropdownClick = val => {
+ if (val === 'info'){
+ info()
+ }else if (val === 'logOut'){
+ logOut()
+ }
+};
+
+const logOut = () =>{
+ store.commit('SET_THEME_NAME', '');
+ store.dispatch('LogOut').then(() => {
+ router.push({ path: '/login' });
+ setTimeout(() => location.reload());
+ });
+}
+
+const info = () =>{
+ ElMessage.warning('加急开发中...')
+ console.log('点击了个人信息');
+}
</script>
<template>
<div class="userOperate">
- <img alt="" src="@/assets/images/home/homeRight/operate1.png" />
- <img alt="" src="@/assets/images/home/homeRight/operate2.png" />
- <img alt="" src="@/assets/images/home/homeRight/operate3.png" @click="fullscreenToggel"/>
+ <img alt="" src="@/assets/images/home/homeRight/operate1.png" title="进入后台"/>
+
+ <el-dropdown @command="dropdownClick">
+ <img alt="" src="@/assets/images/home/homeRight/operate2.png"/>
+ <template #dropdown>
+ <el-dropdown-menu>
+ <el-dropdown-item command="info">个人信息</el-dropdown-item>
+ <el-dropdown-item command="logOut">退出登录</el-dropdown-item>
+ </el-dropdown-menu>
+ </template>
+ </el-dropdown>
+ <img alt="" src="@/assets/images/home/homeRight/operate3.png" @click="fullscreenToggel" title="全屏切换"/>
</div>
</template>
@@ -14,7 +47,7 @@
.userOperate {
position: absolute;
right: 27px;
- top: -30px;
+ top: -35px;
width: 132px;
height: 38px;
display: flex;
--
Gitblit v1.9.3