From 9b85e466d4ce21bb704c01ac3729737f3146bdc8 Mon Sep 17 00:00:00 2001 From: 819527061@qq.com <123456> Date: 星期二, 11 六月 2024 14:47:09 +0800 Subject: [PATCH] docs:密码强度 --- pages/register/register.vue | 961 ++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 615 insertions(+), 346 deletions(-) diff --git a/pages/register/register.vue b/pages/register/register.vue index 1b90898..aeec7b3 100644 --- a/pages/register/register.vue +++ b/pages/register/register.vue @@ -1,400 +1,669 @@ <template> <view class="register"> - <!-- <home-species title="娉ㄥ唽"></home-species> --> <view class="registerForm"> - <u--form :rules="rules" :model="registerFormModel" ref="regesterFormRef"> - <u-form-item labelWidth="20%" label="閫夋嫨韬唤" borderBottom ref="roleRef" required> - <u-radio-group v-model="radiovalue1" placement="row" @change="groupChange" size="30" shape="circle" iconSize="20"> - <u-radio - labelSize="14px" + <u--form :rules="rules" + :model="registerFormModel" + ref="regesterFormRef"> + <u-form-item labelWidth="20%" + label="閫夋嫨韬唤" + borderBottom + ref="roleRef" + required> + <u-radio-group v-model="radiovalue1" + placement="row" + @change="groupChange" + size="30" + shape="circle" + iconSize="20"> + <u-radio labelSize="14px" size="20px" - :customStyle="{ marginBottom: '8px' }" v-for="(item, index) in radiolist1" :key="index" :label="item.name" :name="item.name" - @change="radioChange" - ></u-radio> + @change="radioChange"></u-radio> </u-radio-group> </u-form-item> - <u-form-item prop="name" label="濮撳悕" labelWidth="20%" borderBottom required> - <u--input v-model="registerFormModel.name" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> + <u-form-item prop="name" + label="濮撳悕" + labelWidth="20%" + borderBottom + required> + <u--input v-model="registerFormModel.name" + placeholder="璇疯緭鍏ュ唴瀹�" + clearable></u--input> </u-form-item> - <u-form-item prop="idCard" label="韬唤璇�" labelWidth="20%" borderBottom required> - <u--input v-model="registerFormModel.idCard" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> + <u-form-item prop="idCard" + label="韬唤璇�" + labelWidth="20%" + borderBottom + required> + <u--input v-model="registerFormModel.idCard" + placeholder="璇疯緭鍏ュ唴瀹�" + clearable></u--input> </u-form-item> - <u-form-item prop="phone" label="鎵嬫満鍙�" labelWidth="20%" borderBottom required> - <u--input v-model="registerFormModel.phone" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> + <u-form-item prop="phone" + label="鎵嬫満鍙�" + labelWidth="20%" + borderBottom + required> + <u--input v-model="registerFormModel.phone" + placeholder="璇疯緭鍏ュ唴瀹�" + clearable></u--input> </u-form-item> - <u-form-item prop="password" label="瀵嗙爜" labelWidth="20%" borderBottom required> - <u--input v-model="registerFormModel.password" placeholder="璇疯緭鍏ュ唴瀹�" password clearable></u--input> + <u-form-item prop="password" + label="瀵嗙爜" + labelWidth="20%" + borderBottom + required> + <u--input v-model="registerFormModel.password" + placeholder="璇疯緭鍏ュ唴瀹�" + password + clearable></u--input> </u-form-item> - <u-form-item prop="confirmPassword" label="纭瀵嗙爜" labelWidth="20%" borderBottom required> - <u--input v-model="registerFormModel.confirmPassword" placeholder="璇疯緭鍏ュ唴瀹�" password clearable @blur="jiaoYanPassword"></u--input> + <u-form-item prop="confirmPassword" + label="纭瀵嗙爜" + labelWidth="20%" + borderBottom + required> + <u--input v-model="registerFormModel.confirmPassword" + placeholder="璇疯緭鍏ュ唴瀹�" + password + clearable + @blur="jiaoYanPassword"></u--input> </u-form-item> - <u-form-item prop="carNo" label="杞︾墝鍙�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required> - <u--input v-model="registerFormModel.carNo" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> + <!-- 瀹㈡埛鐙湁鐨� 鏄惁绠$悊鍛�--> + + <u-form-item labelWidth="30%" + label="鏄惁绠$悊鍛�" + borderBottom + prop="isHostUser" + v-if="radiovalue1 == '瀹㈡埛'" + ref="roleRef" + required> + <u-radio-group v-model="registerFormModel.isHostUser" + placement="row" + size="30" + shape="circle" + iconSize="20"> + <u-radio labelSize="14px" + size="20px" + :key="0" + :label="'鏄�'" + :name="0"></u-radio> + <u-radio labelSize="14px" + size="20px" + :key="1" + :label="'鍚�'" + :name="1"></u-radio> + </u-radio-group> </u-form-item> - <u-form-item prop="carImg" label="杞﹁締鐓х墖" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required> - <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1" width="250" height="150"> - <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" - mode="widthFix" style="width: 250px;height: 150px;"></image> --> + + <u-form-item prop="invitationCode" + label="閭�璇风爜" + v-if="radiovalue1 == '瀹㈡埛'" + labelWidth="20%" + borderBottom + required> + <u--input v-model="registerFormModel.invitationCode" + placeholder="璇疯緭鍏ラ個璇风爜" + password + clearable + @blur="jiaoYanPassword"></u--input> + </u-form-item> + <u-form-item prop="carNo" + label="杞︾墝鍙�" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + required> + <u--input v-model="registerFormModel.carNo" + placeholder="璇疯緭鍏ュ唴瀹�" + clearable></u--input> + </u-form-item> + <u-form-item prop="carImg" + label="杞﹁締鐓х墖" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + required + @click="beforeRead"> + <u-upload :fileList="fileList1" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="1" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> </u-upload> </u-form-item> - <u-form-item prop="drivingImg" label="琛岄┒璇�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required> - <u-upload :fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="1" width="250" height="150"> - <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" - mode="widthFix" style="width: 250px;height: 150px;"></image> --> + <u-form-item prop="drivingImg" + label="琛岄┒璇�" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + 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 label="鎺ㄨ崘浜鸿处鍙�" labelWidth="25%" borderBottom><u--input v-model="registerFormModel.tuiJianMa" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input></u-form-item> + <u-form-item prop="roadTransportImg" + label="閬撹矾杩愯緭璇�" + labelWidth="24%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + required + @click="beforeRead"> + <u-upload :fileList="fileList3" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="3" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="tradeQualificationImg" + label="浠庝笟璧勬牸璇�" + labelWidth="24%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + 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="inventoryImg" + label="鐜繚娓呭崟" + labelWidth="24%" + 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> + </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> <view class="roleModel"> - <u-modal :show="editRoleModelShow" :title="title" :content="content" :showCancelButton="true" @confirm="roleConfirm" @cancel="roleCancel"></u-modal> + <u-modal :show="editRoleModelShow" + :title="title" + :content="content" + :showCancelButton="true" + @confirm="roleConfirm" + @cancel="roleCancel"></u-modal> </view> - <view class="registerBtn"><u-button text="娉ㄥ唽" type="primary" @click="registerClick"></u-button></view> + <view class="registerBtn"><u-button text="娉ㄥ唽" + type="primary" + @click="registerClick" + :loading="registerClickloading"></u-button></view> </view> </template> <script> -// import HomeSpecies from '@/components/home-species/HomeSpecies.vue'; -import { apiRegister } from '@/api/publicInterface.js'; -import { BaseUrl } from '@/api/publicInterface.js'; -export default { - // onLoad: function() { - // // 鏌ョ湅鏄惁鎺堟潈 - // wx.getSetting({ - // success (res){ - // if (res.authSetting['scope.userInfo']) { - // // 宸茬粡鎺堟潈锛屽彲浠ョ洿鎺ヨ皟鐢� getUserInfo 鑾峰彇澶村儚鏄电О - // wx.getUserInfo({ - // success: function(res) { - // console.log('res.userInfo',res.userInfo) - // } - // }) - // } - // } - // }) - // }, - components: { - // HomeSpecies - }, - // 鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚銆傛敞鎰忓鏋滄覆鏌撻�熷害蹇紝浼氬湪椤甸潰杩涘叆鍔ㄧ敾瀹屾垚鍓嶈Е鍙� - onReady() { - // this.$refs.regesterFormRef.setRules(this.rules); - // this.$refs.regesterFormRef.validate().then(res => {}).catch(err => { - // console.log(err); - // }) - }, - onLoad(params) { - if (params) { - this.registerFormModel.openId = params.code; - console.log('椤甸潰鍔犺浇', this.registerFormModel.openId); - } - }, - data() { - return { - registerFormModel: { - phone: '', - password: '', - name: '', - username: '', - openId: '', - type: 2, - idCard: '', - carNo: '', - carImg: '', - drivingImg: '', - tuiJianMa: '', - confirmPassword:'' - }, - fileList1: [], - fileList2: [], - rules: { - name: { - type: 'string', - required: true, - message: '璇峰~鍐欏鍚�', - trigger: ['blur', 'change'] + import { apiRegister } from '@/api/publicInterface.js'; + import { BaseUrl } from '@/api/publicInterface.js'; + import { mapMutations } from 'vuex'; + export default { + // 鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚銆傛敞鎰忓鏋滄覆鏌撻�熷害蹇紝浼氬湪椤甸潰杩涘叆鍔ㄧ敾瀹屾垚鍓嶈Е鍙� + onReady() { + this.$refs.regesterFormRef.setRules(this.rules); + }, + onLoad(params) { + if (params) { + this.registerFormModel.openId = params.code; + console.log('椤甸潰鍔犺浇', this.registerFormModel.openId); + } + }, + data() { + return { + // 杞︾墝鍙烽敭鐩樻帶鍒� + carNumShow: false, + keyValue: '', + registerFormModel: { + phone: '', + password: '', + name: '', + username: '', + openId: '', + type: 3, + idCard: '', + isHostUser:'', + carNo: '', + carImg: '', + drivingImg: '', + tuiJianMa: '', + invitationCode:'', //閭�璇风爜 + confirmPassword: '', + tradeQualificationImg: '', + roadTransportImg: '', + isNonCoal: [], + isCoalCar: 1, //鏄惁涓虹叅鐐溅杈�(鍙告満浣跨敤瀛楁) 1 鏄� 2 涓嶆槸 + inventoryImg: '', + countryNumberCar: 0, //杞﹁締绫诲瀷;鍥戒簲 1锛屽浗鍏� 2 }, - idCard: { - type: 'string', - required: true, - message: '璇疯緭鍏ヨ韩浠借瘉鍙�', - trigger: ['blur', 'change'] - }, - phone: [ - { - required: true, - message: '姝や负蹇呭~瀛楁', - // blur鍜宑hange浜嬩欢瑙﹀彂妫�楠� - trigger: ['blur', 'change'] + fileList1: [], + fileList2: [], + fileList3: [], + fileList4: [], + fileList5: [], + fileList6: [], + rules: { + inventoryImg: { + required: false, }, - { - min: 11, - max: 11, - message: '璇疯緭鍏ュ悎娉曟墜鏈哄彿' - } - ], - password: [ - { - required: true, - message: '璇疯缃垵濮嬪瘑鐮�', - trigger: ['blur', 'change'] + countryNumberCar: { + required: false, }, - { - min: 6, - max: 12, - message: '闀垮害鍦�6-12涓瓧绗︿箣闂�' - } - ], - confirmPassword:[ - { - required: true, - message: '璇疯缃垵濮嬪瘑鐮�', - trigger: ['blur', 'change'] - }, - { - min: 6, - max: 12, - message: '闀垮害鍦�6-12涓瓧绗︿箣闂�' - } - ], - carNo: [ - { + name: { type: 'string', required: true, - message: '璇疯緭鍏ヨ溅鐗屽彿', + message: '璇峰~鍐欏鍚�', trigger: ['blur', 'change'] + }, + idCard: [{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ韩浠借瘉鍙�', + trigger: ['blur', 'change'] + }, + { + pattern: /^([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]$/, + message: '韬唤璇佸彿鏍煎紡涓嶆纭�', + trigger: ['blur', 'change'] + } + ], + phone: [{ + required: true, + message: '璇疯緭鍏ユ墜鏈哄彿', + // blur鍜宑hange浜嬩欢瑙﹀彂妫�楠� + trigger: ['blur', 'change'] + }, + { + min: 11, + max: 11, + message: '璇疯緭鍏ュ悎娉曟墜鏈哄彿' + }, + { + validator: (rule, value, callback) => { + return uni.$u.test.mobile(value); + }, + message: '鎵嬫満鍙风爜鏍煎紡涓嶆纭�', + trigger: ['change', 'blur'] + } + ], + password: [{ + required: true, + message: '璇疯缃垵濮嬪瘑鐮�', + trigger: ['blur', 'change'] + }, + { + min: 6, + max: 12, + message: '闀垮害鍦�6-12涓瓧绗︿箣闂�' + } + ], + confirmPassword: [{ + required: true, + message: '璇疯缃垵濮嬪瘑鐮�', + trigger: ['blur', 'change'] + }, + { + min: 6, + max: 12, + message: '闀垮害鍦�6-12涓瓧绗︿箣闂�' + } + ], + carNo: [{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ溅鐗屽彿', + trigger: ['blur', 'change'] + }, + { + transform(value) { + return String(value); + }, + validator: (rule, value, callback) => { + return uni.$u.test.carNo(value); + }, + message: '璇疯緭鍏ユ纭殑杞︾墝鍙�', + trigger: ['change', 'blur'] + } + ], + carImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犺溅杈嗗浘鐗�', + trigger: ['blur', 'change'] + }, + drivingImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犺椹惰瘉鐓х墖', + trigger: ['blur', 'change'] + }, + roadTransportImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犻亾璺繍杈撹瘉鐓х墖', + trigger: ['blur', 'change'] + }, + tradeQualificationImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鐓х墖', + trigger: ['blur', 'change'] + }, + }, + radiolist1: [{ + name: '鍙告満', + disabled: false + }, + { + name: '璐т唬', + disabled: false + }, + { + name: '瀹㈡埛', + disabled: false } ], - carImg: { - type: 'string', - required: true, - message: '璇蜂笂浼犺溅杈嗗浘鐗�', - trigger: ['blur', 'change'] - }, - drivingImg: { - type: 'string', - required: true, - message: '璇蜂笂浼犺椹惰瘉鐓х墖', - trigger: ['blur', 'change'] + countryNumberCarList: [{ + name: 1, + label: '鍥戒簲', + }, + { + name: 2, + label: '鍥藉叚', + }, + { + name: 3, + label: '鏂拌兘婧�', + } + ], + radiovalue1: '鍙告満', + beforeChangeValue: '', + // 鏇存崲瑙掕壊寮规 + editRoleModelShow: false, + title: '鎻愮ず', + content: '褰撳墠濉叆淇℃伅锛屽垏鎹㈣鑹插悗锛屽嵆娓呴櫎锛屾槸鍚﹀垏鎹紵', + wxcode: '', + openid: '', + registerClickloading: false, + }; + }, + watch: { + radiovalue1(newV) { + if (this.registerFormModel.name || this.registerFormModel.idCard || this.registerFormModel.phone || this + .registerFormModel.carNo || this.registerFormModel.password) { + if (this.editRoleModelShow == true) { + this.editRoleModelShow = false; + } else { + this.editRoleModelShow = true; + } + } + switch (newV) { + case '璐т唬': + this.registerFormModel.type = 2; + break; + case '鍙告満': + this.registerFormModel.type = 3; + break; + case '瀹㈡埛': + this.registerFormModel.type = 1; + break; + default: + break; + } + return; + } + }, + methods: { + ...mapMutations(['changeisUploadimg']), + registerClick() { + if (this.registerFormModel.password == this.registerFormModel.confirmPassword) { + this.$refs.regesterFormRef + .validate() + .then(res => { + console.log(this.registerFormModel,'isHostUserisHostUser'); + this.registerClickloading = true; + this.registerFormModel.username = this.registerFormModel.phone; + apiRegister(this.registerFormModel) + .then(res => { + this.registerClickloading = false; + if (res.data.code == 0) { + uni.showToast({ + title: '娉ㄥ唽鎴愬姛,鍗冲皢杩斿洖鐧诲綍椤�', + icon: 'none', + duration: 1000 + }); + setTimeout(() => { + uni.redirectTo({ url: '/pages/login/login' }); + }, 1000); + } else { + this.$u.toast(res.data.msg ? res.data.msg : '娣诲姞澶辫触'); + } + }) + .catch(err => { + console.log('閿欒', err); + }); + }) + .catch(err => { + console.log('err', err); + this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�'); + }); + } else { + this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�'); } }, - confirmPassword:'', - // 鍩烘湰妗堝垪鏁版嵁 - radiolist1: [ - { - name: '璐т唬', - disabled: false - }, - { - name: '鍙告満', - disabled: false + // 鍗曢�夋浜嬩欢 + groupChange(e) {}, + radioChange(e) { + if ( + this.registerFormModel.name == '' && + this.registerFormModel.idCard == '' && + this.registerFormModel.phone == '' && + this.registerFormModel.carNo == '' && + this.registerFormModel.password == '' + ) { + this.$refs.regesterFormRef.clearValidate(); + this.beforeChangeValue = e; } - ], - // u-radio-group鐨剉-model缁戝畾鐨勫�煎鏋滆缃负鏌愪釜radio鐨刵ame锛屽氨浼氳榛樿閫変腑 - radiovalue1: '璐т唬', - beforeChangeValue: '', - // 鏇存崲瑙掕壊寮规 - editRoleModelShow: false, - title: '鎻愮ず', - content: '褰撳墠濉叆淇℃伅锛屽垏鎹㈣鑹插悗锛屽嵆娓呴櫎锛屾槸鍚﹀垏鎹紵', - wxcode: '', - openid: '' - }; - }, - watch: { - radiovalue1(newV) { - if (this.registerFormModel.name || this.registerFormModel.idCard || this.registerFormModel.phone || this.registerFormModel.carNo || this.registerFormModel.password) { - if (this.editRoleModelShow == true) { - this.editRoleModelShow = false; - } else { - this.editRoleModelShow = true; + }, + jiaoYanPassword() { + if (this.registerFormModel.password != this.registerFormModel.confirmPassword) { + this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�'); } - } - switch (newV) { - case '璐т唬': - this.registerFormModel.type = 2; - break; - case '鍙告満': - this.registerFormModel.type = 3; - break; - default: - break; - } - return; - } - }, - methods: { - registerClick() { - if(this.registerFormModel.password == this.registerFormModel.confirmPassword){ - this.$refs.regesterFormRef - .validate() - .then(res => { - console.log(this.registerFormModel); - this.registerFormModel.username = this.registerFormModel.phone; - apiRegister(this.registerFormModel) - .then(res => { - console.log(res); - if (res.data.code == 0) { - uni.showToast({ - title: '娉ㄥ唽鎴愬姛,鍗冲皢杩涘叆鐧诲綍锛�', - icon: 'none', - duration: 1000 - }); - setTimeout(() => { - uni.redirectTo({ url: '/pages/login/login' }); - }, 1000); - } else { - this.$u.toast(res.data.msg); - } - }) - .catch(err => { - console.log('閿欒', err); - }); - }) - .catch(err => { - console.log('err', err); - uni.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�'); + }, + // 涓婁紶鍥剧墖鏂规硶 + beforeRead() { + this.changeisUploadimg(true); + }, + // 鍒犻櫎鍥剧墖 + deletePic(event) { + this.changeisUploadimg(true); + this[`fileList${event.name}`].splice(event.index, 1); + }, + // 鏂板鍥剧墖 + async afterRead(event) { + // 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮� + let lists = [].concat(event.file); + let fileListLen = this[`fileList${event.name}`].length; + lists.map(item => { + this[`fileList${event.name}`].push({ + ...item, + status: 'uploading', + message: '涓婁紶涓�' }); - } else { - this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�') - } - }, - // 闊宠棰戦�氳瘽 - // callingIn() { - // uni.navigateTo({ - // url: '/pages/calling-index/calling-index' - // }); - // }, - // 鍗曢�夋浜嬩欢 - groupChange(e) { - console.log('鍗曢�夋灏忕粍', e); - }, - radioChange(e) { - console.log('鍗曢�夋', e); - if ( - this.registerFormModel.name == '' && - this.registerFormModel.idCard == '' && - this.registerFormModel.phone == '' && - this.registerFormModel.carNo == '' && - this.registerFormModel.password == '' - ) { - console.log('鍙樹簡'); - this.$refs.regesterFormRef.clearValidate(); - this.beforeChangeValue = e; - } - }, - jiaoYanPassword(){ - console.log('瀵嗙爜锛�',this.registerFormModel.password ,'纭瀵嗙爜锛�',this.confirmPassword); - // if(this.registerFormModel.password != this.confirmPassword){ - // this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�') - // } - }, - // 涓婁紶鍥剧墖鏂规硶 - // 鍒犻櫎鍥剧墖 - deletePic(event) { - this[`fileList${event.name}`].splice(event.index, 1); - }, - // 鏂板鍥剧墖 - async afterRead(event) { - console.log('event', event); - // 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮� - let lists = [].concat(event.file); - let fileListLen = this[`fileList${event.name}`].length; - lists.map(item => { - this[`fileList${event.name}`].push({ - ...item, - status: 'uploading', - message: '涓婁紶涓�' }); - }); - for (let i = 0; i < lists.length; i++) { - const result = await this.uploadFilePromise(lists[i].url, event.name); - let item = this[`fileList${event.name}`][fileListLen]; - this[`fileList${event.name}`].splice( - fileListLen, - 1, - Object.assign(item, { - status: 'success', - message: '', - url: result - }) - ); - fileListLen++; - } - }, - uploadFilePromise(url, num) { - return new Promise((resolve, reject) => { - let a = uni.uploadFile({ - url: BaseUrl + '/admin/sys-file/uploadUnToken', - filePath: url, - name: 'file', - // formData: { - // user: 'test' - // }, - success: res => { - resolve(JSON.parse(res.data).data.url); - if (num == 1) { - this.registerFormModel.carImg = JSON.parse(res.data).data.url; - } else if (num == 2) { - this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; + for (let i = 0; i < lists.length; i++) { + const result = await this.uploadFilePromise(lists[i].url, event.name); + let item = this[`fileList${event.name}`][fileListLen]; + this[`fileList${event.name}`].splice( + fileListLen, + 1, + Object.assign(item, { + status: 'success', + message: '涓婁紶鎴愬姛', + url: result + }) + ); + fileListLen++; + } + }, + uploadFilePromise(url, num) { + return new Promise((resolve, reject) => { + let a = uni.uploadFile({ + url: BaseUrl + '/admin/sys-file/uploadUnToken', + filePath: url, + name: 'file', + success: res => { + if (num == 1) { + this.registerFormModel.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; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 3) { + this.registerFormModel.roadTransportImg = 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) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } } + }); + }); + }, + // 鏇存崲瑙掕壊寮瑰嚭妗� + roleConfirm() { + console.log('閬嶅巻瀵硅薄', Object.keys(this.registerFormModel)); + Object.keys(this.registerFormModel).forEach(item => { + if (item !== 'type') { + if (this.registerFormModel[item]) this.registerFormModel[item] = ''; } }); - }); - }, - // 鏇存崲瑙掕壊寮瑰嚭妗� - roleConfirm() { - console.log('閬嶅巻瀵硅薄', Object.keys(this.registerFormModel)); - Object.keys(this.registerFormModel).forEach(item => { - if (item !== 'type') { - if (this.registerFormModel[item]) this.registerFormModel[item] = ''; - } - }); - /** - * @resetFields 涓嶇鐢ㄦ椂鍊欑敤涓婅竟鐨勪唬鏇� - */ - this.$refs.regesterFormRef.resetFields(); - this.editRoleModelShow = false; - }, - roleCancel() { - this.radiovalue1 = this.beforeChangeValue; - this.$nextTick(() => { + /** + * @resetFields 涓嶇鐢ㄦ椂鍊欑敤涓婅竟鐨勪唬鏇� + */ + this.$refs.regesterFormRef.resetFields(); this.editRoleModelShow = false; - }); + }, + roleCancel() { + this.radiovalue1 = this.beforeChangeValue; + this.$nextTick(() => { + this.editRoleModelShow = false; + }); + }, + isNonCoalChange() { + this.registerFormModel.isCoalCar = this.registerFormModel.isNonCoal.length !== 0 ? 1 : 2 + } } - } -}; + }; </script> -<style lang="scss" scoped> -::v-deep.register { - width: 94%; - padding: 0 0 vww(20) 0; - margin: 0 auto; - .registerForm { +<style lang="scss" + scoped> + ::v-deep.register { width: 94%; + padding: 0 0 vww(20) 0; margin: 0 auto; - font-size: 16px !important; - .u-form { - .u-radio { - width: 33%; + + .registerForm { + width: 94%; + margin: 0 auto; + font-size: 16px !important; + + .u-form { + .u-radio { + width: 33%; + } + } + } + + .registerBtn { + width: 94%; + margin: vww(50) auto 0; + } + + .utils { + line-height: vww(30); + text-align: center; + + text:nth-of-type(1) { + margin-right: vww(10); } } } - .registerBtn { - width: 94%; - margin: vww(50) auto 0; - } - .utils { - line-height: vww(30); - text-align: center; - text:nth-of-type(1) { - margin-right: vww(10); - } - } -} -</style> +</style> \ No newline at end of file -- Gitblit v1.9.1