From cdb09e07c477931c8d7f7139945e66fd5fc01cce Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期一, 27 五月 2024 09:02:40 +0800 Subject: [PATCH] feat:客户创建日计划 --- pages/driver-page/drvier-my/drvier-my.vue | 274 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 255 insertions(+), 19 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index aa4be44..0538457 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -1,7 +1,7 @@ <template> <view class="driver-my"> <view class="" - style="height: 446rpx;width: 100%;"> + style="height: 586rpx;width: 100%;"> <view class="driver-banner"> <view class="navgation">鎴戠殑</view> <view class="avatar"> @@ -26,7 +26,10 @@ size="32"></u--text> </view> <view class="car-type"> - <text>{{userInfo.countryNumberCar===1?'鍥戒簲杞﹁締':'鍥藉叚杞﹁締'}}</text> + <view ><u-button type="primary" + @click="editDocClick" + shape="circle" + plain>缂栬緫璇佷欢淇℃伅</u-button></view> </view> <view class="information-block"> <view class="personal-information"> @@ -40,7 +43,7 @@ <view class="label-text">韬唤璇佸彿</view> </view> <view class="information-value"> - {{ userInfo.idCard || '' }} + {{ idCard || '' }} </view> </view> <view class="information-line"> @@ -247,14 +250,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 +294,7 @@ <u-form-item labelWidth="20%" label="杞﹁締绫诲瀷" borderBottom - required="" + required prop="countryNumberCar"> <u-radio-group v-model="editUserInfo.countryNumberCar" placement="row" @@ -398,6 +401,144 @@ </view> </u-popup> </view> + <view class="editDriverPopup-container"> + <u-popup :show="editDocShow" + mode="bottom" + @close="editDocClose" + @open="editDocOpen" + :closeable="true"> + <combined-title title="淇敼璇佷欢淇℃伅" + style="margin-left:20rpx"></combined-title> + <view class="editDriverPopup-container-box"> + <u--form labelPosition="left" + :model="registerFormModel" + ref="editRef"> + <u-form-item prop="cardImg1" + label="韬唤璇佹闈�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList6" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="6" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="cardImg2" + label="韬唤璇佸弽闈�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList7" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="7" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeIdcard" + label="韬唤璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="datetime" /> + </u-form-item> + <u-form-item prop="drivingImg" + label="琛岄┒璇�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList2" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="2" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeDriving" + label="琛岄┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" /> + </u-form-item> + <u-form-item prop="driverImg" + label="椹鹃┒璇�" + labelWidth="24%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList8" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="8" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeDriver" + label="椹鹃┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime" /> + </u-form-item> + <u-form-item prop="tradeQualificationImg" + label="浠庝笟璧勬牸璇�" + labelWidth="24%" + borderBottom + v-if="registerFormModel.type == 3||registerFormModel.type == 4" + required + @click="beforeRead"> + <u-upload :fileList="fileList4" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="4" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeTradequalification" + label="浠庝笟璧勬牸杩囨湡鏃堕棿" + labelWidth="20%" + borderBottom + v-if="registerFormModel.type == 3||registerFormModel.type == 4"> + <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" /> + </u-form-item> + </u--form> + <view class="person-utils"> + <u-button text="鎻愪氦璇佷欢淇敼" + @click="updateDoc" + type="primary"></u-button> + </view> + </view> + </u-popup> + </view> + <view class="logoutModel"> <u-modal :show="logoutShow" :title="logoutTitle" @@ -443,6 +584,9 @@ roadTransportImg: '', inventoryImg: '', countryNumberCar: 0 + }, + registerFormModel:{ + }, countryNumberCarList: [{ name: 1, @@ -529,10 +673,11 @@ return Number(value); }, validator: (rule, value, callback) => { - return value <= 10; + return value <= 10 && value > 0; }, message: '璇疯緭鍏ユ纭殑杞﹁酱鏁�', - trigger: ['change', 'blur'] + trigger: ['change', 'blur'], + required: true, }], carImg: { type: 'string', @@ -551,7 +696,19 @@ required: true, message: '璇烽�夋嫨杞﹁締绫诲瀷', trigger: ['blur', 'change'] - } + }, + roadTransportImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犻亾璺繍杈撹瘉鐓х墖', + trigger: ['blur', 'change'] + }, + tradeQualificationImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鐓х墖', + trigger: ['blur', 'change'] + }, }, src: '', fileList1: [], @@ -559,8 +716,12 @@ fileList3: [], fileList4: [], fileList5: [], + fileList6: [], + fileList7: [], + fileList8:[], // 淇敼淇℃伅寮瑰嚭妗� editDriverPopupShow: false, + editDocShow:false, // previewImage previewImageShow: false, previewImageSrc: '', @@ -575,6 +736,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 +759,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,20 +790,47 @@ 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) + this.registerFormModel={ + customerid:res.data.userId, + idCardImg:res.data.idCardImg, + expirationTimeIdcard:res.data.expirationTimeIdcard, + drivingImg:res.data.drivingImg, + expirationTimeDriving:res.data.expirationTimeDriving, + driverImg:res.data.driverImg, + expirationTimeDriver:res.data.expirationTimeDriver, + tradeQualificationImg:res.data.tradeQualificationImg, + expirationTimeTradequalification:res.data.expirationTimeTradequalification, + type:res.data.carType + } + if(this.registerFormModel.idCardImg){ + if (this.fileList6.length == 0 && this.registerFormModel.idCardImg.split(",")[0]) { + this.fileList6.push({ + url: `${BaseUrl}${this.registerFormModel.idCardImg.split(",")[0]}` + }); } - }); + if (this.fileList7.length == 0 && this.registerFormModel.idCardImg.split(",")[1]) { + this.fileList7.push({ + url: `${BaseUrl}${this.registerFormModel.idCardImg.split(",")[1]}` + }); + } + if (this.fileList8.length == 0 && this.userInfo.driverImg) { + this.fileList8.push({ + url: `${BaseUrl}${this.userInfo.driverImg}` + }); + } + this.registerFormModel.cardImg1=this.registerFormModel.idCardImg.split(",")[1] + this.registerFormModel.cardImg2=this.registerFormModel.idCardImg.split(",")[1] + } this.editUserInfo.password = '' }); }, // 淇敼鎸夐挳鐐瑰嚮 editBtnClick() { this.editDriverPopupShow = true; + }, + editDocClick(){ + this.editDocShow = true; }, imageClick(index) { if (index == 1) { @@ -700,9 +891,11 @@ success: res => { if (num == 1) { this.editUserInfo.carImg = JSON.parse(res.data).data.url; + this.registerFormModel.carImg = JSON.parse(res.data).data.url; uni.setStorageSync('carImg', JSON.parse(res.data).data.url); resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } else if (num == 2) { + this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; this.editUserInfo.drivingImg = JSON.parse(res.data).data.url; uni.setStorageSync('drivingImg', JSON.parse(res.data).data.url); resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); @@ -719,6 +912,18 @@ } else if (num == 5) { this.editUserInfo.inventoryImg = JSON.parse(res.data).data .url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==6){ + this.registerFormModel.cardImg1 = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==7){ + this.registerFormModel.cardImg2 = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==8){ + this.registerFormModel.driverImg = JSON.parse(res.data) + .data.url; resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } } @@ -738,12 +943,42 @@ editDriverPopupClose() { this.editDriverPopupShow = false; }, + editDocClose(){ + this.editDocShow = false; + }, editDriverPopupOpen() {}, + editDocOpen(){}, modifyPassword() { this.$store.commit('changeisLogin', false) this.$store.dispatch('websocketOnClose') uni.reLaunch({ url: '/pages/login/forgetPassword/forgetPassword' + }) + }, + // 淇敼璇佷欢淇℃伅 + updateDoc(){ + this.$reqPost('saveDriverDocs', { + userId:this.registerFormModel.customerid, + idCardImg:this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2, + expirationTimeIdcard:this.registerFormModel.expirationTimeIdcard, + drivingImg:this.registerFormModel.drivingImg, + expirationTimeDriving:this.registerFormModel.expirationTimeDriving, + driverImg:this.registerFormModel.driverImg, + expirationTimeDriver:this.registerFormModel.expirationTimeDriver, + tradeQualificationImg:this.registerFormModel.tradeQualificationImg, + expirationTimeTradequalification:this.registerFormModel.expirationTimeTradequalification, + }, 'json').then(res => { + this.editDocShow = false; + if (res.code == 0) { + this.$u.toast('淇敼鎴愬姛'); + this.init(); + } else { + uni.showToast({ + title: res.msg, + icon: 'none', + duration: 2000 + }); + } }) }, // 淇敼鐢ㄦ埛淇℃伅 @@ -757,6 +992,7 @@ this.$refs.editRef .validate() .then(res => { + this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { console.log('鏇存柊鏁版嵁', res); this.editDriverPopupShow = false; @@ -896,7 +1132,7 @@ .car-type { position: fixed; top: 284rpx; - right: 70rpx; + right: 20rpx; width: 100%; height: 50rpx; display: flex; -- Gitblit v1.9.1