| | |
| | | <view class="navgation">我的</view> |
| | | <view class="avatar"> |
| | | <view class="avatar-imgage" |
| | | style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> |
| | | style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> |
| | | </view> |
| | | <view class="avatar-name">{{ userInfo.name || '' }}</view> |
| | | <view class="edit-button"><u-button type="primary" |
| | | <!-- <view class="edit-button"><u-button type="primary" |
| | | @click="editBtnClick" |
| | | shape="circle" |
| | | plain>编辑个人资料</u-button></view> |
| | | plain>编辑个人资料</u-button></view> --> |
| | | </view> |
| | | <view class="personal-information"> |
| | | <view class="personal-information-block"> |
| | |
| | | <view class="information-line" |
| | | @click=""> |
| | | <view class="line-label"> |
| | | <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png" |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png" |
| | | mode="widthFix"></image> |
| | | <view class="label-text">身份证号</view> |
| | | </view> |
| | |
| | | </view> |
| | | <view class="information-line"> |
| | | <view class="line-label"> |
| | | <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png" |
| | | mode="widthFix"></image> |
| | | <view class="label-text">手机号</view> |
| | | </view> |
| | |
| | | </view> |
| | | <view class="information-line"> |
| | | <view class="line-label"> |
| | | <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png" |
| | | mode="widthFix"></image> |
| | | <view class="label-text">账号</view> |
| | | </view> |
| | |
| | | {{ userInfo.username || '' }} |
| | | </view> |
| | | </view> |
| | | <view class="information-line last"> |
| | | <view class="line-label"> |
| | | <image src="https://mx.jzeg.cn:9096/appimg/image/banner/weighnum.png" |
| | | mode="widthFix"></image> |
| | | <view class="label-text">体重</view> |
| | | <view class="information-line" |
| | | @click="scoreCert"> |
| | | <view class="line-label"> |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png" |
| | | mode="widthFix" |
| | | style="width: 36rpx;position: relative;left: 8rpx;"></image> |
| | | <view class="label-text">更改头像</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | <view class=""> |
| | | {{ '' }} |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.weight || '' }} |
| | | <view class="information-line last" |
| | | @click="scorePass"> |
| | | <view class="line-label"> |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png" |
| | | mode="widthFix" |
| | | style="width: 36rpx;position: relative;left: 8rpx;"></image> |
| | | <view class="label-text">更改密码</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | <view class=""> |
| | | {{ '' }} |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="switch-accounts"> |
| | | <view class="loginout-main"><u-button text="切换账号" |
| | | type="primary" |
| | | @click="switchAccounts" |
| | | shape="circle" |
| | | plain></u-button></view> |
| | | </view> |
| | | <view class="loginout"> |
| | | <view class="loginout-main"><u-button text="退出登录" |
| | |
| | | shape="circle" |
| | | plain></u-button></view> |
| | | </view> |
| | | <view class="loginout-we"> |
| | | <view class="loginout-main"><u-button text="联系我们" |
| | | type="primary" |
| | | shape="circle" |
| | | plain |
| | | @click="contactUs()"></u-button></view> |
| | | </view> |
| | | <!-- 修改弹出框 --> |
| | | <view class="editDriverPopup-container"> |
| | | <u-popup :show="editDriverPopupShow" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { customerId, userInfo, redirectLogin } from '@/utils/status'; |
| | | import { customerId, userInfo, redirectLogin,redirectabLogin } from '@/utils/status'; |
| | | import { BaseUrl } from '@/api/publicInterface.js'; |
| | | import { mapMutations } from 'vuex'; |
| | | export default { |
| | |
| | | userId: '' |
| | | }, |
| | | rules: { |
| | | name: { |
| | | name: [{ |
| | | type: 'string', |
| | | required: true, |
| | | message: '请填写姓名', |
| | | trigger: ['blur', 'change'] |
| | | }, |
| | | { |
| | | pattern: /^[\u4e00-\u9fa5\s]+$/, |
| | | message: '姓名只能是中文', |
| | | trigger: ['blur', 'change'] |
| | | }], |
| | | idCard: [{ |
| | | type: 'string', |
| | | required: true, |
| | |
| | | logoutShow: false, |
| | | logoutTitle: '提示', |
| | | logoutContent: '是否确认退出', |
| | | BaseUrl |
| | | BaseUrl, |
| | | phoneList:[] |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | ...mapMutations(['changeisUploadimg']), |
| | | init() { |
| | | this.getUserEntity(); |
| | | uni.request({ |
| | | url: `${BaseUrl}/admin/dict/page`, |
| | | method: 'GET', |
| | | data: { |
| | | dictType:'Setings' |
| | | }, |
| | | header: { |
| | | Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'), |
| | | clientToc: 'Y', |
| | | 'CLIENT_TOC': 'Y', |
| | | }, |
| | | success: res => { |
| | | let dictId=res.data.data?.records[0].id |
| | | uni.request({ |
| | | url: `${BaseUrl}/admin/dict/item/page`, |
| | | method: 'GET', |
| | | data: { |
| | | dictId:dictId |
| | | }, |
| | | header: { |
| | | Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'), |
| | | clientToc: 'Y', |
| | | 'CLIENT_TOC': 'Y', |
| | | }, |
| | | success: res => { |
| | | res.data.data.records.forEach(item=>{ |
| | | if(item.description.includes('联系')){ |
| | | this.phoneList=item.value.split(','); |
| | | } |
| | | }) |
| | | }, |
| | | fail: err => { |
| | | } |
| | | }) |
| | | }, |
| | | fail: err => { |
| | | } |
| | | }) |
| | | }, |
| | | getUserEntity() { |
| | | uni.showLoading({ |
| | |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | scoreCert(){ |
| | | uni.navigateTo({ |
| | | url: '/pages/password/face?id='+this.userInfo.userId+'&imgPath='+this.userInfo.imgPath+'&username='+this.userInfo.username |
| | | }) |
| | | }, |
| | | scorePass(){ |
| | | uni.navigateTo({ |
| | | url: '/pages/password/password?id='+this.userInfo.userId |
| | | }) |
| | | }, |
| | | // 修改按钮点击 |
| | | editBtnClick() { |
| | |
| | | logout() { |
| | | this.logoutShow = true; |
| | | }, |
| | | switchAccounts(){ |
| | | redirectabLogin() |
| | | }, |
| | | logoutConfirm() { |
| | | redirectLogin(); |
| | | this.$store.commit('changeisLogin', false) |
| | |
| | | }, |
| | | logoutCancel() { |
| | | this.logoutShow = false; |
| | | }, |
| | | contactUs(){ |
| | | uni.showActionSheet({ |
| | | itemList: this.phoneList, |
| | | success: (res) => { |
| | | uni.makePhoneCall({ |
| | | phoneNumber:this.phoneList[res.tapIndex].split(":")[1] |
| | | }) |
| | | }, |
| | | fail: (err) => { |
| | | console.log('弹窗取消'); |
| | | } |
| | | }); |
| | | }, |
| | | } |
| | | }; |
| | |
| | | .avatar-imgage { |
| | | width: 98rpx; |
| | | height: 98rpx; |
| | | margin-left: vww(18); |
| | | margin-left: 5%; |
| | | @include flex; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .avatar-name { |
| | | width: 200rpx; |
| | | width: 250rpx; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | height: 32rpx; |
| | |
| | | top: vww(20); |
| | | |
| | | &-block { |
| | | width: 690rpx; |
| | | height: 400rpx; |
| | | width: 90%; |
| | | height: 490rpx; |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | |
| | | justify-content: space-between; |
| | | |
| | | .block-main { |
| | | width: 636rpx; |
| | | width: 100%; |
| | | margin: vww(10) vww(14); |
| | | } |
| | | |
| | | .information-line { |
| | | @include flex width: 636rpx; |
| | | @include flex |
| | | width: 95%; |
| | | height: vww(45); |
| | | border-bottom: 1rpx solid #f0f1f6; |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .switch-accounts{ |
| | | width: 100%; |
| | | height: 80rpx; |
| | | @include flex; |
| | | justify-content: center; |
| | | position: relative; |
| | | bottom: vww(-450); |
| | | .loginout-main { |
| | | width: 84%; |
| | | } |
| | | } |
| | | .loginout { |
| | | width: 100%; |
| | | height: 74rpx; |
| | | @include flex; |
| | | justify-content: center; |
| | | position: relative; |
| | | bottom: vww(-430); |
| | | bottom: vww(-480); |
| | | |
| | | .loginout-main { |
| | | width: 84%; |
| | | } |
| | | } |
| | | |
| | | .loginout-we{ |
| | | width: 100%; |
| | | height: 74rpx; |
| | | @include flex; |
| | | justify-content: center; |
| | | position: relative; |
| | | bottom: vww(-500); |
| | | .loginout-main { |
| | | width: 84%; |
| | | } |
| | | } |
| | | // 表单 |
| | | .personal-information-form { |
| | | margin-top: vww(200); |