From 34f5733bc1f126c572580fa849b9403dfcddd84b Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期二, 03 二月 2026 10:29:41 +0800
Subject: [PATCH] 通知列表
---
src/views/main/components/MyHeader.vue | 31 ++++++++++++++++++++++++++++---
1 files changed, 28 insertions(+), 3 deletions(-)
diff --git a/src/views/main/components/MyHeader.vue b/src/views/main/components/MyHeader.vue
index 16ff088..d3c54d0 100644
--- a/src/views/main/components/MyHeader.vue
+++ b/src/views/main/components/MyHeader.vue
@@ -2,7 +2,7 @@
<div class="custom-header">
<el-row class="content" justify="space-between">
<el-text class="text-white text-2xl font-bold">骞夸笢鐪佹妧鑳戒汉鎵嶈瘎浠疯�冨姟绠＄悊骞冲彴</el-text>
- <el-dropdown v-if="!userInfo.id" placement="bottom">
+ <el-dropdown v-if="userInfo.id" placement="bottom">
<el-row align="middle">
<Icon icon="fa:user-circle" width="22" height="22" class="mr-2" style="color: #fff" />
<el-text class="text-white cursor-p text-lg font-bold">榛勫┓濠�</el-text>
@@ -11,7 +11,7 @@
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>涓汉涓績</el-dropdown-item>
- <el-dropdown-item>閫�鍑虹櫥褰�</el-dropdown-item>
+ <el-dropdown-item @click="logout()">閫�鍑虹櫥褰�</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
@@ -30,17 +30,42 @@
export default {
setup() {
const { loginDialogVisible } = storeToRefs(useLoginStore())
+ const { setUserInfo } = useSessionStore()
const { userInfo } = storeToRefs(useSessionStore())
- return { loginDialogVisible, userInfo }
+ return { loginDialogVisible, userInfo, setUserInfo }
},
data() {
return {
}
},
+ created() {
+ const token = localStorage.getItem('accessToken')
+ if (token) {
+ this.getUserInfo()
+ }
+ },
methods: {
login() {
this.loginDialogVisible = true
+ },
+ getUserInfo() {
+ setTimeout(() => {
+ this.setUserInfo({
+ id: '12345',
+ username: '榛勫┓濠�'
+ })
+ }, 1000)
+ },
+ logout() {
+ this.$messageBox.confirm('纭畾瑕侀��鍑虹櫥褰曞悧', '鎻愮ず',
+ { confirmButtonText: '纭畾', cancelButtonText: '鍙栨秷', type: 'error' }).then(res => {
+ if (res == 'confirm') {
+ localStorage.removeItem('accessToken')
+ this.setUserInfo({})
+ this.$message.success('閫�鍑虹櫥褰�')
+ }
+ })
}
}
}
--
Gitblit v1.8.0