From c2b3f4d268e6aa1c688cd4ce757981bc3a7b6416 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Sun, 22 Jun 2025 00:59:30 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/server/user.js                         |  17 ++
 components/youdas-container/no-data.vue       |  27 +-
 .../youdas-container/page-container.vue       |  12 +-
 pages.json                                    |   6 +
 pages/me/account-info.vue                     | 282 ++++++++++++++++++
 pages/me/me.vue                               |  17 +-
 static/app-plus/copy.png                      | Bin 0 -> 737 bytes
 static/camera.png                             | Bin 0 -> 1365 bytes
 8 files changed, 336 insertions(+), 25 deletions(-)
 create mode 100644 pages/me/account-info.vue
 create mode 100644 static/app-plus/copy.png
 create mode 100644 static/camera.png

diff --git a/common/server/user.js b/common/server/user.js
index 459fd6d..5af898d 100644
--- a/common/server/user.js
+++ b/common/server/user.js
@@ -48,5 +48,22 @@ export const mobileLogin = async (phone, code, pid = 0) => {
     return res;
 }
 
+/**
+ * 修改用户信息
+ * @param {String} nickname 昵称
+ * @param {String} avatar 头像
+ * @param {String} imagebase 图片base64
+ * @param {Number} gender 性别(1-男，2-女，3-保密，0-未设置)
+ * @returns {Promise} 是否成功
+ */
+export const updateUserInfo = async (nickname, avatar, imagebase, gender = 3) => {
+    const res = await HttpRequest.post('/update_userinfo', { 
+        nickname, 
+        headimg: avatar, 
+        imagebase,
+        gender
+    });
+    return res.status == 1;
+}
 
 
diff --git a/components/youdas-container/no-data.vue b/components/youdas-container/no-data.vue
index 74d507b..7d2fbcf 100644
--- a/components/youdas-container/no-data.vue
+++ b/components/youdas-container/no-data.vue
@@ -5,22 +5,19 @@
     </view>
 </template>
 
-<script>
-export default {
-    name: 'NoData',
-    props: {
-        // 空状态显示的图片，默认使用kong.png
-        imageSrc: {
-            type: String,
-            default: '/static/app-plus/no-data.png'
-        },
-        // 空状态显示的文本
-        message: {
-            type: String,
-            default: '暂无数据'
-        }
+<script setup>
+defineProps({
+    // 空状态显示的图片，默认使用kong.png
+    imageSrc: {
+        type: String,
+        default: '/static/app-plus/no-data.png'
+    },
+    // 空状态显示的文本
+    message: {
+        type: String,
+        default: '暂无数据'
     }
-}
+});
 </script>
 
 <style lang="scss">
diff --git a/components/youdas-container/page-container.vue b/components/youdas-container/page-container.vue
index de13d75..ca26544 100644
--- a/components/youdas-container/page-container.vue
+++ b/components/youdas-container/page-container.vue
@@ -18,6 +18,8 @@
 </template>
 
 <script setup>
+import { ref, computed } from 'vue'
+
 const props = defineProps({
     title: {
         type: String,
@@ -33,7 +35,9 @@ const props = defineProps({
     },
     refresh: {
         type: Function,
-        default: null
+        default: function (refresh) {
+            refresh.complete();
+        }
     }
 });
 let paging = ref(null);
@@ -48,7 +52,11 @@ const onClickLeft = () => {
     }
 }
 const onRefresh = () => {
-    props.refresh(paging.value);
+    if (props.refresh) {
+        props.refresh(paging.value);
+    } else {
+        paging.value.complete();
+    }
 }
 const getPaging = () => {
     return paging.value;
diff --git a/pages.json b/pages.json
index f4c139c..763c570 100644
--- a/pages.json
+++ b/pages.json
@@ -57,6 +57,12 @@
 			"style": {
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/me/account-info",
+			"style": {
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	// "globalStyle": {
diff --git a/pages/me/account-info.vue b/pages/me/account-info.vue
new file mode 100644
index 0000000..eadd191
--- /dev/null
+++ b/pages/me/account-info.vue
@@ -0,0 +1,282 @@
+<!-- 详情 -->
+<template>
+    <view>
+        <page-container ref="pageContainer" title="我的信息" show-back :show-not-data="false" :refresh="onRefresh">
+            <view class="content">
+                <view class="form-container">
+                    <view class="form-item" @click="onClickAvatar">
+                        <view class="form-label">头像:</view>
+                        <view class="form-input avatar-container">
+                            <image class="avatar" :src="avatarUrl"></image>
+                            <image class="arrow-icon" src="/static/app-plus/arrow-right.png" mode="aspectFill"
+                             style="width: 24rpx;height: 24rpx;"></image>
+                             
+                        </view>
+                    </view>
+
+                    <view class="form-item">
+                        <view class="form-label">昵称:</view>
+                        <view class="form-input">
+                            <input type="text" v-model="nickname" placeholder="请输入您的昵称" />
+                        </view>
+                    </view>
+
+                    <view class="form-item" @click="copyUid">
+                        <view class="form-label">ID:</view>
+                        <view class="form-input">
+                            <text class="form-text">{{ uid }}</text>
+                            <image class="copy-icon" src="/static/app-plus/copy.png" mode="aspectFill"
+                             style="width: 24rpx;height: 24rpx;"></image>
+                             
+                        </view>
+                    </view>
+
+                    <view class="form-item" @click="showGenderPicker">
+                        <view class="form-label">性别:</view>
+                        <view class="form-input">
+                            <text class="form-text">{{ genderText || '请选择性别' }}</text>
+                            <image class="arrow-icon" src="/static/ic_arrow.png" mode="aspectFill"
+                             style="width: 24rpx;height: 24rpx;"></image>
+                        </view>
+                    </view>
+
+                    <view class="form-item">
+                        <view class="form-label">已绑定手机号:</view>
+                        <view class="form-input">
+                            <input disabled :value="phoneNumber" placeholder="暂未绑定手机号" />
+                        </view>
+                    </view>
+                </view>
+
+                <view class="submit-btn" @click="handleUpdateUserInfo">确认修改</view>
+            </view>
+        </page-container>
+    </view>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { updateUserInfo } from '@/common/server/user'
+import { getAccountInfo } from '@/common/system/userInfo'
+//# 必须要引入
+import PageContainer from '@/components/youdas-container/page-container.vue'
+
+// 用户信息
+const pageContainer = ref(null)
+const avatarUrl = ref("")
+const nickname = ref("")
+const uid = ref("")
+const imageBase64 = ref("")
+const showNotData = ref(false)
+const gender = ref(3); // 0-未设置，1-男，2-女，3-保密
+const genderText = ref("保密"); // 性别文本，默认保密
+const phoneNumber = ref(""); // 已绑定手机号
+
+// 初始化用户信息
+onMounted(async () => {
+    const userInfo = await getAccountInfo();
+    if (userInfo) {
+        avatarUrl.value = userInfo.userIcon || "";
+        nickname.value = userInfo.username || "";
+        uid.value = userInfo.uid || "";
+        gender.value = userInfo.gender || 3; // 默认为保密
+        genderText.value = gender.value === 1 ? "男" : (gender.value === 2 ? "女" : "保密");
+        phoneNumber.value = userInfo.mobile || "";
+    }
+    console.log(userInfo);
+});
+
+// 选择头像
+const onClickAvatar = () => {
+    uni.chooseImage({
+        count: 1,
+        sourceType: ["album"],
+        success: async (res) => {
+            avatarUrl.value = res.tempFilePaths[0];
+            imageBase64.value = await imageToBase64Plus(avatarUrl.value);
+        }
+    });
+};
+
+// 图片转Base64
+const imageToBase64Plus = (filePath) => {
+    return new Promise((resolve, reject) => {
+        plus.io.resolveLocalFileSystemURL(filePath, entry => {
+            entry.file(file => {
+                const fileReader = new plus.io.FileReader();
+                fileReader.onloadend = function (e) {
+                    const base64 = e.target.result;
+                    resolve(base64);
+                };
+                fileReader.readAsDataURL(file);
+            }, reject);
+        }, reject);
+    });
+};
+
+// 更新用户信息
+const handleUpdateUserInfo = async () => {
+    if (!nickname.value) {
+        uni.showToast({
+            title: "请输入昵称",
+            icon: "none",
+        });
+        return;
+    }
+
+    const result = await updateUserInfo(
+        nickname.value, 
+        avatarUrl.value, 
+        imageBase64.value,
+        gender.value
+    );
+    
+    if (result) {
+        uni.showToast({
+            title: "修改成功",
+            icon: "success",
+        });
+        
+        // 延迟返回
+        setTimeout(() => {
+            uni.navigateBack();
+        }, 1000);
+    } else {
+        uni.showToast({
+            title: "修改失败",
+            icon: "none",
+        });
+    }
+};
+
+// 复制ID到剪贴板
+const copyUid = () => {
+    if (uid.value) {
+        uni.setClipboardData({
+            data: uid.value,
+            success: () => {
+                uni.showToast({
+                    title: 'ID已复制',
+                    icon: 'success'
+                });
+            }
+        });
+    }
+};
+
+// 显示性别选择器
+const showGenderPicker = () => {
+    uni.showActionSheet({
+        itemList: ["男", "女", "保密"],
+        success: (res) => {
+            gender.value = res.tapIndex + 1; // 1-男，2-女，3-保密
+            genderText.value = ["男", "女", "保密"][res.tapIndex];
+        }
+    });
+};
+
+// 刷新方法
+const onRefresh = async (paging) => {
+    await yds.sleep(500);
+    paging.complete();
+};
+</script>
+
+<style lang="scss" scoped>
+.content {
+    width: 100%;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    background-color: #FFFFFF;
+}
+
+.form-container {
+    width: 690rpx;
+    margin: 0 auto;
+}
+
+.form-item {
+    display: flex;
+    padding: 30rpx 0;
+    position: relative;
+    align-items: center;
+
+    &::after {
+        content: "";
+        display: block;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        height: 2rpx;
+        background: #F3F3F3;
+    }
+
+    .form-label {
+        width: 150rpx;
+        font-size: 24rpx;
+        color: #8A8A8A;
+        display: flex;
+        align-items: center;
+    }
+
+    .form-input {
+        flex: 1;
+        display: flex;
+        align-items: center;
+
+        input {
+            flex: 1;
+            text-align: right;
+            font-size: 24rpx;
+            color: #333333;
+        }
+        
+        .copy-icon {
+            margin-left: 10rpx;
+            width: 24rpx;
+            height: 24rpx;
+        }
+
+        .arrow-icon {
+            margin-left: 10rpx;
+            width: 24rpx;
+            height: 24rpx;
+        }
+        
+        .form-text {
+            flex: 1;
+            text-align: right;
+            font-size: 24rpx;
+            color: #333333;
+        }
+    }
+}
+
+.submit-btn {
+    width: 244rpx;
+    height: 72rpx;
+    background: #333333;
+    border-radius: 16rpx;
+    font-size: 24rpx;
+    color: #D8FD24;
+    margin: 200rpx auto 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.avatar-container {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    
+    .avatar {
+        width: 80rpx;
+        height: 80rpx;
+        border-radius: 50%;
+        margin-right: 10rpx;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/me/me.vue b/pages/me/me.vue
index 2cacbdc..173646f 100644
--- a/pages/me/me.vue
+++ b/pages/me/me.vue
@@ -6,7 +6,7 @@
 
 		<view class="main-container">
 			<!-- 用户信息区域 -->
-			<view class="user-info-section" v-if="userInfo">
+			<view class="user-info-section" v-if="userInfo" @click="navigateTo('/pages/me/account-info');">
 				<view class="avatar">
 					<image :src="userInfo.userIcon" mode="aspectFill"
 						style="width: 80.15rpx;height: 80.15rpx;border-radius: 10rpx;"></image>
@@ -57,7 +57,6 @@
 import { getUserInfo } from '@/common/server/user';
 import { onShow } from '@dcloudio/uni-app'
 import { navigateTo, navigateToAccountLogin } from '@/common/system/router';
-import { removeCache } from '@/common/system/cacheService';
 let _pagePopup = ref(null);
 const itemList = ref([
 
@@ -86,15 +85,21 @@ const loadMenu = async () => {
 			title: "优惠券",
 		}, {
 			id: 4,
-			title: "加入福利群",
+			title: "收货地址管理",
 		},
 		{
 			id: 5,
 			title: "用户协议",
+			onClick: (res) => {
+				yds.navigateToAgreement("user");
+			}
 		},
 		{
 			id: 6,
 			title: "隐私政策",
+			onClick: (res) => {
+				yds.navigateToAgreement("privacy");
+			}
 		},
 	];
 	if (yds.userInfo.isAccountLogin()) {
@@ -120,11 +125,7 @@ const loadMenu = async () => {
 	}
 	itemList.value = menuList;
 }
-const goToPage = (route) => {
-	uni.navigateTo({
-		url: route
-	});
-};
+
 </script>
 
 <style lang="scss">
diff --git a/static/app-plus/copy.png b/static/app-plus/copy.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1f3d0876f2322f48e549e7c4d2ea13e4083235a
GIT binary patch
literal 737
zcmV<70v`Q|P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px%n@L1LRA@u(T48pAFbt;kAaf^~o@Dw1<QCIgp#0FCM0S#K5$qaX;RS4I%M0b{
z^ryCIzT`{VB(iA4CrOeoA;gL?wi>a0%$8D~RR|%<)9G};0+^4qG)<Sc+wB@f(b8uh
z@!CBG;RPT`lHZ>4C9!fQaUFv(#xBR>aSMx`0RU~}hP^tW<eYD_EGt3)P@ezPo$mvn
zwLa&39ZGp@pxthFmT|CA-_=y|1rR|X<$1miVfp?UX_~H73`Px&oB_<Cum%7m5n#eU
z004m#DqXt9lM3cx5A?E4Nak2Gn-xGD$Jc<jtI0T>iwZ9q1kg)Su&=(pL%0B*C5Wy@
zPYeQ()Dexcq4RwIqLP3LU8*($h~s#}7(3(i6vFZvdNl7Wc(lDcr%@cZLWpgi=a<j`
z;5;0Iob&fA%Q|l@qX#g6(DX4q6<z@P6jELyVV3mrkM8oqnUK^2n0pim@OwT8g`NUH
zRaIp5?_#kigHnisHZC$IivgFzDb`F104^B{CDm<T^xGrw{bT^1B8Zz(j=~GGq*3DP
z46@K&PiZm=QCQtY#tQ&g$@CgkZABMDTGv3O*R%#-PYJMqtsZ#zG-~Ap(E?i#>q_6c
zwP^DIk$zS&HURkdru2OX0GjqXB%8Wsb^_oV17quIlLv6iN4c?Wemx?9`w^2Z2GDHG
z%42nxjGEpIcmNu@7hNsw<N+tG2^QIcSa-w=0D<9K5hNav(v0nGN@aDj@EBKCY)<2^
zdJ!I;L0etdSe;t=u{tyWmQ_`q(Qu;_LL8v|F}30#UrruB!1K*nJ`Lv9O}>}aRKQHL
z0n>RMp3VJV2ve;*WURYD0T9rIlLL=8DKN;NI$(G%-!|X6I@#uFr%1O6ne+EQ9T|vT
Tz4qec00000NkvXXu0mjfm8eIR

literal 0
HcmV?d00001

diff --git a/static/camera.png b/static/camera.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d42d86f2508421c03da0dccfe3bf25c00c6a90d
GIT binary patch
literal 1365
zcmV-b1*-aqP)<h;3K|Lk000e1NJLTq001li001fo1^@s6$lbXd000FXNkl<Zc-q~W
zPi$0G6vlt&&7b>b-n30y+G<K#25=AwX&^PMAf-_v3lkG#Vu;2V7bY%rD;pw-$lgT7
ze;e7l$GB)+0h2(0kkD3Inl_oSjgd~7Y3IH-op)W>sZ-jSmN$h0-)iQ)`|kPj-E+@5
z_a31E7-M#Lo_E|Ba}?MQ>;+l@2XKusd0@)2tTAIuT11AFQlpL7lmH|{p69)7jQJ3F
z4G2GyL6JMY?_VsHN<TI?H~;h42peNWYyF;xoLN?~Q51mhlu}=c$b&5<thG)VV}25m
zqij9?@_ql)cs%~=mJoJb_g!Pm4?q)-5yqGcwrzhVB3@v^#bWWah@1=J>j5#OlzK}<
z^0fw7b(H-=M80~0WB~@X*1ylp%s7vvu-5ux-~!u+OG>FXMWno;!V3!vuL57Qy*R10
zKC_|1#u(dm-P>Cfwi-n_6bc=UL?TyeDy+3W{gjXe2>HJMtuZFFuEP0zzB3YuOak$s
z7Ut*Y86O{~SS(hu8u56XR4RqzIDzK0EbD`4H2TXL!o_0oyoh|>2-%^bA(obw*1S_n
zapJ@YY}*bp^{7(n6%jF1>HuR*SZn=JBkOnP&K;JPmS}Hp=g5&Gl|8}Lt5=zun`3Nj
zjK03UAXC4rwH^S5SA5uY-8V#}BPiKiE=MMl0U#2I;5ZJB<B&)sh(sa)jE|3V|Ni};
zCf;A=5?bqTfKTcXx_kF7g+hUHd39*?eV=?jkMH}dT%e+`=XursNON;DBC=|1Z*MO>
zJw5f(_Dn1mdy%Tr@OZ7kp64+<JiM-N*2$9VKKFf}TrRif`OM4=N-4U!x@wiAFSxF|
zUnw;bo}8StfmAKyb8~Z>ChIs3yLa!Vy}g}qILzYWBH3(~si`T9F?GMqX0tU3FQX3_
z33qgKyaa@5joK{Py?gi4*Vl(-{U6#}TU+Vw?k1H=aryFP3WY+=?@Oi9MkZ1KRwxwe
zY&62}+O>;AhYn#`7WsUhTeohJPNx|i9i>z%(bCewv17-GMx%|CpIrc9%d(m_TCRGC
zMx!g?DwD~OPN!FG%!!E!1_lOj9ESr34shefji7{^>Xw(AMR#{M(P$Lcb-8x!+L|b`
zxVXsm>(>G3?d@IVGLM+?41nePe!daHt*xyqJH0xDRbzH`7SHpDL?R>-iJ%G>mWf-l
zjS#LVRvm}yZQh^?i^wd1mCa_yfpSp7`TTziv}4DPRSBUQi9~`}EQas<EG#SpHT5Te
zl}sje<xdb~G8v39G&MD`Z{NQ4l;QB<!-xp8v$LBCU$t<ndeaRDzFa62n3$LV;NZc7
z^!NAE($a!biq6hX1_uY}>gu9gE_3_#?V$cUqm&w{PR*C<)e;-w=FOYfw$09+J4q&!
zB$LTC{+mvxnV+8ze8#K%2rm~PziF-iUaw-S6fzqqz?Cak=;`TU&z?QBwY6bc7M|yk
z$z&KA8QIWxW3gDh*B4h27Llc5vG_Bvrhsp2Ya@|J)J>}uOixcUJw1(x5DJAhoz^YO
zs#mRz+P3}2BOQ@k*X7>5dpvmXppi|pF5>Yx$z*aRo^Seyw0ulDyL{RAR6s;-Mx)XG
z>idaj`<O2xx?C=w0=(^JYm7PfFxlthstUli?e9h8>^3QTHJ8i1vmV*!>$-J0n4kB3
z{}hma0?J-cN}a4n7M{nJL6ri}PE+O~;?-@h*Xy0QYb1jw)Ap)CzHVa?$Qxs}w6XXv
XC{SnAbt08S00000NkvXXu0mjfs`#HD

literal 0
HcmV?d00001