From 6e5dddd39f051cfe564c32ae5608729ad9260409 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期二, 13 八月 2024 15:26:07 +0800 Subject: [PATCH] feat:申请入场改为修改预约时间 --- pages/driver-page/drvier-my/drvier-my.vue | 254 ++++++++++++++++++++++++++++++++------------------ 1 files changed, 161 insertions(+), 93 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index d2c5df9..347082a 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -6,7 +6,7 @@ <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" @@ -42,7 +42,7 @@ <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> @@ -52,7 +52,7 @@ </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> @@ -62,7 +62,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://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png" mode="widthFix"></image> <view class="label-text">杞︾墝鍙�</view> </view> @@ -72,7 +72,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://wrzs.czjlchem.com:9090/appimg/image/banner/axisnum.png" mode="widthFix"></image> <view class="label-text">杞﹁酱鏁�</view> </view> @@ -82,7 +82,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://wrzs.czjlchem.com:9090/appimg/image/banner/weighnum.png" mode="widthFix"></image> <view class="label-text">浣撻噸</view> </view> @@ -90,13 +90,14 @@ {{ userInfo.weight || '' }} </view> </view> - <view class="information-line" - @click="modifyPrint"> <!-- 鐢变簬鏄嚜瀹氫箟icon 闈炶璁″浘icon 鎵�浠ヨ鍔犱笂杩欎釜style="margin-left: 1.5%;" icon 涓嬭浇鏍煎紡涓�18x18--> + <!-- <view class="information-line" + @click="modifyPrint"> + <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/printer.png" + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/printer.png" mode="widthFix" style="width: 18px;"></image> <view class="label-text">纾呭崟鏍峰紡</view> @@ -108,12 +109,12 @@ <u-icon name="arrow-right" size="36"></u-icon> </view> - </view> + </view> --> <!-- <view class="information-line" @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://wrzs.czjlchem.com:9090/appimg/image/banner/address.png" mode="widthFix" style="width: 18px;"></image> <view class="label-text" @@ -128,7 +129,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://wrzs.czjlchem.com:9090/appimg/image/banner/score.png" mode="widthFix" style="width: 36rpx;position: relative;left: 8rpx;"></image> <view class="label-text">鎴戠殑绉垎</view> @@ -147,7 +148,7 @@ @click="scoreCert"> <view class="line-label" style="margin-left: 1.5%;"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/score.png" + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/score.png" mode="widthFix" style="width: 36rpx;position: relative;left: 8rpx;"></image> <view class="label-text">閬撹矾杩愯緭璇�</view> @@ -171,7 +172,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://wrzs.czjlchem.com:9090/appimg/image/banner/carimg.png" mode="widthFix"></image> <view class="label-text">杞﹁締鐓х墖</view> </view> @@ -188,7 +189,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://wrzs.czjlchem.com:9090/appimg/image/banner/cardimg.png" mode="widthFix"></image> <view class="label-text">琛岄┒璇佺収鐗�</view> </view> @@ -205,13 +206,13 @@ </view> <view class="car-img"> <view class="label-title"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/cardimg.png" mode="widthFix"></image> - <view class="label-text">杞﹁締绫诲瀷鐓х墖</view> + <view class="label-text">椹鹃┒璇�</view> </view> <view class="img-container"> <u--image :showLoading="true" - :src="userInfo.inventoryImg != null ? BaseUrl + userInfo.drivingImg : ''" + :src="userInfo.driverImg != null ? BaseUrl + userInfo.drivingImg : ''" width="80px" height="80px" @click="imageClick(3)"> @@ -256,7 +257,7 @@ <u--form labelPosition="left" :model="editUserInfo" ref="editUserInfo"> - <u-form-item labelWidth="20%" + <u-form-item labelWidth="35%" label="濮撳悕" prop="name" required> @@ -264,7 +265,7 @@ border="none" inputAlign="left"></u--input> </u-form-item> - <!-- <u-form-item labelWidth="20%" + <!-- <u-form-item labelWidth="35%" label="瀵嗙爜" prop="password" required> @@ -272,7 +273,7 @@ border="none" inputAlign="left"></u--input> </u-form-item> --> - <!-- <u-form-item labelWidth="20%" + <!-- <u-form-item labelWidth="35%" label="韬唤璇佸彿" prop="idCard" required> @@ -280,7 +281,7 @@ border="none" inputAlign="left"></u--input> </u-form-item> --> - <u-form-item labelWidth="20%" + <u-form-item labelWidth="35%" label="鎵嬫満鍙�" prop="phone" required> @@ -289,7 +290,7 @@ disabled inputAlign="left"></u--input> </u-form-item> - <!-- <u-form-item labelWidth="20%" + <!-- <u-form-item labelWidth="35%" label="杞︾墝鍙�" prop="carNo" required> @@ -297,7 +298,7 @@ border="none" inputAlign="left"></u--input> </u-form-item> --> - <u-form-item labelWidth="20%" + <u-form-item labelWidth="35%" label="浣撻噸" prop="weight" > @@ -306,7 +307,7 @@ inputAlign="left" placeholder="浣撻噸浠g浣滀负鍗曚綅"></u--input> </u-form-item> - <u-form-item labelWidth="20%" + <u-form-item labelWidth="35%" label="杞﹁酱鏁�" prop="axleNum" > @@ -314,7 +315,7 @@ border="none" inputAlign="left"></u--input> </u-form-item> - <u-form-item labelWidth="20%" + <u-form-item labelWidth="35%" label="鐜繚鏍囧噯" borderBottom required @@ -332,7 +333,7 @@ :name="item.name"></u-radio> </u-radio-group> </u-form-item> - <u-form-item labelWidth="20%" + <u-form-item labelWidth="35%" label="杞﹁締绫诲瀷" borderBottom ref="roleRef" @@ -344,6 +345,47 @@ @change="productcarTypeChange" ></niceui-data-select-input> </u-form-item> + <u-form-item prop="idCard" + label="韬唤璇�" + labelWidth="35%" + borderBottom + required + > + <u--input v-model="editUserInfo.idCard" + placeholder="璇疯緭鍏ュ唴瀹�" + disabled + clearable></u--input> + </u-form-item> + <view style="margin:5vh 30vw" > + <u-button text="澧炲姞" + type="primary" + @click="addData" + ></u-button> + </view> + <uni-table + border + id="table-box" + emptyText="鏆傛棤鏇村鏁版嵁" + > + <uni-tr> + <uni-th align="center" >韬唤璇佸彿</uni-th> + <uni-th align="center">鎿嶄綔</uni-th> + </uni-tr> + <uni-tr v-for="(subItem, index) in tablist" :key="index"> + <uni-td align="center"> + <u--input + placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" + v-model="subItem.idCard" + ></u--input> + </uni-td> + <uni-td align="right"> + <view> + <u-button text="鍒犻櫎" + type="primary" + @click="delData(index)"></u-button> + </view></uni-td> + </uni-tr> + </uni-table> <u-form-item> <view class="person-utils"> <u-button text="淇敼瀵嗙爜" @@ -372,9 +414,9 @@ <u--form labelPosition="left" :model="registerFormModel" > - <u-form-item prop="cardImg1" - label="韬唤璇佹闈�" - labelWidth="20%" + <u-form-item prop="carImg" + label="杞﹁締鐓х墖" + labelWidth="35%" borderBottom required @click="beforeRead"> @@ -390,33 +432,9 @@ :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" :start="minDate" /> - </u-form-item> <u-form-item prop="drivingImg" label="琛岄┒璇�" - labelWidth="20%" + labelWidth="35%" borderBottom required @click="beforeRead"> @@ -434,13 +452,13 @@ </u-form-item> <u-form-item prop="expirationTimeDriving" label="琛岄┒璇佽繃鏈熸椂闂�" - labelWidth="20%" + labelWidth="35%" borderBottom> <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" :start="minDate" /> </u-form-item> <u-form-item prop="driverImg" label="椹鹃┒璇�" - labelWidth="24%" + labelWidth="35%" borderBottom required @click="beforeRead"> @@ -458,13 +476,13 @@ </u-form-item> <u-form-item prop="expirationTimeDriver" label="椹鹃┒璇佽繃鏈熸椂闂�" - labelWidth="20%" + labelWidth="35%" borderBottom> <uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime" :start="minDate" /> </u-form-item> <u-form-item prop="tradeQualificationImg" label="浠庝笟璧勬牸璇�" - labelWidth="24%" + labelWidth="35%" borderBottom required @click="beforeRead"> @@ -482,7 +500,7 @@ </u-form-item> <u-form-item prop="expirationTimeTradequalification" label="浠庝笟璧勬牸杩囨湡鏃堕棿" - labelWidth="20%" + labelWidth="35%" borderBottom > <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" :start="minDate" /> @@ -504,8 +522,9 @@ @confirm="logoutConfirm" @cancel="logoutCancel"></u-modal> </view> - <printerStyle ref="printerStyleRef" - @selectedPrintStyle='selectedPrintStyleHandle' /> + <!-- <printerStyle ref="printerStyleRef" + v-if="printerVisible" + @selectedPrintStyle='selectedPrintStyleHandle' /> --> </view> </template> @@ -514,15 +533,17 @@ import { BaseUrl } from '@/api/publicInterface.js'; import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; import noobTour from '@/components/noobTour/noobTour.vue' - import printerStyle from '@/subPages/bill-of-lading-details/printerStyle/printerStyle.vue' + // import printerStyle from '@/subPages/bill-of-lading-details/printerStyle/printerStyle.vue' import { mapMutations, mapState } from 'vuex'; import qianTree from '@/components/qian-tree/qian-tree.vue'; export default { - components: { previewImage, noobTour, printerStyle,qianTree }, + components: { previewImage, noobTour,qianTree }, data() { return { + tablist:[], minDate: this.getToday(), customerName:"", + printerVisible:false, // 鑾峰彇鐨勫徃鏈鸿鎯� userInfo: {}, productName:"", @@ -556,12 +577,8 @@ value:2 }, { - text: '娑叉隘妲借溅', + text: '妲借溅', value:3 - }, - { - text: '娑茬⒈妲借溅', - value:4 } ], countryNumberCarList: [{ @@ -571,6 +588,10 @@ { name: 2, label: '鍥藉叚', + }, + { + name: 3, + label: '鏂拌兘婧�', } ], rules: { @@ -724,9 +745,15 @@ watch: { editDriverPopupShow(newVal) { console.log(newVal,'newval') + let reg=RegExp(/,/) + if(this.editUserInfo.otherIdCard){ + this.tablist= this.editUserInfo.otherIdCard.split(",").map(item=>{ + return {idCard:item} + }) + } if(newVal) this.$nextTick(() => { - if(this.$refs.editUserInfo) this.$refs['editUserInfo'].setRules(this.rules); + // if(this.$refs.editUserInfo) this.$refs['editUserInfo'].setRules(this.rules); }); } }, @@ -734,8 +761,7 @@ // this.init(); }, onReady() { - this.$refs.editUserInfo.setRules(this.rules); - + // this.$refs.editUserInfo.setRules(this.rules); }, methods: { productcarTypeChange(e){ @@ -794,8 +820,7 @@ Object.assign(this.editUserInfo, res.data) this.registerFormModel={ customerid:res.data.userId, - idCardImg:res.data.idCardImg, - expirationTimeIdcard:res.data.expirationTimeIdcard, + carImg:res.data.carImg, drivingImg:res.data.drivingImg, expirationTimeDriving:res.data.expirationTimeDriving, driverImg:res.data.driverImg, @@ -804,15 +829,10 @@ expirationTimeTradequalification:res.data.expirationTimeTradequalification, type:res.data.carType } - if(this.registerFormModel.idCardImg){ - if (this.fileList6.length == 0 && this.registerFormModel.idCardImg.split(",")[0]) { + if(this.registerFormModel.carImg){ + if (this.fileList6.length == 0 && this.registerFormModel.carImg.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]}` + url: `${BaseUrl}${this.registerFormModel.carImg}` }); } if (this.fileList8.length == 0 && this.userInfo.driverImg) { @@ -820,8 +840,6 @@ url: `${BaseUrl}${this.userInfo.driverImg}` }); } - this.registerFormModel.cardImg1=this.registerFormModel.idCardImg.split(",")[1] - this.registerFormModel.cardImg2=this.registerFormModel.idCardImg.split(",")[1] } this.editUserInfo.password = '' }); @@ -839,7 +857,7 @@ } else if (index == 2) { this.previewImageSrc = this.userInfo.drivingImg; } else { - this.previewImageSrc = this.userInfo.inventoryImg; + this.previewImageSrc = this.userInfo.driverImg; } this.$nextTick(() => { this.previewImageShow = true; @@ -917,11 +935,7 @@ .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) + this.registerFormModel.carImg = JSON.parse(res.data) .data.url; resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); }else if(num==8){ @@ -963,8 +977,7 @@ updateDoc(){ this.$reqPost('saveDriverDocs', { userId:this.registerFormModel.customerid, - idCardImg:this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2, - expirationTimeIdcard:this.registerFormModel.expirationTimeIdcard.slice(0,16), + carImg:this.registerFormModel.carImg, drivingImg:this.registerFormModel.drivingImg, expirationTimeDriving:this.registerFormModel.expirationTimeDriving.slice(0,16), driverImg:this.registerFormModel.driverImg, @@ -984,6 +997,12 @@ }); } }) + }, + addData(){ + this.tablist.push({idCard:""}) + }, + delData(e){ + this.tablist.splice(e,1) }, // 淇敼鐢ㄦ埛淇℃伅 updateUser() { @@ -1008,7 +1027,54 @@ } } } - this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { + if(this.tablist.length>0){ + let idcardtext=/^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ + this.tablist.map(item=>{ + if(!item.idCard){ + uni.showToast({ + title: `璇峰~鍐欒韩浠借瘉锛乣, + icon: 'error', + duration: 2000 + }); + submit=false + }else if(!idcardtext.test(item.idCard)){ + uni.showToast({ + title: `璇锋楠岃韩浠借瘉锛乣, + icon: 'error', + duration: 2000 + }); + submit=false + } + }) + const uniqueSampleTypeIds = new Set(this.tablist.map(item => item.idCard)); + const hasDuplicateSampleTypeId = this.tablist.length !== uniqueSampleTypeIds.size; + if(hasDuplicateSampleTypeId){ + uni.showToast({ + title: `韬唤璇佷笉鑳介噸澶嶏紒`, + icon: 'error', + duration: 2000 + }); + submit=false + } + this.editUserInfo.otherIdCard=this.tablist.map(item=>{ + return item.idCard + }).join(',') + } + + let data={ + name:this.editUserInfo.name, + phone:this.editUserInfo.phone, + countryNumberCar:this.editUserInfo.countryNumberCar, + carType:this.editUserInfo.carType, + weight:this.editUserInfo.weight, + axleNum:this.editUserInfo.axleNum, + idCard:this.editUserInfo.idCard, + userId:this.editUserInfo.userId, + type:this.editUserInfo.type, + username:this.editUserInfo.username, + otherIdCard:this.editUserInfo.otherIdCard, + } + this.$reqPost('updateUser', data, 'json').then(res => { this.editDriverPopupShow = false; if (res.code == 0) { this.$u.toast('淇敼鎴愬姛'); @@ -1037,6 +1103,8 @@ }, //淇敼纾呭崟鎵撳嵃鏍峰紡 modifyPrint() { + this.printerVisible = true; + console.log(printerStyle,'123') this.$nextTick(() => { this.$refs.printerStyleRef.init() }) -- Gitblit v1.9.1