From b46ea1f9ad38320da0a3e5fee60fd3c8ac5a4354 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期五, 22 十二月 2023 10:04:11 +0800 Subject: [PATCH] 提交文件 --- pages/register/register.vue | 78 +++++++++++++++++++++++++++++---------- 1 files changed, 58 insertions(+), 20 deletions(-) diff --git a/pages/register/register.vue b/pages/register/register.vue index ffb99f4..bf29a95 100644 --- a/pages/register/register.vue +++ b/pages/register/register.vue @@ -3,8 +3,9 @@ <view class="registerForm"> <u--form :rules="rules" :model="registerFormModel" - ref="regesterFormRef"> - <u-form-item labelWidth="20%" + ref="regesterFormRef" + :labelStyle="labelStyle"> + <u-form-item labelWidth="30%" label="閫夋嫨韬唤" borderBottom ref="roleRef" @@ -32,6 +33,7 @@ required> <u--input v-model="registerFormModel.name" placeholder="璇疯緭鍏ュ唴瀹�" + fontSize='40' clearable></u--input> </u-form-item> <u-form-item prop="idCard" @@ -41,6 +43,7 @@ required> <u--input v-model="registerFormModel.idCard" placeholder="璇疯緭鍏ュ唴瀹�" + fontSize='40' clearable></u--input> </u-form-item> <u-form-item prop="phone" @@ -49,6 +52,7 @@ borderBottom required> <u--input v-model="registerFormModel.phone" + fontSize='40' placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> </u-form-item> @@ -59,16 +63,18 @@ required> <u--input v-model="registerFormModel.password" placeholder="璇疯緭鍏ュ唴瀹�" + fontSize='40' password clearable></u--input> </u-form-item> <u-form-item prop="confirmPassword" label="纭瀵嗙爜" - labelWidth="20%" + labelWidth="30%" borderBottom required> <u--input v-model="registerFormModel.confirmPassword" placeholder="璇疯緭鍏ュ唴瀹�" + fontSize='40' password clearable @blur="jiaoYanPassword"></u--input> @@ -81,9 +87,10 @@ required> <u--input v-model="registerFormModel.carNo" placeholder="璇疯緭鍏ュ唴瀹�" + fontSize='40' clearable></u--input> </u-form-item> - <u-form-item labelWidth="20%" + <u-form-item labelWidth="30%" label="杞︾墝棰滆壊" borderBottom v-if="radiovalue1 == '鍙告満'" @@ -120,8 +127,25 @@ width="250" height="150" :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="bodyofcarJpg" + label="杞﹀ご杞﹀熬杞﹁韩鐓х墖" + labelWidth="20%" + borderBottom + v-if="radiovalue1 == '鍙告満'" + required + @click="beforeRead"> + <u-upload :fileList="fileList3" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="3" + multiple + :maxCount="3" + width="250" + height="150" + :previewFullImage="true"> </u-upload> </u-form-item> <u-form-item prop="drivingImg" @@ -141,15 +165,14 @@ width="250" height="150" :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%" + labelWidth="30%" borderBottom> <u--input v-model="registerFormModel.tuiJianMa" placeholder="璇疯緭鍏ュ唴瀹�" + fontSize='40' clearable></u--input> </u-form-item> </u--form> @@ -175,8 +198,7 @@ </template> <script> - import { apiRegister } from '@/api/publicInterface.js'; - import { BaseUrl } from '@/api/publicInterface.js'; + import { apiRegister, BaseUrl } from '@/api/publicInterface.js'; import { mapMutations } from 'vuex'; export default { // onLoad: function() { @@ -197,18 +219,17 @@ // 鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚銆傛敞鎰忓鏋滄覆鏌撻�熷害蹇紝浼氬湪椤甸潰杩涘叆鍔ㄧ敾瀹屾垚鍓嶈Е鍙� 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 { + labelStyle: { + fontSize: '36rpx' + }, // 杞︾墝鍙烽敭鐩樻帶鍒� carNumShow: false, keyValue: '', @@ -225,10 +246,13 @@ drivingImg: '', tuiJianMa: '', confirmPassword: '', - vehicleColour: '' + vehicleColour: '', + bodyofcarJpg: '' }, fileList1: [], fileList2: [], + fileList3: [], + carBody: [], rules: { name: { type: 'string', @@ -317,6 +341,12 @@ message: '璇蜂笂浼犺溅杈嗗浘鐗�', trigger: ['blur', 'change'] }, + bodyofcarJpg: { + type: 'string', + required: true, + message: '璇蜂笂浼犺溅杈嗗浘鐗�', + trigger: ['blur', 'change'] + }, drivingImg: { type: 'string', required: true, @@ -336,14 +366,17 @@ radiovalue1: '璐т唬', radiolist2: [{ name: '榛勮壊', - value: 'huangse' + value: '榛勮壊' }, { - name: '缁胯壊', - disabled: 'lvse' + name: '榛勭豢鑹�', + value: '榛勭豢鑹�' + }, + { + name: '钃濊壊', + value: '钃濊壊' } ], - radiovalue2: '榛勮壊', beforeChangeValue: '', // 鏇存崲瑙掕壊寮规 editRoleModelShow: false, @@ -483,6 +516,11 @@ } 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) { + let imageUrl = JSON.parse(res.data).data.url + this.carBody.push(imageUrl) + this.registerFormModel.bodyofcarJpg = this.carBody.join(',') + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } } }); -- Gitblit v1.9.1