From 04bf082f36434f1847412492576d8472c422993c Mon Sep 17 00:00:00 2001 From: wk Date: 星期四, 06 六月 2024 15:33:53 +0800 Subject: [PATCH] 我来送货 --- pages/register/register.vue | 244 +++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 219 insertions(+), 25 deletions(-) diff --git a/pages/register/register.vue b/pages/register/register.vue index 4bde953..f298b23 100644 --- a/pages/register/register.vue +++ b/pages/register/register.vue @@ -17,7 +17,6 @@ iconSize="20"> <u-radio labelSize="14px" size="20px" - :customStyle="{ marginBottom: '8px' }" v-for="(item, index) in radiolist1" :key="index" :label="item.name" @@ -42,6 +41,48 @@ <u--input v-model="registerFormModel.idCard" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> + </u-form-item> + <u-form-item prop="cardImg1" + label="韬唤璇佹闈�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList5" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="5" + 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="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="expirationTimeIdcard" + label="韬唤璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="datetime" :start="minDate" /> </u-form-item> <u-form-item prop="phone" label="鎵嬫満鍙�" @@ -83,6 +124,18 @@ placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹁締绫诲瀷" + borderBottom + ref="roleRef" + v-if="radiovalue1 == '鍙告満'"> + <niceui-data-select-input v-model="registerFormModel.carType" + :localdata="radiolist2" + label="杞﹁締绫诲瀷閫夋嫨" + placeholder="璇烽�夋嫨杞﹁締绫诲瀷" + @change="productcarTypeChange" + ></niceui-data-select-input> + </u-form-item> <u-form-item prop="carImg" label="杞﹁締鐓х墖" labelWidth="20%" @@ -121,8 +174,15 @@ :previewFullImage="true"> </u-upload> </u-form-item> - <u-form-item prop="roadTransportImg" - label="閬撹矾杩愯緭璇�" + <u-form-item prop="expirationTimeDriving" + label="琛岄┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'"> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" :start="minDate" /> + </u-form-item> + <u-form-item prop="driverImg" + label="椹鹃┒璇�" labelWidth="24%" borderBottom v-if="radiovalue1 == '鍙告満'" @@ -139,6 +199,13 @@ height="150" :previewFullImage="true"> </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeDriver" + label="椹鹃┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'"> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime" :start="minDate" /> </u-form-item> <u-form-item prop="tradeQualificationImg" label="浠庝笟璧勬牸璇�" @@ -158,8 +225,19 @@ height="150" :previewFullImage="true"> </u-upload> + <span style="color:red"> + 鍑℃槸杩愯緭鏈夋瘨鍖栧鐗╁搧鐨勮溅杈嗗繀椤讳笂浼犱粠涓氳祫鏍艰瘉骞跺~鍐欎粠涓氳祫鏍艰瘉鏈夋晥鏃堕棿 + </span> + </u-form-item> + <u-form-item prop="expirationTimeTradequalification" + label="浠庝笟璧勬牸杩囨湡鏃堕棿" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'"> + <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" :start="minDate" /> </u-form-item> <u-form-item label="鏄惁闈炵叅杞﹁締" + v-if="radiovalue1 == '鍙告満'" labelWidth="30%" borderBottom prop="isNonCoal"> @@ -167,11 +245,28 @@ placement="row" size="40" @change="isNonCoalChange"> - <u-checkbox :label="registerFormModel.isNonCoal.length!==0?'鏄�':'鍚�'" - name="鏄�" + <u-checkbox name="鏄�" label-size="30"> </u-checkbox> </u-checkbox-group> + </u-form-item> + <u-form-item labelWidth="20%" + v-if="radiovalue1 == '鍙告満'" + label="杞﹁締绫诲瀷" + borderBottom + prop="countryNumberCar"> + <u-radio-group v-model="registerFormModel.countryNumberCar" + placement="row" + size="30" + shape="circle" + iconSize="20"> + <u-radio labelSize="14px" + size="20px" + v-for="(item, index) in countryNumberCarList" + :key="index" + :label="item.label" + :name="item.name"></u-radio> + </u-radio-group> </u-form-item> </u--form> </view> @@ -207,6 +302,7 @@ }, data() { return { + minDate: this.getToday(), // 杞︾墝鍙烽敭鐩樻帶鍒� carNumShow: false, keyValue: '', @@ -216,7 +312,7 @@ name: '', username: '', openId: '', - type: 2, + type: 3, idCard: '', carNo: '', carImg: '', @@ -224,15 +320,34 @@ tuiJianMa: '', confirmPassword: '', tradeQualificationImg: '', - roadTransportImg: '', + driverImg: '', isNonCoal: [], - isCoalCar: 1 //鏄惁涓虹叅鐐溅杈�(鍙告満浣跨敤瀛楁) 1 鏄� 2 涓嶆槸 + isCoalCar: 1, //鏄惁涓虹叅鐐溅杈�(鍙告満浣跨敤瀛楁) 1 鏄� 2 涓嶆槸 + countryNumberCar: 0, //杞﹁締绫诲瀷;鍥戒簲 1锛屽浗鍏� 2 + carType:0 }, fileList1: [], fileList2: [], fileList3: [], fileList4: [], + fileList5: [], + fileList6: [], rules: { + countryNumberCar: { + required: false, + }, + expirationTimeIdcard: { + required: false, + }, + expirationTimeDriving: { + required: false, + }, + expirationTimeDriver: { + required: false, + }, + expirationTimeTradequalification: { + required: false, + }, name: { type: 'string', required: true, @@ -309,6 +424,18 @@ trigger: ['change', 'blur'] } ], + cardImg1:{ + type: 'string', + required: true, + message: '璇蜂笂浼犺韩浠借瘉姝i潰', + trigger: ['blur', 'change'] + }, + cardImg2:{ + type: 'string', + required: true, + message: '璇蜂笂浼犺韩浠借瘉鍙嶉潰', + trigger: ['blur', 'change'] + }, carImg: { type: 'string', required: true, @@ -321,16 +448,10 @@ message: '璇蜂笂浼犺椹惰瘉鐓х墖', trigger: ['blur', 'change'] }, - roadTransportImg: { + driverImg: { type: 'string', required: true, - message: '璇蜂笂浼犻亾璺繍杈撹瘉鐓х墖', - trigger: ['blur', 'change'] - }, - tradeQualificationImg: { - type: 'string', - required: true, - message: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鐓х墖', + message: '璇蜂笂浼犻┚椹惰瘉鐓х墖', trigger: ['blur', 'change'] } }, @@ -341,6 +462,36 @@ { name: '璐т唬', disabled: false + } + ], + radiolist2: [{ + text: '鏅�氳繍杈撹溅', + value:1 + }, + { + text: '闆嗚绠卞钩鏉胯溅', + value:2 + }, + { + text: '娑叉隘妲借溅', + value:3 + }, + { + text: '娑茬⒈妲借溅', + value:4 + } + ], + countryNumberCarList: [{ + name: 1, + label: '鍥戒簲', + }, + { + name: 2, + label: '鍥藉叚', + }, + { + name: 3, + label: '鏂拌兘婧�', } ], radiovalue1: '鍙告満', @@ -375,22 +526,59 @@ break; } return; - } + }, }, methods: { ...mapMutations(['changeisUploadimg']), + getToday() { + let now = new Date(); + let year = now.getFullYear(); + let month = this.padStart(now.getMonth() + 1); // 鏈堜唤鏄粠0寮�濮嬬殑 + let day = this.padStart(now.getDate()); + let hour = this.padStart(now.getHours()); + let minute = this.padStart(now.getMinutes()); + let second = this.padStart(now.getSeconds()); + console.log(`${year}-${month}-${day} ${hour}:${minute}:${second}`) + return `${year}-${month}-${day} ${hour}:${minute}:${second}`; + }, + padStart(value) { + return value.toString().padStart(2, '0'); + }, + productcarTypeChange(e){ + console.log(this.registerFormModel.carType,this.radiolist2.find(v => v.value === e).value) + this.registerFormModel.carType = this.radiolist2.find(v => v.value === e).value + }, registerClick() { if (this.registerFormModel.password == this.registerFormModel.confirmPassword) { + if(this.registerFormModel.carType==3&&!this.registerFormModel.tradeQualificationImg||this.registerFormModel.carType==4&&!this.registerFormModel.tradeQualificationImg){ + uni.showToast({ + title: '璇蜂笂浼犱粠涓氳祫鏍艰瘉锛�', + icon: 'error', + duration: 2000 + }); + }else{ this.$refs.regesterFormRef .validate() .then(res => { - console.log(this.registerFormModel); this.registerClickloading = true; this.registerFormModel.username = this.registerFormModel.phone; - apiRegister(this.registerFormModel) + this.registerFormModel.idCardImg = this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2; + if(this.registerFormModel.expirationTimeDriver){ + this.registerFormModel.expirationTimeDriver=this.registerFormModel.expirationTimeDriver.slice(0,16) + } + if(this.registerFormModel.expirationTimeDriving){ + this.registerFormModel.expirationTimeDriving=this.registerFormModel.expirationTimeDriving.slice(0,16) + } + if(this.registerFormModel.expirationTimeIdcard){ + this.registerFormModel.expirationTimeIdcard=this.registerFormModel.expirationTimeIdcard.slice(0,16) + } + if(this.registerFormModel.expirationTimeTradequalification){ + this.registerFormModel.expirationTimeTradequalification=this.registerFormModel.expirationTimeTradequalification.slice(0,16) + } + this.$reqPost('registerDriver', this.registerFormModel, 'json') .then(res => { this.registerClickloading = false; - if (res.data.code == 0) { + if (res.code == 0) { uni.showToast({ title: '娉ㄥ唽鎴愬姛,鍗冲皢杩斿洖鐧诲綍椤�', icon: 'none', @@ -400,7 +588,7 @@ uni.redirectTo({ url: '/pages/login/login' }); }, 1000); } else { - this.$u.toast(res.data.msg ? res.data.msg : '娣诲姞澶辫触'); + this.$u.toast(res.msg ? res.msg : '娣诲姞澶辫触'); } }) .catch(err => { @@ -411,6 +599,7 @@ console.log('err', err); this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�'); }); + } } else { this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�'); } @@ -476,9 +665,6 @@ url: BaseUrl + '/admin/sys-file/uploadUnToken', filePath: url, name: 'file', - formData: { - // user: '' - }, success: res => { if (num == 1) { this.registerFormModel.carImg = JSON.parse(res.data).data.url; @@ -487,13 +673,21 @@ this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } else if (num == 3) { - this.registerFormModel.roadTransportImg = JSON.parse(res.data).data + this.registerFormModel.driverImg = JSON.parse(res.data).data .url; resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } else if (num == 4) { this.registerFormModel.tradeQualificationImg = JSON.parse(res.data) .data.url; resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==5){ + this.registerFormModel.cardImg1 = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==6){ + this.registerFormModel.cardImg2 = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } } }); -- Gitblit v1.9.1