From 21fb37c7162d5b47a14d6438870377c85fcc0b52 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期六, 07 十月 2023 10:23:21 +0800 Subject: [PATCH] 修改装卸员页面 调整websocket逻辑 --- pages/register/register.vue | 809 +++++++++++++++++++++++++++++++-------------------------- 1 files changed, 439 insertions(+), 370 deletions(-) diff --git a/pages/register/register.vue b/pages/register/register.vue index c901a7b..3be71e8 100644 --- a/pages/register/register.vue +++ b/pages/register/register.vue @@ -1,42 +1,96 @@ <template> <view class="register"> <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 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" + <u-form-item prop="carImg" + label="杞﹁締鐓х墖" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + required + @click="beforeRead"> + <u-upload :fileList="fileList1" deletable @afterRead="afterRead" @delete="deletePic" @@ -45,15 +99,19 @@ :maxCount="1" width="250" height="150" - :previewFullImage="true" - > + :previewFullImage="true"> <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" mode="widthFix" style="width: 250px;height: 150px;"></image> --> </u-upload> </u-form-item> - <u-form-item prop="drivingImg" label="琛岄┒璇�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required @click="beforeRead"> - <u-upload - :fileList="fileList2" + <u-form-item prop="drivingImg" + label="琛岄┒璇�" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + required + @click="beforeRead"> + <u-upload :fileList="fileList2" deletable @afterRead="afterRead" @delete="deletePic" @@ -62,21 +120,31 @@ :maxCount="1" width="250" height="150" - :previewFullImage="true" - > + :previewFullImage="true"> <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" mode="widthFix" style="width: 250px;height: 150px;"></image> --> </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 label="鎺ㄨ崘浜鸿处鍙�" + labelWidth="25%" + borderBottom> + <u--input v-model="registerFormModel.tuiJianMa" + placeholder="璇疯緭鍏ュ唴瀹�" + clearable></u--input> </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"></u-button></view> <!-- 鍥剧墖棰勮寮瑰嚭妗� --> <!-- <view class="previewImage-container"> <u-popup :show="previewImageShow" mode="center" @close="previewImageClose" @open="previewImageOpen"> @@ -87,358 +155,359 @@ </template> <script> -import { apiRegister } from '@/api/publicInterface.js'; -import { BaseUrl } from '@/api/publicInterface.js'; -import { mapMutations } from 'vuex'; -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) - // } - // }) - // } - // } - // }) - // }, - // 鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚銆傛敞鎰忓鏋滄覆鏌撻�熷害蹇紝浼氬湪椤甸潰杩涘叆鍔ㄧ敾瀹屾垚鍓嶈Е鍙� - 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 { - // 杞︾墝鍙烽敭鐩樻帶鍒� - carNumShow: false, - keyValue: '', - 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 { + // onLoad: function() { + // // 鏌ョ湅鏄惁鎺堟潈 + // wx.getSetting({ + // success (res){ + // if (res.authSetting['scope.userInfo']) { + // // 宸茬粡鎺堟潈锛屽彲浠ョ洿鎺ヨ皟鐢� getUserInfo 鑾峰彇澶村儚鏄电О + // wx.getUserInfo({ + // success: function(res) { + // console.log('res.userInfo',res.userInfo) + // } + // }) + // } + // } + // }) + // }, + // 鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚銆傛敞鎰忓鏋滄覆鏌撻�熷害蹇紝浼氬湪椤甸潰杩涘叆鍔ㄧ敾瀹屾垚鍓嶈Е鍙� + 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 { + // 杞︾墝鍙烽敭鐩樻帶鍒� + carNumShow: false, + keyValue: '', + registerFormModel: { + phone: '', + password: '', + name: '', + username: '', + openId: '', + type: 2, + idCard: '', + carNo: '', + carImg: '', + drivingImg: '', + tuiJianMa: '', + confirmPassword: '' }, - idCard: [ - { + fileList1: [], + fileList2: [], + rules: { + name: { type: 'string', required: true, - message: '璇疯緭鍏ヨ韩浠借瘉鍙�', + 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: '韬唤璇佸彿鏍煎紡涓嶆纭�' - } - ], - phone: [ - { - required: true, - message: '姝ら」涓哄繀濉」', - // blur鍜宑hange浜嬩欢瑙﹀彂妫�楠� - trigger: ['blur', 'change'] - }, - { - min: 11, - max: 11, - message: '璇疯緭鍏ュ悎娉曟墜鏈哄彿' - }, - { - validator: (rule, value, callback) => { - return uni.$u.test.mobile(value); + idCard: [{ + type: 'string', + required: true, + message: '璇疯緭鍏ヨ韩浠借瘉鍙�', + trigger: ['blur', 'change'] }, - 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'] - } - }, - // 鍩烘湰妗堝垪鏁版嵁 - radiolist1: [ - { - name: '璐т唬', - disabled: false - }, - { - name: '鍙告満', - disabled: false - } - ], - // 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; - } - } - switch (newV) { - case '璐т唬': - this.registerFormModel.type = 2; - break; - case '鍙告満': - this.registerFormModel.type = 3; - 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); - this.registerFormModel.username = this.registerFormModel.phone; - apiRegister(this.registerFormModel) - .then(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.msg ? res.msg : '娣诲姞澶辫触'); - } - }) - .catch(err => { - console.log('閿欒', err); - }); - }) - .catch(err => { - console.log('err', err); - this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�'); - }); - } else { - this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�'); - } - }, - // 鍗曢�夋浜嬩欢 - 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; - } - }, - jiaoYanPassword() { - if (this.registerFormModel.password != this.registerFormModel.confirmPassword) { - this.$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: '涓婁紶涓�' - }); - }); - 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: '' - }, - 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}`); + { + 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: '韬唤璇佸彿鏍煎紡涓嶆纭�' } + ], + 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'] + } + }, + // 鍩烘湰妗堝垪鏁版嵁 + radiolist1: [{ + name: '璐т唬', + disabled: false + }, + { + name: '鍙告満', + disabled: false + } + ], + // 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; + } + } + switch (newV) { + case '璐т唬': + this.registerFormModel.type = 2; + break; + case '鍙告満': + this.registerFormModel.type = 3; + 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); + this.registerFormModel.username = this.registerFormModel.phone; + apiRegister(this.registerFormModel) + .then(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 ? res.data.msg : '娣诲姞澶辫触'); + } + }) + .catch(err => { + console.log('閿欒', err); + }); + }) + .catch(err => { + console.log('err', err); + this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�'); + }); + } else { + this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�'); + } + }, + // 鍗曢�夋浜嬩欢 + 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; + } + }, + jiaoYanPassword() { + if (this.registerFormModel.password != this.registerFormModel.confirmPassword) { + this.$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: '涓婁紶涓�' + }); + }); + 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: '' + }, + 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}`); + } + } + }); + }); + }, + // 鏇存崲瑙掕壊寮瑰嚭妗� + 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; + }); + } } - } -}; + }; </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