From ac125a8d3ce141bd046c788e62e73bfc5760267d Mon Sep 17 00:00:00 2001
From: gcd <wyemail666@163.com>
Date: Sat, 29 Mar 2025 15:10:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=80=80=E5=87=BA=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E3=80=81=E8=8E=B7=E5=8F=96=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/api.js            | 16 ++++++++++++++--
 pages.json            | 16 ++++++++--------
 pages/index/index.vue |  4 ++++
 pages/user/login.vue  |  2 +-
 pages/user/user.vue   | 39 ++++++++++++++++++++++++++++++++++-----
 5 files changed, 61 insertions(+), 16 deletions(-)

diff --git a/api/api.js b/api/api.js
index 3e088da..07b811b 100644
--- a/api/api.js
+++ b/api/api.js
@@ -15,9 +15,21 @@ class Api {
     }
 
     // 游客登录
-    static guestLogin(data) {
+    static guestLogin() {
         let url = `${config.host}/worker/worker/guestLogin`;
-        return fetch.request('postFrom', url, data, false)
+        return fetch.request('postFrom', url, {}, false)
+    }
+
+    // 退出登录
+    static logout() {
+        let url = `${config.host}/worker/worker/logout`;
+        return fetch.request('postFrom', url, {}, true)
+    }
+
+    // 获取用户信息
+    static userInfo() {
+        let url = `${config.host}/worker/worker/show`;
+        return fetch.request('postFrom', url, {}, true)
     }
 }
 
diff --git a/pages.json b/pages.json
index 8c2b621..44b00c4 100644
--- a/pages.json
+++ b/pages.json
@@ -1,13 +1,5 @@
 {
 	"pages": [
-		{
-			"path" : "pages/user/login",
-			"style" :
-			{
-				"navigationBarTitleText" : "登录",
-				"disableScroll": true
-			}
-		},
 		{
 			"path" : "pages/index/index",
 			"style" :
@@ -16,6 +8,14 @@
 				"navigationStyle": "custom"
 			}
 		},
+		{
+			"path" : "pages/user/login",
+			"style" :
+			{
+				"navigationBarTitleText" : "登录",
+				"disableScroll": true
+			}
+		},
 		{
 			"path" : "pages/user/user",
 			"style" :
diff --git a/pages/index/index.vue b/pages/index/index.vue
index af99ef5..87867fb 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -122,6 +122,10 @@ const toDetail = (id) => {
   helpers.jumpToPage('order-info', `id=${id}`)
 }
 
+onLoad(() => {
+
+})
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/pages/user/login.vue b/pages/user/login.vue
index 8e50e58..6424049 100644
--- a/pages/user/login.vue
+++ b/pages/user/login.vue
@@ -43,7 +43,7 @@ import api from "../../api/api";
 import {throttle} from "../../utils/throttle";
 
 const visitor = () => {
-  api.guestLogin({}).then(res => {
+  api.guestLogin().then(res => {
     storageUserInfo(res)
 
     setTimeout(() => {
diff --git a/pages/user/user.vue b/pages/user/user.vue
index 1c4204a..fb00af9 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="ctr">
+  <view class="ctr" v-if="userInfo.id !== undefined">
     <view class="fixed-top">
       <me-top title="我的" :is-show-icon="false"></me-top>
     </view>
@@ -8,14 +8,14 @@
     <view class="header flex-l">
       <view class="avatar" :style="{background: 'var(--defaultUserAvatar)'}"></view>
       <view class="info">
-        <view class="name">刘强西</view>
-        <view class="phone">18628195903</view>
+        <view class="name">{{ userInfo.name }}</view>
+        <view class="phone">{{ userInfo.tel }}</view>
       </view>
       <view class="decorate"></view>
     </view>
 
     <view class="menus">
-      <view class="item flex-sb" hover-class="auto-mask-layer-radius8" hover-start-time="0" hover-stay-time="50">
+      <view class="item flex-sb" @click="logout()" hover-class="auto-mask-layer-radius8" hover-start-time="0" hover-stay-time="50">
         <view class="icon flex-c">
           <me-icon type="icon-logout" color="var(--descriptionColor)" size="56rpx"></me-icon>
         </view>
@@ -36,12 +36,41 @@
 import {onLoad, onShow} from '@dcloudio/uni-app'
 import {ref, reactive, computed, watch, inject} from 'vue'
 import MeIcon from "../../components/me-icon/me-icon";
-import MeButton from "../../components/me-button/me-button";
 import MeEmptySpace from "../../components/me-empty-space/me-empty-space.vue";
 import MeTop from "../../components/me-top/me-top.vue";
+import api from "../../api/api";
+import helpers from "../../utils/helpers";
 const listMarginTop = computed(() => {
   return (inject('globalData').statusBarH + (inject('globalData').customBarH - inject('globalData').statusBarH)) * 2
 })
+
+const userInfo = ref({})
+
+onShow(() => {
+  updateUserInfo()
+})
+
+const updateUserInfo = () => {
+  api.userInfo().then((res) => {
+    uni.setStorageSync('user_info', res)
+    userInfo.value = res
+  }).catch(() => {})
+}
+
+//退出登录
+const logout = () => {
+  uni.showLoading({
+    title: '退出中…'
+  });
+  api.logout().then(() => {
+    uni.removeStorageSync('token')
+    uni.removeStorageSync('user_info')
+
+    helpers.jumpToPage('login', '', 'redirectTo')
+  }).catch(() => {}).finally(() => {
+    uni.hideLoading();
+  })
+}
 </script>
 
 <style lang="scss" scoped>