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 | 303 +++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 260 insertions(+), 43 deletions(-) diff --git a/pages/register/register.vue b/pages/register/register.vue index 4bde953..9212e1e 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" @@ -43,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%" @@ -61,6 +102,7 @@ placeholder="璇疯緭鍏ュ唴瀹�" password clearable></u--input> + <span> 瀵嗙爜搴旂敱8-16浣嶆暟瀛椼�佸瓧姣嶃�佺鍙风粍鎴愩�傝涓嶈浣跨敤瀹规槗琚寽鍒扮殑瀵嗙爜</span> </u-form-item> <u-form-item prop="confirmPassword" label="纭瀵嗙爜" @@ -82,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="杞﹁締鐓х墖" @@ -121,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 == '鍙告満'" @@ -140,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 @@ -158,20 +225,34 @@ height="150" :previewFullImage="true"> </u-upload> + <span style="color:red"> + 鍑℃槸杩愯緭鏈夋瘨鍖栧鐗╁搧鐨勮溅杈嗗繀椤讳笂浼犱粠涓氳祫鏍艰瘉骞跺~鍐欎粠涓氳祫鏍艰瘉鏈夋晥鏃堕棿 + </span> </u-form-item> - <u-form-item label="鏄惁闈炵叅杞﹁締" - labelWidth="30%" + <u-form-item prop="expirationTimeTradequalification" + label="浠庝笟璧勬牸杩囨湡鏃堕棿" + labelWidth="20%" borderBottom - prop="isNonCoal"> - <u-checkbox-group v-model="registerFormModel.isNonCoal" + 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="鐜繚绫诲瀷" + borderBottom + prop="countryNumberCar"> + <u-radio-group v-model="registerFormModel.countryNumberCar" placement="row" - size="40" - @change="isNonCoalChange"> - <u-checkbox :label="registerFormModel.isNonCoal.length!==0?'鏄�':'鍚�'" - name="鏄�" - label-size="30"> - </u-checkbox> - </u-checkbox-group> + 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> @@ -206,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: '', @@ -216,7 +339,7 @@ name: '', username: '', openId: '', - type: 2, + type: 3, idCard: '', carNo: '', carImg: '', @@ -224,15 +347,32 @@ tuiJianMa: '', confirmPassword: '', tradeQualificationImg: '', - roadTransportImg: '', - isNonCoal: [], - isCoalCar: 1 //鏄惁涓虹叅鐐溅杈�(鍙告満浣跨敤瀛楁) 1 鏄� 2 涓嶆槸 + driverImg: '', + countryNumberCar: 2, //鐜繚绫诲瀷;鍥戒簲 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, @@ -276,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, @@ -309,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, @@ -321,16 +474,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 +488,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 +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', @@ -400,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 => { @@ -411,6 +625,7 @@ console.log('err', err); this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�'); }); + } } else { this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�'); } @@ -476,9 +691,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,11 +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.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}`); } @@ -518,9 +738,6 @@ this.$nextTick(() => { this.editRoleModelShow = false; }); - }, - isNonCoalChange() { - this.registerFormModel.isCoalCar = this.registerFormModel.isNonCoal.length !== 0 ? 1 : 2 } } }; -- Gitblit v1.9.1