From 8bedb5a0c09876046b397a94a9b12bb6e805d284 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期三, 19 六月 2024 17:13:23 +0800 Subject: [PATCH] Merge branch 'jlhg' of http://39.96.92.240:10000/r/~fyy/unattended-app into jlhg --- pages/register/register.vue | 288 ++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 223 insertions(+), 65 deletions(-) diff --git a/pages/register/register.vue b/pages/register/register.vue index 7fd5b29..9212e1e 100644 --- a/pages/register/register.vue +++ b/pages/register/register.vue @@ -42,6 +42,48 @@ 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="鎵嬫満鍙�" labelWidth="20%" @@ -60,6 +102,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" password clearable></u--input> + <span> 瀵嗙爜搴旂敱8-16浣嶆暟瀛椼�佸瓧姣嶃�佺鍙风粍鎴愩�傝涓嶈浣跨敤瀹规槗琚寽鍒扮殑瀵嗙爜</span> </u-form-item> <u-form-item prop="confirmPassword" label="纭瀵嗙爜" @@ -81,6 +124,18 @@ <u--input v-model="registerFormModel.carNo" 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="杞﹁締鐓х墖" @@ -120,8 +175,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,12 +201,18 @@ :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="浠庝笟璧勬牸璇�" labelWidth="24%" borderBottom v-if="radiovalue1 == '鍙告満'" - required @click="beforeRead"> <u-upload :fileList="fileList4" deletable @@ -157,42 +225,20 @@ height="150" :previewFullImage="true"> </u-upload> + <span style="color:red"> + 鍑℃槸杩愯緭鏈夋瘨鍖栧鐗╁搧鐨勮溅杈嗗繀椤讳笂浼犱粠涓氳祫鏍艰瘉骞跺~鍐欎粠涓氳祫鏍艰瘉鏈夋晥鏃堕棿 + </span> </u-form-item> - <u-form-item prop="inventoryImg" - label="鐜繚娓呭崟" - labelWidth="24%" + <u-form-item prop="expirationTimeTradequalification" + label="浠庝笟璧勬牸杩囨湡鏃堕棿" + labelWidth="20%" borderBottom - v-if="radiovalue1 == '鍙告満'" - @click="beforeRead"> - <u-upload :fileList="fileList5" - deletable - @afterRead="afterRead" - @delete="deletePic" - name="5" - multiple - :maxCount="3" - width="250" - height="150" - :previewFullImage="true"> - </u-upload> - </u-form-item> - <u-form-item label="鏄惁闈炵叅杞﹁締" - v-if="radiovalue1 == '鍙告満'" - labelWidth="30%" - borderBottom - prop="isNonCoal"> - <u-checkbox-group v-model="registerFormModel.isNonCoal" - placement="row" - size="40" - @change="isNonCoalChange"> - <u-checkbox name="鏄�" - label-size="30"> - </u-checkbox> - </u-checkbox-group> + v-if="radiovalue1 == '鍙告満'"> + <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" :start="minDate" /> </u-form-item> <u-form-item labelWidth="20%" v-if="radiovalue1 == '鍙告満'" - label="杞﹁締绫诲瀷" + label="鐜繚绫诲瀷" borderBottom prop="countryNumberCar"> <u-radio-group v-model="registerFormModel.countryNumberCar" @@ -241,7 +287,49 @@ } }, data() { + const checkPassword = (rule, value, callback) => { + let passL = 8; + if(!value) { //涓嶅繀濉� + return callback() + } + if(value && value.length < passL) { + return callback(`瀵嗙爜涓嶈兘灏戜簬${passL}浣峘) + } + if(value && value.length > 16) { + return callback('瀵嗙爜涓嶈兘澶т簬16浣�') + } + //鏍¢獙鏄暟瀛� + const regex1 = /^\d+$/ + // 鏍¢獙瀛楁瘝 + const regex2 = /^[A-Za-z]+$/ + // 鏍¢獙绗﹀彿 + const regex3 = + /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�乚+$/ + if(regex1.test(value)) { + return callback('瀵嗙爜寮哄害杩囦綆') + }else if(regex2.test(value)) { + return callback('瀵嗙爜寮哄害杩囦綆') + }else if(regex3.test(value)) { + return callback('瀵嗙爜寮哄害杩囦綆') + }else if(/^[A-Za-z\d]+$/.test(value)) { + return callback('瀵嗙爜寮哄害杩囦綆') + }else if( + /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�乗d]+$/.test( + value + ) + ) { + return callback('瀵嗙爜寮哄害杩囦綆') + }else if( + /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�丄-Za-z]+$/.test( + value + ) + ) { + return callback('瀵嗙爜寮哄害杩囦綆') + } + return callback() + } return { + minDate: this.getToday(), // 杞︾墝鍙烽敭鐩樻帶鍒� carNumShow: false, keyValue: '', @@ -259,11 +347,9 @@ tuiJianMa: '', confirmPassword: '', tradeQualificationImg: '', - roadTransportImg: '', - isNonCoal: [], - isCoalCar: 1, //鏄惁涓虹叅鐐溅杈�(鍙告満浣跨敤瀛楁) 1 鏄� 2 涓嶆槸 - inventoryImg: '', - countryNumberCar: 0, //杞﹁締绫诲瀷;鍥戒簲 1锛屽浗鍏� 2 + driverImg: '', + countryNumberCar: 2, //鐜繚绫诲瀷;鍥戒簲 1锛屽浗鍏� 2 + carType:0, }, fileList1: [], fileList2: [], @@ -272,10 +358,19 @@ fileList5: [], fileList6: [], rules: { - inventoryImg: { + countryNumberCar: { required: false, }, - countryNumberCar: { + expirationTimeIdcard: { + required: false, + }, + expirationTimeDriving: { + required: false, + }, + expirationTimeDriver: { + required: false, + }, + expirationTimeTradequalification: { required: false, }, name: { @@ -321,10 +416,11 @@ trigger: ['blur', 'change'] }, { - min: 6, - max: 12, - message: '闀垮害鍦�6-12涓瓧绗︿箣闂�' - } + min: 8, + max: 16, + message: '闀垮害鍦�8-16涓瓧绗︿箣闂�' + }, + {validator: checkPassword, trigger: 'change'} ], confirmPassword: [{ required: true, @@ -354,6 +450,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, @@ -366,18 +474,12 @@ message: '璇蜂笂浼犺椹惰瘉鐓х墖', trigger: ['blur', 'change'] }, - roadTransportImg: { + driverImg: { type: 'string', required: true, - message: '璇蜂笂浼犻亾璺繍杈撹瘉鐓х墖', + message: '璇蜂笂浼犻┚椹惰瘉鐓х墖', trigger: ['blur', 'change'] - }, - tradeQualificationImg: { - type: 'string', - required: true, - message: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鐓х墖', - trigger: ['blur', 'change'] - }, + } }, radiolist1: [{ name: '鍙告満', @@ -386,6 +488,23 @@ { name: '璐т唬', disabled: false + } + ], + radiolist2: [{ + text: '鏅�氳繍杈撹溅', + value:1 + }, + { + text: '闆嗚绠卞钩鏉胯溅', + value:2 + }, + { + text: '娑叉隘妲借溅', + value:3 + }, + { + text: '娑茬⒈妲借溅', + value:4 } ], countryNumberCarList: [{ @@ -433,22 +552,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', @@ -458,7 +614,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 => { @@ -469,6 +625,7 @@ console.log('err', err); this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�'); }); + } } else { this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�'); } @@ -542,15 +699,19 @@ 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.inventoryImg = JSON.parse(res.data) + }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}`); } @@ -577,9 +738,6 @@ this.$nextTick(() => { this.editRoleModelShow = false; }); - }, - isNonCoalChange() { - this.registerFormModel.isCoalCar = this.registerFormModel.isNonCoal.length !== 0 ? 1 : 2 } } }; -- Gitblit v1.9.1