-
-
-
退出登录
+
+
+
+
姓名
+
+
{{ 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;
+ }
}
-