From 6bc8b8d7f685801b219e398c36801d3477dcd99f Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期五, 14 二月 2025 14:15:27 +0800 Subject: [PATCH] feat:我的页面上传道路运输证 --- pages/driver-page/drvier-my/drvier-my.vue | 248 ++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 214 insertions(+), 34 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index aa4be44..b3a4aa4 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -6,14 +6,19 @@ <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://mr1.res.jzeg.cn:9096/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" plain>缂栬緫涓汉璧勬枡</u-button></view> + </view> + <view class="yunShu-button"><u-button type="primary" + @click="shezhiYunshu" + shape="circle" + plain>璁剧疆鎵�灞炶繍杈撳崟浣�</u-button></view> </view> </view> <view class="process-state" @@ -28,6 +33,7 @@ <view class="car-type"> <text>{{userInfo.countryNumberCar===1?'鍥戒簲杞﹁締':'鍥藉叚杞﹁締'}}</text> </view> + <view class="information-block"> <view class="personal-information"> <view class="personal-information-block"> @@ -35,17 +41,17 @@ <view class="information-line" @click=""> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/personalicon.png" mode="widthFix"></image> <view class="label-text">韬唤璇佸彿</view> </view> <view class="information-value"> - {{ userInfo.idCard || '' }} + {{ idCard || '' }} </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://mr1.res.jzeg.cn:9096/appimg/image/banner/phonenum.png" mode="widthFix"></image> <view class="label-text">鎵嬫満鍙�</view> </view> @@ -55,7 +61,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carnum.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/carnum.png" mode="widthFix"></image> <view class="label-text">杞︾墝鍙�</view> </view> @@ -65,7 +71,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/axisnum.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/axisnum.png" mode="widthFix"></image> <view class="label-text">杞﹁酱鏁�</view> </view> @@ -75,7 +81,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/weighnum.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/weighnum.png" mode="widthFix"></image> <view class="label-text">浣撻噸</view> </view> @@ -89,7 +95,7 @@ icon 涓嬭浇鏍煎紡涓�18x18--> <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/printer.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/printer.png" mode="widthFix" style="width: 18px;"></image> <view class="label-text">纾呭崟鏍峰紡</view> @@ -106,7 +112,7 @@ @click="addressManageHandle"> <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/address.png" mode="widthFix" style="width: 18px;"></image> <view class="label-text" @@ -121,7 +127,7 @@ @click="scoreDetail"> <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/score.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/score.png" mode="widthFix" style="width: 36rpx;position: relative;left: 8rpx;"></image> <view class="label-text">鎴戠殑绉垎</view> @@ -146,7 +152,7 @@ <view class="information-body"> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carimg.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/carimg.png" mode="widthFix"></image> <view class="label-text">杞﹁締鐓х墖</view> </view> @@ -163,7 +169,7 @@ </view> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/cardimg.png" mode="widthFix"></image> <view class="label-text">琛岄┒璇佺収鐗�</view> </view> @@ -180,7 +186,7 @@ </view> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/cardimg.png" mode="widthFix"></image> <view class="label-text">杞﹁締绫诲瀷鐓х墖</view> </view> @@ -247,14 +253,14 @@ border="none" inputAlign="left"></u--input> </u-form-item> --> - <u-form-item labelWidth="20%" + <!-- <u-form-item labelWidth="20%" label="韬唤璇佸彿" prop="idCard" required> <u--input v-model="editUserInfo.idCard" border="none" inputAlign="left"></u--input> - </u-form-item> + </u-form-item> --> <u-form-item labelWidth="20%" label="鎵嬫満鍙�" prop="phone" @@ -291,7 +297,7 @@ <u-form-item labelWidth="20%" label="杞﹁締绫诲瀷" borderBottom - required="" + required prop="countryNumberCar"> <u-radio-group v-model="editUserInfo.countryNumberCar" placement="row" @@ -305,6 +311,30 @@ :label="item.label" :name="item.name"></u-radio> </u-radio-group> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹂暱" + prop="truckLength" + required> + <u--input v-model="editUserInfo.truckLength" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹀" + prop="truckWidth" + required> + <u--input v-model="editUserInfo.truckWidth" + border="none" + inputAlign="left"></u--input> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹂珮" + prop="truckHeight" + required> + <u--input v-model="editUserInfo.truckHeight" + border="none" + inputAlign="left"></u--input> </u-form-item> <u-form-item labelWidth="25%" label="杞﹁締鐓х墖" @@ -398,6 +428,66 @@ </view> </u-popup> </view> + <!-- 鐐瑰嚮璁剧疆杩愯緭鍗曚綅 --> + <u-popup :show="shezhishow" @close="shezhiclose" @open="shezhiopen"> + <combined-title title="璁剧疆杩愯緭鍗曚綅" + style="margin-left:20rpx"></combined-title> + <view style="padding: 10rpx;"> + <u--form + labelPosition="top" + :model="editUserInfo" + :rules="rules" + :labelWidth="300" + ref="uForm" + > + <u-form-item + label="鎵�灞炶繍杈撳崟浣嶅悕绉�" + prop="editUserInfo.freightCompany" + borderBottom + ref="item1" + > + <u--input + placeholder="璇疯緭鍏ユ墍灞炶繍杈撳崟浣嶅悕绉�" + v-model="editUserInfo.freightCompany" + border="none" + ></u--input> + </u-form-item> + <u-form-item + label="浠庝笟璧勬牸璇佸彿" + prop="editUserInfo.certification" + borderBottom + @click="showSex = true; hideKeyboard()" + ref="item1" + > + <u--input + v-model="editUserInfo.certification" + placeholder="璇疯緭鍏ヤ粠涓氳祫鏍艰瘉鍙�" + border="none" + ></u--input> + </u-form-item> + + <u-form-item + label="閬撹矾杩愯緭璇佸彿" + prop="editUserInfo.freightLicense" + borderBottom + @click="showSex = true; hideKeyboard()" + ref="item1" + > + <u--input + v-model="editUserInfo.freightLicense" + placeholder="璇疯緭鍏ラ亾璺繍杈撹瘉鍙�" + border="none" + ></u--input> + </u-form-item> + + <view class="person-utils"> + <u-button text="鎻愪氦" + @click="submitYUnshu" + type="primary"></u-button> + </view> + </u--form> + </view> + </u-popup> <view class="logoutModel"> <u-modal :show="logoutShow" :title="logoutTitle" @@ -424,17 +514,27 @@ return { // 鑾峰彇鐨勫徃鏈鸿鎯� userInfo: {}, + model1:{ + name:"", + sex:'', + + }, + shezhishow:false, // 淇敼鍙告満璇︽儏 editUserInfo: { phone: '', name: '', username: '', + freightLicense:'', type: 3, idCard: '', carNo: '', carImg: '', drivingImg: '', axleNum: '', + truckLength:"", + truckWidth:"", + truckHeight:"", weight: '', userId: '', password: "", @@ -442,7 +542,9 @@ tradeQualificationImg: '', roadTransportImg: '', inventoryImg: '', - countryNumberCar: 0 + countryNumberCar: 0, + certification:'', + freightCompany:"", }, countryNumberCarList: [{ name: 1, @@ -529,11 +631,30 @@ return Number(value); }, validator: (rule, value, callback) => { - return value <= 10; + return value <= 10 && value > 0; }, message: '璇疯緭鍏ユ纭殑杞﹁酱鏁�', - trigger: ['change', 'blur'] + trigger: ['change', 'blur'], + required: true, }], + truckLength:{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅闀�', + trigger: ['blur', 'change'] + }, + truckWidth:{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅瀹�', + trigger: ['blur', 'change'] + }, + truckHeight:{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅楂�', + trigger: ['blur', 'change'] + }, carImg: { type: 'string', required: true, @@ -550,6 +671,24 @@ type: 'number', required: true, message: '璇烽�夋嫨杞﹁締绫诲瀷', + trigger: ['blur', 'change'] + }, + roadTransportImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犻亾璺繍杈撹瘉鐓х墖', + trigger: ['blur', 'change'] + }, + tradeQualificationImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鐓х墖', + trigger: ['blur', 'change'] + }, + freightLicense:{ + type: 'string', + required: true, + message: '璇蜂笂浼犻亾璺繍杈撹瘉鍙�', trigger: ['blur', 'change'] } }, @@ -575,6 +714,9 @@ computed: { currentSelectedPrintStyle() { return this.selectedPrintStyle ? this.selectedPrintStyle : uni.getStorageSync('selectedPrintStyle') + }, + idCard() { + return this.userInfo.idCard.slice(0, 6) + '********' + this.userInfo.idCard.slice(-4) } }, onShow() { @@ -595,8 +737,8 @@ this.$reqGet('getUserEntity').then(res => { uni.hideLoading(); this.userInfo = res.data; - this.userInfo.idCard = this.userInfo.idCard.slice(0, 6) + '********' + this.userInfo.idCard - .slice(-4) + // this.userInfo.idCard = this.userInfo.idCard.slice(0, 6) + '********' + this.userInfo.idCard + // .slice(-4) uni.setStorageSync('carImg', this.userInfo.carImg); uni.setStorageSync('drivingImg', this.userInfo.drivingImg); uni.setStorageSync('roadTransportImg', this.userInfo.roadTransportImg); @@ -626,14 +768,8 @@ url: `${BaseUrl}${this.userInfo.inventoryImg}` }); } - Object.keys(this.editUserInfo).map(item => { - if (res.data[item]) { - this.editUserInfo[item] = res.data[item]; - this.editUserInfo.idCard = this.userInfo.idCard.slice(0, 6) + '********' + this - .editUserInfo.idCard - .slice(-4) - } - }); + Object.assign(this.editUserInfo, res.data) + console.log(this.editUserInfo); this.editUserInfo.password = '' }); }, @@ -743,7 +879,7 @@ this.$store.commit('changeisLogin', false) this.$store.dispatch('websocketOnClose') uni.reLaunch({ - url: '/pages/login/forgetPassword/forgetPassword' + url: `/pages/login/resetPassword/resetPassword?phone=${this.userInfo.phone}&idcard=${this.userInfo.idcard}` }) }, // 淇敼鐢ㄦ埛淇℃伅 @@ -752,7 +888,8 @@ ...this.editUserInfo, carImg: uni.getStorageSync('carImg'), drivingImg: uni.getStorageSync('drivingImg'), - isRegister: '0' + isRegister: '0', + }; this.$refs.editRef .validate() @@ -773,6 +910,7 @@ }); }) .catch(err => { + console.log(err,'err') this.$u.toast('淇敼澶辫触'); }); }, @@ -806,6 +944,42 @@ }, selectedPrintStyleHandle(val) { this.selectedPrintStyle = val + }, + shezhiYunshu(){ + console.log('璁剧疆璁剧疆'); + this.shezhishow = true; + + }, + shezhiclose(){ + this.shezhishow = false; + }, + shezhiopen(){ + + }, + submitYUnshu(){ + this.editUserInfo = { + ...this.editUserInfo, + carImg: uni.getStorageSync('carImg'), + drivingImg: uni.getStorageSync('drivingImg'), + isRegister: '0', + + }; + this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { + console.log('鏇存柊鏁版嵁', res); + this.editDriverPopupShow = false; + if (res.code == 0) { + this.$u.toast('淇敼鎴愬姛'); + this.init(); + this.shezhishow = false; + } else { + uni.showToast({ + title: res.msg, + icon: 'none', + duration: 2000 + }); + } + }); + } } }; @@ -876,6 +1050,12 @@ top: vww(4); } } + .yunShu-button{ + width: 300rpx; + position: relative; + left: 56%; + top: vww(4); + } } .process-state { @@ -895,7 +1075,7 @@ .car-type { position: fixed; - top: 284rpx; + top: 374rpx; right: 70rpx; width: 100%; height: 50rpx; @@ -912,7 +1092,7 @@ display: flex; justify-content: center; position: relative; - top: vww(-30); + top: vww(-10); &-block { width: 690rpx; @@ -1096,4 +1276,4 @@ } } } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.1