昵称,手机号

This commit is contained in:
shijingjing
2023-03-13 16:01:25 +08:00
parent cbb91f554e
commit 79abba1c1b

View File

@@ -10,19 +10,19 @@
</div>
<div class="item">
<p>用户昵称</p>
<div class="item-right" v-if="!editNickName" @click="editNickName=true">
<p class="name" v-text="nickName"/>
<div class="item-right" v-if="!editNickName" @click="editNickName=true, userName= user.nickName">
<p class="name">{{ user.nickName }}</p>
</div>
<input class="item-right" v-else type="nickname" v-model="nickName" @blur="handleWeixinSync">
<input class="item-right" v-else type="text" v-model="userName" @blur="handleWeixinSync">
</div>
</div>
<div class="item-content mar-b8">
<div class="item">
<p>手机号</p>
<div class="item-right" v-if="!!!editPhone" @click="editPhone=true">
<div class="item-right" v-if="!!!editPhone" @click="editPhone=true, userPhone= user.phone">
<p class="name">{{ user.phone }}</p>
</div>
<input class="item-right" v-else type="number" v-model="phone" @blur="handleWeixin" maxlength="11">
<input class="item-right" v-else type="number" v-model="userPhone" @blur="handleWeixin" maxlength="11">
</div>
</div>
<div class="item-content" @click="onLogout">
@@ -43,6 +43,7 @@ export default {
...mapState(['user', 'token']),
nickName: {
set(v) {
this.userName = v
},
get() {
const {nickName} = this.user
@@ -51,7 +52,7 @@ export default {
},
phone: {
set(v) {
this.userPhone = v
},
get() {
const { phone } = this.user
@@ -68,6 +69,8 @@ export default {
editNickName: false,
editPhone: false,
avatar: '',
userName: '',
userPhone: ''
}
},
methods: {
@@ -76,9 +79,9 @@ export default {
this.$instance.post(`/app/appwechatuser/update-nickName`,null,{
params: {
id: this.user.id,
nickName: this.nickName,
nickName: this.userName? this.userName : this.user.nickName,
avatarUrl: this.avatar? this.avatar : this.user.avatarUrl,
phone: this.phone? this.phone : this.user.phone,
phone: this.userPhone ? this.userPhone : this.user.phone,
}
}).then(res=> {
if(res?.code==0) {
@@ -126,6 +129,7 @@ export default {
},
handleWeixin({ detail }) {
if(detail.value) {
this.phone = detail.value
this.updateInfo()
}
},