From 2d43a1df3f5ba42710e6d21c27d1e13bdb8dfd56 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 24 三月 2025 09:23:08 +0800 Subject: [PATCH] - --- src/pages/mine/mine.vue | 98 +++++++++++++++++++++++++++--------------------- 1 files changed, 55 insertions(+), 43 deletions(-) diff --git a/src/pages/mine/mine.vue b/src/pages/mine/mine.vue index e0b18f3..d62e102 100644 --- a/src/pages/mine/mine.vue +++ b/src/pages/mine/mine.vue @@ -3,7 +3,7 @@ <view class="content chuany-flex chuany-align-end chuany-justify-center"> <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"> <!-- <image class="avatar" src="{{avatarUrl}}"></image> --> - <up-avatar :src="avatarUrlImg" shape="circle" size='80'></up-avatar> + <up-avatar :src="userInfo.avatar" shape="circle" size='80'></up-avatar> </button> </view> @@ -21,7 +21,7 @@ <up-icon name="edit-pen" @click='isShow'></up-icon> </template> --> </up-input> - + </up-form-item> </up-form> <text v-else>{{userInfo.nickname}}</text> @@ -30,7 +30,7 @@ <up-icon name="edit-pen" @click='isShow'></up-icon> </template> </up-cell> - <up-cell title="鎵嬫満鍙�" :value="userInfo.phone" isLink :border="false"></up-cell> + <up-cell title="鎵嬫満鍙�" :value="userInfo.phone" :border="false"></up-cell> <!-- <up-cell @click="goApply" title="鐢宠鎺ュ崟" isLink :border="false"></up-cell> --> <!-- <view class="tabbtns"> <up-button color='#fece01' class="text-69" text="淇濆瓨" @click=''></up-button> @@ -50,7 +50,8 @@ ref, reactive, getCurrentInstance, - toRefs + toRefs, + computed } from 'vue'; const { $upload, @@ -58,19 +59,22 @@ $db, $util } = getCurrentInstance().appContext.config.globalProperties + import { + useStore + } from 'vuex' + const store = useStore() onLoad(() => { // getUser() }) onShow(() => { - getUser() + // getUser() }) - let avatarUrlImg = ref('') - let number1 = ref(0) - let userInfo = reactive({ - nickname: '', - phone: '', - userWorker: false - }) + // let userInfo = reactive({ + // nickname: '', + // phone: '', + // userWorker: false + // }) + let userInfo = computed(() => store.getters.userInfo || {}) let showEdit = ref(false) // let src = "http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg" const goApply = () => { @@ -85,11 +89,10 @@ const { avatarUrl } = e.detail - console.log(typeof(avatarUrl), avatarUrl, 'avatarUrl鈥�'); - avatarUrlImg = avatarUrl uploadFile(avatarUrl) } const uploadFile = (val) => { + uni.showLoading(); let userToken = $db.get("userToken"); uni.uploadFile({ url: apiBaseUrl + '/api/UpFile/UpdateFile', @@ -106,22 +109,31 @@ 'upfile': val }, success: (uploadFileRes) => { - //console.log("浜や簰鎴愬姛"); - //console.log(uploadFileRes); + let res = JSON.parse(uploadFileRes.data); - let obj = { - Avatar: res.data - } - console.log(res.data, res, 'res.data', obj); - $api.saveUser(obj).then(res => { - if (res.code == 1) { - $util.showToast({ - title: "澶村儚淇濆瓨鎴愬姛锛�", - icon: "success" - }) - getUser() + if (res.code == 1) { + let obj = { + Avatar: res.data } - }) + $api.saveUser(obj).then(red => { + if (red.code == 1) { + $util.showToast({ + title: "澶村儚淇濆瓨鎴愬姛锛�", + icon: "success" + }) + store.dispatch('getUserInfo') + } else { + this.$util.showToast({ + title: red.error + }) + } + }) + } else { + this.$util.showToast({ + title: res.error + }) + } + }, fail: (error) => { console.log("浜や簰澶辫触"); @@ -131,22 +143,18 @@ } }, complete: () => { - setTimeout(function() { - uni.hideLoading(); - }, - 250); + uni.hideLoading(); } }); } - const getUser = (e) => { - $api.getUser().then(res => { - userInfo.nickname = res.data.nickname - userInfo.phone = res.data.phone - avatarUrlImg = res.data.avatar - $db.set('userInfo', JSON.stringify(res.data)) - }) - } const saveUserNikename = (val) => { + if (!userInfo.nickname) { + $util.showToast({ + title: "璇疯緭鍏ユ樀绉帮紒", + icon: "success" + }) + return + } $api.saveUser({ Nickname: userInfo.nickname }).then(res => { @@ -155,8 +163,12 @@ title: "鏄电О淇濆瓨鎴愬姛锛�", icon: "success" }) - getUser() + store.commit('setUserInfo', userInfo.value) showEdit.value = false + } else { + $util.showToast({ + title: res.error + }) } }) } @@ -194,8 +206,8 @@ color: #7F7F7F; flex-shrink: 0; } - - .u-form-item__body{ + + .u-form-item__body { padding: 0 !important; } </style> \ No newline at end of file -- Gitblit v1.9.1