From c4562333c02110222b867243f95b7a65014bab8b Mon Sep 17 00:00:00 2001
From: dzq <dzq@ys.com>
Date: Fri, 25 Apr 2025 09:58:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=94=A8=E6=88=B7=E9=A1=B5=E9=9D=A2):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=82=B9=E5=87=BB=E5=A4=B4=E5=83=8F=E9=80=80?=
 =?UTF-8?q?=E5=87=BA=E7=99=BB=E5=BD=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在用户页面中,点击用户头像时会弹出确认对话框,确认后清除用户信息并跳转到登录页面
---
 src/pages/me/index.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/pages/me/index.vue b/src/pages/me/index.vue
index d2bea43..ea67f41 100644
--- a/src/pages/me/index.vue
+++ b/src/pages/me/index.vue
@@ -4,6 +4,7 @@ import { useWxStore } from '@/pinia/stores/wx'
 import { useAb98UserStore } from '@/pinia/stores/ab98-user'
 import { storeToRefs } from 'pinia'
 import { publicPath } from "@/common/utils/path"
+import { showConfirmDialog } from 'vant';
 
 const router = useRouter()
 const wxStore = useWxStore()
@@ -16,7 +17,19 @@ const name = computed(() => {
   return userName.value || qyName.value || '未知用户'
 })
 
-const userAvatar = face_img.value ? face_img.value : `${publicPath}img/1.jpg`
+const userAvatar = face_img.value ? face_img.value : `${publicPath}img/1.jpg`;
+
+const handleLogout = () => {
+  showConfirmDialog({
+    title: '退出登录',
+    message: '确定要退出当前账号吗?',
+  }).then(() => {
+    ab98UserStore.clearUserInfo();
+    router.push('/ab98');
+  }).catch(() => {
+    // 取消操作
+  });
+}
 </script>
 
 <template>
@@ -31,6 +44,7 @@ const userAvatar = face_img.value ? face_img.value : `${publicPath}img/1.jpg`
               height="80"
               :src="userAvatar"
               class="mr-4"
+              @click="handleLogout"
             />
             <div>
               <div class="text-lg font-bold mb-2">{{ name }}</div>