From 3219f6d5761354b2eeb3f440a825e67269e3b2dc Mon Sep 17 00:00:00 2001
From: Yer11214 <17633066053@163.com>
Date: Tue, 16 Sep 2025 10:39:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E8=8E=B7=E5=8F=96=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在personMsg.vue中添加onShow生命周期钩子，重新获取用户信息并更新表单数据
- 在bindMobile.vue中绑定手机成功后，获取最新用户信息并更新缓存
- 调整绑定手机按钮的样式以改善用户体验
---
 pages/mine/set/personMsg.vue                 | 25 ++++++++++--
 pages/mine/set/securityCenter/bindMobile.vue | 41 ++++++++++++--------
 2 files changed, 47 insertions(+), 19 deletions(-)

diff --git a/pages/mine/set/personMsg.vue b/pages/mine/set/personMsg.vue
index fbe56b3..868c8f5 100644
--- a/pages/mine/set/personMsg.vue
+++ b/pages/mine/set/personMsg.vue
@@ -28,7 +28,7 @@
 			{{form.mobile}}
 		</view>
 		<view v-else>
-			<view class="submit" @click="navigateTo(form.username)">绑定手机号码</view>
+			<view class="submit" style="text-align: left;" @click="navigateTo(form.username)">绑定手机号码</view>
 		</view>
 	  </u-form-item>
     
@@ -59,8 +59,8 @@ export default {
         region: storage.getUserInfo().region || [], //地址
         sex: storage.getUserInfo().sex, //性别
         ___path: storage.getUserInfo().region,
-		mobile: storage.getUserInfo().mobile,
-		username: storage.getUserInfo().username,
+        mobile: storage.getUserInfo().mobile,
+        username: storage.getUserInfo().username,
       },
       birthday: storage.getUserInfo().birthday || "", //生日
       photo: [
@@ -183,6 +183,24 @@ export default {
    * 加载数据
    */
   onLoad() {},
+  
+  /**
+   * 页面显示时执行
+   */
+  onShow() {
+    // 从缓存中重新获取用户信息
+    const userInfo = storage.getUserInfo();
+    // 更新表单数据
+    this.form.nickName = userInfo.nickName || "";
+    this.form.birthday = userInfo.birthday || "";
+    this.form.face = userInfo.face || "/static/missing-face.png";
+    this.form.region = userInfo.region || [];
+    this.form.sex = userInfo.sex;
+    this.form.___path = userInfo.region;
+    this.form.mobile = userInfo.mobile;
+    this.form.username = userInfo.username;
+    this.birthday = userInfo.birthday || "";
+  },
 };
 </script>
 <style>
@@ -201,6 +219,7 @@ page{
   margin: 0 auto;
   color: $main-color;
   border-radius: 100px;
+
 }
 .head {
   height: 260rpx;
diff --git a/pages/mine/set/securityCenter/bindMobile.vue b/pages/mine/set/securityCenter/bindMobile.vue
index de301b0..ec7465e 100644
--- a/pages/mine/set/securityCenter/bindMobile.vue
+++ b/pages/mine/set/securityCenter/bindMobile.vue
@@ -30,13 +30,15 @@
 </template>
 
 <script>
-	import {
-		sendMobile,
-		bindMobile
-	} from "@/api/login";
+import {
+	sendMobile,
+	bindMobile
+} from "@/api/login";
+import { getUserInfo } from "@/api/members.js";
+import storage from "@/utils/storage.js";
 
-	import myVerification from "@/components/verification/verification.vue"; //验证
-	import uuid from "@/utils/uuid.modified.js";
+import myVerification from "@/components/verification/verification.vue"; //验证
+import uuid from "@/utils/uuid.modified.js";
 	export default {
 		components: {
 			myVerification,
@@ -123,17 +125,24 @@
 						bindMobile(this.codeForm).then((res) => {
 							if (res.data.success) {
 								this.validateFlage = !this.validateFlage;
-								// 登录成功
-								uni.showToast({
-									title: "绑定成功!",
-									duration: 2000,
-									icon: "none",
-								});
-								setTimeout(() => {
-									uni.navigateBack({
-										delta: 1,
+								// 获取最新的用户信息并更新缓存
+								getUserInfo().then(userRes => {
+									if (userRes.data.success) {
+										storage.setUserInfo(userRes.data.result);
+									}
+									// 显示成功提示
+									uni.showToast({
+										title: "绑定成功!",
+										duration: 2000,
+										icon: "none",
 									});
-								}, 1000);
+									// 返回上一页
+									setTimeout(() => {
+										uni.navigateBack({
+											delta: 1,
+										});
+									}, 1000);
+								});
 							}
 						});
 					}