From 37fb325872455ec4561c64c2de3e6a4022f68bcb Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Tue, 19 Aug 2025 16:01:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=E9=80=80?=
 =?UTF-8?q?=E5=87=BA=E7=99=BB=E5=BD=95=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/auth/auth.js  |  2 +-
 pages/set/set.vue | 78 +++++++++++++++++++++++++++++++++++++++--------
 2 files changed, 67 insertions(+), 13 deletions(-)

diff --git a/api/auth/auth.js b/api/auth/auth.js
index 7988d67..47a2594 100644
--- a/api/auth/auth.js
+++ b/api/auth/auth.js
@@ -33,7 +33,7 @@ export function userLogin(data) {
  * @returns {Promise} 返回登出结果
  */
 export function userLogout() {
-  return post('/user/logout')
+  return post('/logout')
 }
 
 /**
diff --git a/pages/set/set.vue b/pages/set/set.vue
index 873f406..1171772 100644
--- a/pages/set/set.vue
+++ b/pages/set/set.vue
@@ -3,14 +3,17 @@
     <view class="info">
       <view v-for="(item, index) in userInfoSettings" :key="index" class="info-row">
         <view class="label">{{ item.label }}</view>
-        <view class="value" @click="goChangePhone">{{ item.value }} ></view>
+        <view class="value">{{ item.value }} ></view>
       </view>
     </view>
-    <view class="log-out">退出登录</view>
+    <view class="log-out" @click="handleLogout">退出登录</view>
   </view>
 </template>
 
 <script>
+import { userLogout } from '@/api/auth/auth.js'
+import { clearToken } from '@/utils/request.js'
+
 export default {
   data() {
     return {
@@ -26,20 +29,64 @@ export default {
           value: '昵称', // 默认占位文字，实际应为用户昵称
           type: 'nickname',
         },
-        {
-          label: '手机号',
-          value: '158****5964', // 脱敏后的手机号
-          type: 'phone',
-        },
       ],
     }
   },
   methods: {
-    goChangePhone() {
-      uni.navigateTo({
-        url: '/pages/securityVerification/securityVerification',
-      })
-    },
+    // 退出登录处理
+    async handleLogout() {
+      try {
+        // 显示确认对话框
+        const res = await new Promise((resolve, reject) => {
+          uni.showModal({
+            title: '确认退出',
+            content: '确定要退出登录吗？',
+            confirmText: '确定',
+            cancelText: '取消',
+            success: resolve,
+            fail: reject
+          })
+        })
+        
+        if (!res.confirm) {
+          return
+        }
+        
+        // 调用退出登录API
+        const response = await userLogout()
+        
+        if (response.code === 200) {
+          // 清除本地token
+          clearToken()
+          
+          // 清除用户信息
+          uni.removeStorageSync('userInfo')
+          
+          // 显示成功提示
+          uni.showToast({
+            title: '退出成功',
+            icon: 'success',
+            duration: 1500
+          })
+          
+          // 延迟跳转到登录页
+          setTimeout(() => {
+            uni.reLaunch({
+              url: '/pages/login/login'
+            })
+          }, 1500)
+        } else {
+          throw new Error(response.msg || '退出失败')
+        }
+      } catch (error) {
+        console.error('退出登录失败:', error)
+        uni.showToast({
+          title: error.message || '退出失败',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    }
   },
 }
 </script>
@@ -98,6 +145,13 @@ export default {
     height: 98rpx;
     background: #ffffff;
     border-radius: 24.5px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    
+    &:active {
+      background: #f5f5f5;
+      transform: scale(0.98);
+    }
   }
 }
 </style>