From eee0af098e5acf66d729fbeb0e440e96208053f8 Mon Sep 17 00:00:00 2001
From: 消逝 <1425768167@qq.com>
Date: 星期四, 11 七月 2024 13:46:31 +0800
Subject: [PATCH] 学生退出登录
---
src/views/home/components/user-panel/index.vue | 30 ++++++++++++++++++++++--------
1 files changed, 22 insertions(+), 8 deletions(-)
diff --git a/src/views/home/components/user-panel/index.vue b/src/views/home/components/user-panel/index.vue
index 0880ffc..c6220f2 100644
--- a/src/views/home/components/user-panel/index.vue
+++ b/src/views/home/components/user-panel/index.vue
@@ -2,7 +2,8 @@
<div class="user-panel max-w-sm min-w-96 h-fit">
<el-card class="card">
<div class="panel-content flex flex-col items-center">
- <div class="avatar-container w-40 h-40 rounded-full overflow-hidden">
+ <!-- 瀛︾敓淇℃伅 -->
+ <div class="avatar-container w-40 h-40 rounded-full overflow-hidden" @click="quit()">
<div class="avatar-content" v-if="userInfo.imagePath">
<img :src="userInfo.imagePath" class="avatar-img" alt="">
</div>
@@ -18,7 +19,7 @@
<div class="department-container text-base mb-10">
{{ userInfo.userName }}
</div>
-
+ <!-- 瀛︾敓閫夐」 -->
<div class="tool-container grid grid-cols-3 gap-10">
<div class="tool-item text-center cursor-pointer" v-for="item in toolList" @click="toolClick(item)">
<div class="tool-icon mb-1">
@@ -41,14 +42,17 @@
import { useRouter } from 'vue-router';
import { storeToRefs } from 'pinia';
import { useUserStore } from '@/store/index.js';
+import { logout } from '@/api/modules/user.js';
const userStore = useUserStore();
-const { userInfo } = storeToRefs(userStore);
+const { userInfo } = storeToRefs(userStore
+
+)
const router = useRouter();
-
+// 鑾峰彇鍒楄〃
const toolList = ref([
{
id: 1,
@@ -70,21 +74,31 @@
},
]);
-
+// 鑾峰彇棰滆壊
const getColor = computed(() => {
return randomColor();
});
-
+// 鑾峰彇鐢ㄦ埛淇℃伅
const getFirstName = computed(() => {
return userInfo.value.realName && userInfo.value.realName[0];
});
-
+// 鐐瑰嚮浜嬩欢
const toolClick = (item) => {
if (item.path) {
router.push(item.path);
}
}
-
+// 閫�鍑虹櫥褰�
+const quit = () => {
+ logout().then(() =>{
+ router.push('/login').then(()=>{
+ userStore.setUserInfo(null)
+ localStorage.clear("user")
+ })
+ }).catch((err) =>{
+ console.log("閫�鍑虹櫥褰曞け璐�,澶辫触鍘熷洜;",err)
+ })
+}
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0