| | |
| | | <template> |
| | | <view class="driver-my"> |
| | | <view class="driver-banner"> |
| | | <view class="navgation">我的</view> |
| | | <view class="avatar"> |
| | | <view class="avatar-imgage" |
| | | style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> |
| | | <view class="" |
| | | style="height: 446rpx;width: 100%;"> |
| | | <view class="driver-banner"> |
| | | <view class="navgation">我的</view> |
| | | <view class="avatar"> |
| | | <view class="avatar-imgage" |
| | | style="background: url('https://mx.jzeg.cn:9095/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" |
| | | @click="editBtnClick" |
| | | shape="circle" |
| | | :disabled="userInfo.isRegister!==2" |
| | | plain>编辑个人资料</u-button></view> |
| | | </view> |
| | | <view class="avatar-name">{{ userInfo.name || '' }}</view> |
| | | <view class="edit-button"><u-button type="primary" |
| | | @click="editBtnClick" |
| | | shape="circle" |
| | | plain>编辑个人资料</u-button></view> |
| | | </view> |
| | | </view> |
| | | <view class="process-state"> |
| | | <view class="state-text"> |
| | | 审核状态 |
| | | </view> |
| | | <u--text :type="userInfo.isRegister===0?'primary':userInfo.isRegister===1?'error':'success'" |
| | | :text="userInfo.isRegister===0?'待审核':userInfo.isRegister===1?'未通过':'已审核'" |
| | | size="32"></u--text> |
| | | </view> |
| | | <view class="information-block"> |
| | | <view class="personal-information"> |
| | | <view class="personal-information-block"> |
| | | <view class="block-main"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.idCard || '' }} |
| | | <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.idCard"></u-icon> --> |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.phone || '' }} |
| | | <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.phone"></u-icon> --> |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.carNo || '' }} |
| | | <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.carNo"></u-icon> --> |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.axleNum || '' }} |
| | | <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.axleNum"></u-icon> --> |
| | | </view> |
| | | </view> |
| | | <view class="information-line last"> |
| | |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.weight || '' }} |
| | | <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.weight"></u-icon> --> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="loginout"> |
| | | <view class="loginout-main"><u-button text="重置密码" |
| | | type="primary" |
| | | @click="initPwd" |
| | | shape="circle" |
| | | plain></u-button></view> |
| | | <view class="loginout-main"><u-button text="退出登录" |
| | | type="primary" |
| | | @click="logout" |
| | | shape="circle" |
| | | plain></u-button></view> |
| | | </view> |
| | | <!-- <view class="personal-information-form"> |
| | | <u--form labelPosition="left" :model="userInfo" ref="form1"> |
| | | <u-form-item labelWidth="20%" label="姓名" ref="item1"> |
| | | <u--input v-model="userInfo.name" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="身份证号" ref="item1"> |
| | | <u--input v-model="userInfo.idCard" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="手机号" ref="item1"> |
| | | <u--input v-model="userInfo.phone" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="车牌号" ref="item1"> |
| | | <u--input v-model="userInfo.carNo" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="体重" ref="item1"> |
| | | <u--input v-model="userInfo.weight" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> |
| | | </u-form-item> |
| | | <u-form-item v-model="userInfo.axleNum" labelWidth="20%" label="车轴数" ref="item1"> |
| | | <u--input border="none" inputAlign="right" disabled disabledColor="#fff"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="车辆照片" ref="item1"> |
| | | <u--image :showLoading="true" :src="userInfo.carImg != null ? BaseUrl + userInfo.carImg : ''" width="80px" height="80px" @click="imageClick(1)"> |
| | | <view slot="error" style="font-size: 24rpx;">加载失败</view> |
| | | </u--image> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="25%" label="行驶证照片" ref="item1"> |
| | | <u--image :showLoading="true" :src="userInfo.drivingImg != null ? BaseUrl + userInfo.drivingImg : ''" width="80px" height="80px" @click="imageClick(2)"> |
| | | <view slot="error" style="font-size: 24rpx;">加载失败</view> |
| | | </u--image> |
| | | </u-form-item> |
| | | </u--form> |
| | | <view class="push-information-button"> |
| | | <u-button text="修改个人资料" type="primary" @click="editBtnClick"></u-button> |
| | | <u-button text="退出登录" type="primary" @click="logout"></u-button> |
| | | </view> --> |
| | | <!-- <view class="statistics"><u-button text="发运统计" type="primary" @click="statistics"></u-button></view> --> |
| | | <!-- </view> --> |
| | | |
| | | <!-- 图片预览弹出框 --> |
| | | <view class="previewImage-container"> |
| | |
| | | inputAlign="left"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" |
| | | label="密码" |
| | | prop="password" |
| | | required> |
| | | <u--input v-model="editUserInfo.password" |
| | | border="none" |
| | | inputAlign="left"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" |
| | | label="身份证号" |
| | | prop="idCard" |
| | | required> |
| | |
| | | border="none" |
| | | inputAlign="left"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" |
| | | <!-- <u-form-item labelWidth="20%" |
| | | label="车牌号" |
| | | prop="carNo" |
| | | required> |
| | | <u--input v-model="editUserInfo.carNo" |
| | | border="none" |
| | | inputAlign="left"></u--input> |
| | | </u-form-item> |
| | | </u-form-item> --> |
| | | <u-form-item labelWidth="20%" |
| | | label="体重" |
| | | prop="weight" |
| | |
| | | @confirm="logoutConfirm" |
| | | @cancel="logoutCancel"></u-modal> |
| | | </view> |
| | | <view class="initPwdModal"> |
| | | <u-modal :show="initPwdShow" |
| | | title="重置密码" |
| | | showCancelButton |
| | | content="初始密码将变更为123456,是否确认重置" |
| | | @confirm="initPwdConfirm" |
| | | @cancel="initPwdCancel"></u-modal> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | import { customerId, userInfo, redirectLogin } from '@/utils/status'; |
| | | import { redirectLogin } from '@/utils/status'; |
| | | import { BaseUrl } from '@/api/publicInterface.js'; |
| | | import { mapMutations } from 'vuex'; |
| | | export default { |
| | |
| | | drivingImg: '', |
| | | axleNum: '', |
| | | weight: '', |
| | | userId: '' |
| | | userId: '', |
| | | password: "", |
| | | isRegister: '' |
| | | }, |
| | | rules: { |
| | | name: { |
| | |
| | | weight: { |
| | | type: 'number', |
| | | required: true, |
| | | message: '请填写体重', |
| | | trigger: ['blur', 'change'] |
| | | trigger: ['blur', 'change'], |
| | | transform(value) { |
| | | return Number(value); |
| | | }, |
| | | validator: (rule, value, callback) => { |
| | | if (!value) { |
| | | callback(new Error('请填写体重')) |
| | | } else if (value > 200) { |
| | | callback(new Error('请填写合理体重')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | }, |
| | | carNo: [{ |
| | | type: 'string', |
| | |
| | | logoutShow: false, |
| | | logoutTitle: '提示', |
| | | logoutContent: '是否确认退出', |
| | | BaseUrl |
| | | BaseUrl, |
| | | initPwdShow: false |
| | | |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | this.editUserInfo[item] = res.data[item]; |
| | | } |
| | | }); |
| | | this.editUserInfo.password = '' |
| | | }); |
| | | }, |
| | | // 修改按钮点击 |
| | |
| | | this.editUserInfo = { |
| | | ...this.editUserInfo, |
| | | carImg: uni.getStorageSync('carImg'), |
| | | drivingImg: uni.getStorageSync('drivingImg') |
| | | drivingImg: uni.getStorageSync('drivingImg'), |
| | | isRegister: 0 |
| | | }; |
| | | this.$refs.editRef |
| | | .validate() |
| | |
| | | .catch(err => { |
| | | this.$u.toast('修改失败'); |
| | | }); |
| | | }, |
| | | initPwd() { |
| | | this.initPwdShow = true |
| | | }, |
| | | initPwdConfirm() { |
| | | this.initPwdShow = false |
| | | uni.showLoading({ |
| | | title: '加载中...' |
| | | }); |
| | | this.editUserInfo.password = '123456'; |
| | | this.editUserInfo.carImg = uni.getStorageSync('carImg'); |
| | | this.editUserInfo.drivingImg = uni.getStorageSync('drivingImg') |
| | | this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { |
| | | uni.hideLoading() |
| | | if (res.code == 0) { |
| | | uni.showToast({ |
| | | title: '重置成功', |
| | | duration: 2000, |
| | | icon: 'success' |
| | | }) |
| | | } else { |
| | | this.$u.toast(res.msg ? res.msg : '修改失败'); |
| | | } |
| | | }).catch(err => { |
| | | this.$u.toast('修改失败'); |
| | | }); |
| | | }, |
| | | initPwdCancel() { |
| | | this.initPwdShow = false |
| | | }, |
| | | logout() { |
| | | this.logoutShow = true; |
| | |
| | | align-items: center; |
| | | } |
| | | |
| | | .statistics { |
| | | margin-top: vww(10); |
| | | margin-bottom: vww(10); |
| | | } |
| | | |
| | | ::v-deep.driver-my { |
| | | width: 100%; |
| | | margin: 0 auto; |
| | | padding-bottom: vww(60); |
| | | padding-bottom: vww(100); |
| | | |
| | | .driver-banner { |
| | | width: 100%; |
| | |
| | | top: vww(4); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .process-state { |
| | | width: 300rpx; |
| | | height: 50rpx; |
| | | margin: 0 auto; |
| | | position: fixed; |
| | | top: 284rpx; |
| | | left: 37rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .state-text { |
| | | margin-right: vww(6); |
| | | } |
| | | } |
| | | |
| | | .information-block { |
| | | width: 100%; |
| | | |
| | | .personal-information { |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | position: relative; |
| | | top: vww(20); |
| | | top: vww(-30); |
| | | |
| | | &-block { |
| | | width: 690rpx; |
| | |
| | | .car-information { |
| | | width: 100%; |
| | | position: relative; |
| | | top: vww(410); |
| | | @include flex justify-content: center; |
| | | |
| | | .information-main { |
| | |
| | | |
| | | .loginout { |
| | | width: 100%; |
| | | height: 74rpx; |
| | | height: 200rpx; |
| | | @include flex; |
| | | justify-content: center; |
| | | justify-content: space-around; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | position: relative; |
| | | bottom: vww(-430); |
| | | top: vww(20); |
| | | |
| | | .loginout-main { |
| | | width: 84%; |