diff --git a/src/project/wuxi/AppMine/userInfo.vue b/src/project/wuxi/AppMine/userInfo.vue index 79ebe2a..6f3e219 100644 --- a/src/project/wuxi/AppMine/userInfo.vue +++ b/src/project/wuxi/AppMine/userInfo.vue @@ -4,32 +4,66 @@

头像

- +
+ + +

用户昵称

-
+

{{ user.nickName }}

- +

手机号

-
+

{{ user.phone || ''}}

- +
-
-
- + +
+
+

姓名

+
+

{{ user.realName || '' }}

+
+
+
+

身份证号

+
+

{{ user.idNumber || '' }}

+
+ +
+
+

地区

+
+

{{ user.areaName || '' }}

+
+ +
+ {{ userAreaName }} + 请选择 + +
+
+
+ +
+
+ {{ btnText? '提交': '修改' }}
@@ -39,55 +73,106 @@ import {mapActions, mapState} from 'vuex' export default { name: "userInfo", - appName: "个人中心", computed: { ...mapState(['user', 'token']), - nickName: { - set(v) { - this.userName = v - }, - get() { - const {nickName} = this.user - return nickName - } - }, - phone: { - set(v) { - this.userPhone = v - }, - get() { - const { phone } = this.user - return phone - } - } }, - onLoad() { - this.getUserInfo() - + onLoad(o) { + this.isFromTabbar = o.isFromTabbar + this.path = o.path + this.getUserInfo('qujing') + uni.setNavigationBarTitle({ + title: '个人中心' + }) }, data() { return { + editAvatarUrl: false, editNickName: false, editPhone: false, + editRealName: false, + editIdNumber: false, + editArea: false, avatar: '', userName: '', - userPhone: '' + userPhone: '', + userRealName: '', + userIdNumber: '', + userAreaId: '', + userAreaName: '', + btnText: false, + isFromTabbar: '', + path: '', } }, methods: { ...mapActions(['getUserInfo', 'autoLogin']), - updateInfo() { - this.$instance.post(`/app/appwechatuser/update-nickName`,null,{ - params: { - id: this.user.id, - nickName: this.userName? this.userName : this.user.nickName, - avatarUrl: this.avatar? this.avatar : this.user.avatarUrl, - phone: this.userPhone ? this.userPhone : this.user.phone, - } + editBtn() { + this.btnText = true + this.editAvatarUrl = true; + this.avatar = this.user.avatarUrl + this.editNickName = true; + this.userName = this.user.nickName + this.editPhone = true; + this.userPhone = this.user.phone + this.editRealName = true; + this.userRealName = this.user.realName + this.editIdNumber = true; + this.userIdNumber = this.user.idNumber + this.editArea = true + this.userAreaId = this.user.areaId + this.userAreaName = this.user.areaName + }, + submit() { + if(this.flag) return + // if(!this.avatar) { + // return this.$u.toast('请上传头像') + // } + // if (!this.userName) { + // return this.$u.toast('请输入用户昵称') + // } + // if (this.userName == '微信用户') { + // return this.$u.toast('请修改用户昵称') + // } + // if (!this.userPhone) { + // return this.$u.toast('请输入手机号') + // } + if (!this.userRealName) { + return this.$u.toast('请输入姓名') + } + if (!this.userIdNumber) { + return this.$u.toast('请输入身份证号') + } + if (!this.$idCardNoUtil.checkIdCardNo(this.userIdNumber)) { + return this.$u.toast('请输入正确的身份证号码') + } + if (!this.userAreaId) { + return this.$u.toast('请选择地区') + } + + this.flag = true + this.$instance.post(`/app/appwechatuserqujing/idNumberEdit`, { + avatarUrl: this.avatar, + nickName: this.userName, + phone: this.userPhone, + name: this.userRealName, + idNumber: this.userIdNumber, + areaId: this.userAreaId, + areaName: this.userAreaName }).then(res=> { if(res?.code==0) { - this.$u.toast('修改成功') + this.$u.toast('提交成功') + this.autoLogin({ loginWay:'qujing'}) + uni.$emit('auth') + setTimeout(() => { + if (this.isFromTabbar == 1) { + uni.switchTab({ url: this.path }) + } else { + uni.navigateBack() + } + }, 600); } + }).catch(err=> { + this.$u.toast(err.msg) }) }, upLoad(img) { @@ -110,39 +195,29 @@ export default { }) }) }, - onLogout() { - uni.showModal({ - title: '提示', - content: "是否要退出登录", - success: res => { - if (res.confirm) { - this.$store.commit('logout') - this.$toast('退出成功'); - setTimeout(() => { - uni.switchTab({ - url: '/pages/AppMine/AppMine' - }) - }, 500) - } - } - }) - }, - handleWeixin({ detail }) { - if(detail.value) { - this.phone = detail.value - this.updateInfo() - } - }, handleWeixinSync({detail}) { - const { value: nickName, avatarUrl } = detail - this.autoLogin({ nickName, avatarUrl }) + const { avatarUrl } = detail if(avatarUrl?.length) { - this.upLoad(avatarUrl).then(() => { - this.updateInfo() - }) + this.upLoad(avatarUrl) } - if(nickName) { - this.updateInfo() + }, + handleSelectArea(v) { + this.userAreaName = v.areaName + this.userAreaId = v.id + }, + idNumberInput() { + if(this.userIdNumber.length == 18 && this.userRealName) { + if(!this.userAreaId) { + this.$instance.post(`/app/appresidentapplet/queryDetailByIdNumberAndName`,{ + name: this.userRealName, + idNumber: this.userIdNumber + }).then(res=> { + if(res.data && res.data.id) { + this.userAreaId = res.data.id + this.userAreaName = res.data.areaName + } + }) + } } } } @@ -191,6 +266,31 @@ export default { p { width: 100%; } + + .ai-area__wrapper { + display: flex; + align-items: center; + padding-left: 100px; + + span { + color: #333; + font-size: 30px; + } + + i { + color: #999; + font-size: 30px; + } + + image { + width: 16px; + height: 8px; + } + } + } + + ::v-deep .AiAreaPicker { + float: right; } .user-img-div { @@ -274,9 +374,8 @@ export default { color: #197DF0; } - // .editNickName { - // text-align: right; - // font-size: 28px; - // } + .btn-edit { + background: #FFF; + } }