From 6042333b76aaf8097271348ec56fad019a685c84 Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期三, 25 九月 2024 15:56:11 +0800
Subject: [PATCH] feat:线上端口号更改
---
pages/register/register.vue | 207 ++++++++++++++++++++++++++++++++-------------------
1 files changed, 129 insertions(+), 78 deletions(-)
diff --git a/pages/register/register.vue b/pages/register/register.vue
index c9698c8..80eb369 100644
--- a/pages/register/register.vue
+++ b/pages/register/register.vue
@@ -5,7 +5,7 @@
:model="registerFormModel"
ref="regesterFormRef"
:labelStyle="labelStyle">
- <u-form-item labelWidth="30%"
+ <u-form-item labelWidth="160"
label="閫夋嫨韬唤"
borderBottom
ref="roleRef"
@@ -26,11 +26,32 @@
@change="radioChange"></u-radio>
</u-radio-group>
</u-form-item>
+ <u-form-item
+ v-if="radiovalue1 == '鍙告満'"
+ labelWidth="200"
+ label="鏄惁鏈夎溅杈�"
+ borderBottom
+ required>
+ <u-radio-group v-model="isHaveCar"
+ placement="row"
+ size="30"
+ shape="circle"
+ iconSize="20">
+ <u-radio labelSize="14px"
+ size="20px"
+ :customStyle="{ marginBottom: '8px' }"
+ v-for="(item, index) in isHaveCarList"
+ :key="index"
+ :label="item.label"
+ :name="item.value"
+ @change="radioChange"></u-radio>
+ </u-radio-group>
+ </u-form-item>
<u-form-item prop="name"
- label="濮撳悕"
- labelWidth="20%"
- borderBottom
- required>
+ label="濮撳悕"
+ labelWidth="160"
+ borderBottom
+ required>
<u--input v-model="registerFormModel.name"
placeholder="璇疯緭鍏ュ唴瀹�"
fontSize='40'
@@ -38,7 +59,7 @@
</u-form-item>
<u-form-item prop="idCard"
label="韬唤璇�"
- labelWidth="20%"
+ labelWidth="160"
borderBottom
required>
<u--input v-model="registerFormModel.idCard"
@@ -48,7 +69,7 @@
</u-form-item>
<u-form-item prop="phone"
label="鎵嬫満鍙�"
- labelWidth="20%"
+ labelWidth="160"
borderBottom
required>
<u--input v-model="registerFormModel.phone"
@@ -58,7 +79,7 @@
</u-form-item>
<u-form-item prop="password"
label="瀵嗙爜"
- labelWidth="20%"
+ labelWidth="160"
borderBottom
required>
<u--input v-model="registerFormModel.password"
@@ -84,7 +105,7 @@
</view>
<u-form-item prop="confirmPassword"
label="纭瀵嗙爜"
- labelWidth="30%"
+ labelWidth="160"
borderBottom
required>
<u--input v-model="registerFormModel.confirmPassword"
@@ -96,19 +117,19 @@
</u-form-item>
<u-form-item prop="carNo"
label="杞︾墝鍙�"
- labelWidth="20%"
+ labelWidth="160"
borderBottom
- v-if="radiovalue1 == '鍙告満'"
+ v-if="radiovalue1 == '鍙告満' && isHaveCar == '1'"
required>
<u--input v-model="registerFormModel.carNo"
placeholder="璇疯緭鍏ュ唴瀹�"
fontSize='40'
clearable></u--input>
</u-form-item>
- <u-form-item labelWidth="30%"
+ <u-form-item labelWidth="160"
label="杞︾墝棰滆壊"
borderBottom
- v-if="radiovalue1 == '鍙告満'"
+ v-if="radiovalue1 == '鍙告満' && isHaveCar == '1'"
required
prop="vehicleColour">
<u-radio-group v-model="registerFormModel.vehicleColour"
@@ -127,9 +148,9 @@
</u-form-item>
<u-form-item prop="carImg"
label="杞﹁締鐓х墖"
- labelWidth="20%"
+ labelWidth="160"
borderBottom
- v-if="radiovalue1 == '鍙告満'"
+ v-if="radiovalue1 == '鍙告満' && isHaveCar == '1'"
required
@click="beforeRead">
<u-upload :fileList="fileList1"
@@ -144,30 +165,34 @@
:previewFullImage="true">
</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>
+ <div class="column-box">
+ <u-form-item
+ prop="bodyofcarJpg"
+ label="杞﹀ご銆佽溅灏俱�佽溅韬収鐗�"
+ labelWidth="auto"
+ borderBottom
+ v-if="radiovalue1 == '鍙告満' && isHaveCar == '1'"
+ 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>
+ </div>
+
<u-form-item prop="drivingImg"
label="琛岄┒璇�"
- labelWidth="20%"
+ labelWidth="160"
borderBottom
- v-if="radiovalue1 == '鍙告満'"
+ v-if="radiovalue1 == '鍙告満' && isHaveCar == '1'"
required
@click="beforeRead">
<u-upload :fileList="fileList2"
@@ -183,7 +208,7 @@
</u-upload>
</u-form-item>
<u-form-item label="鎺ㄨ崘浜鸿处鍙�"
- labelWidth="30%"
+ labelWidth="200"
borderBottom>
<u--input v-model="registerFormModel.tuiJianMa"
placeholder="璇疯緭鍏ュ唴瀹�"
@@ -202,7 +227,8 @@
</view>
<view class="registerBtn"><u-button text="娉ㄥ唽"
type="primary"
- @click="registerClick"></u-button></view>
+ @click="registerClick"
+ :loading="registerClickloading"></u-button></view>
<!-- 鍥剧墖棰勮寮瑰嚭妗� -->
<!-- <view class="previewImage-container">
<u-popup :show="previewImageShow" mode="center" @close="previewImageClose" @open="previewImageOpen">
@@ -278,17 +304,17 @@
/^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�乚+$/
if(regex1.test(value)) {
this.level.push('low')
- return callback('瀵嗙爜寮哄害杩囦綆')
+ return callback('瀵嗙爜寮哄害杩囦綆锛岃鎸変笅鏂瑰瘑鐮佽鍒欒緭鍏�')
}else if(regex2.test(value)) {
this.level.push('low')
- return callback('瀵嗙爜寮哄害杩囦綆')
+ return callback('瀵嗙爜寮哄害杩囦綆锛岃鎸変笅鏂瑰瘑鐮佽鍒欒緭鍏�')
}else if(regex3.test(value)) {
this.level.push('low')
- return callback('瀵嗙爜寮哄害杩囦綆')
+ return callback('瀵嗙爜寮哄害杩囦綆锛岃鎸変笅鏂瑰瘑鐮佽鍒欒緭鍏�')
}else if(/^[A-Za-z\d]+$/.test(value)) {
this.level.push('low')
this.level.push('middle')
- return callback('瀵嗙爜寮哄害杩囦綆')
+ return callback('瀵嗙爜寮哄害杩囦綆锛岃鎸変笅鏂瑰瘑鐮佽鍒欒緭鍏�')
}else if(
/^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�乗d]+$/.test(
value
@@ -296,7 +322,7 @@
) {
this.level.push('low')
this.level.push('middle')
- return callback('瀵嗙爜寮哄害杩囦綆')
+ return callback('瀵嗙爜寮哄害杩囦綆锛岃鎸変笅鏂瑰瘑鐮佽鍒欒緭鍏�')
}else if(
/^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�丄-Za-z]+$/.test(
value
@@ -304,7 +330,7 @@
) {
this.level.push('low')
this.level.push('middle')
- return callback('瀵嗙爜寮哄害杩囦綆')
+ return callback('瀵嗙爜寮哄害杩囦綆锛岃鎸変笅鏂瑰瘑鐮佽鍒欒緭鍏�')
} else if (
/^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�丄-Za-z\d]+$/.test(
value
@@ -317,6 +343,7 @@
return callback()
};
return {
+ isHaveCar:'1', //鏄惁鏈夎溅杈�
level:[], //瀵嗙爜寮哄害鏁扮粍
labelStyle: {
fontSize: '36rpx'
@@ -383,7 +410,7 @@
],
password: [{
required: true,
- message: '璇疯缃垵濮嬪瘑鐮�',
+ message: '璇疯缃瘑鐮�',
trigger: ['blur', 'change']
},
{
@@ -448,6 +475,13 @@
disabled: false
}
],
+ isHaveCarList: [{
+ value: '1',
+ label: '鏄�',
+ },{
+ value: '2',
+ label: '鍚�'
+ }],
radiovalue1: '璐т唬',
radiolist2: [{
name: '榛勮壊',
@@ -468,7 +502,8 @@
title: '鎻愮ず',
content: '褰撳墠濉叆淇℃伅锛屽垏鎹㈣鑹插悗锛屽嵆娓呴櫎锛屾槸鍚﹀垏鎹紵',
wxcode: '',
- openid: ''
+ openid: '',
+ registerClickloading: false,
};
},
watch: {
@@ -497,38 +532,44 @@
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('涓ゆ瀵嗙爜涓嶄竴鑷�');
- }
+ if(this.fileList3 && this.fileList3.length > 0) { //杞﹀ご杞﹀熬杞﹁韩闇�瑕�3寮犲浘鐗囦篃鍙互涓�寮犱篃涓嶄紶
+ if(this.fileList3.length !== 3) {
+ this.$u.toast('杞﹀ご杞﹀熬杞﹁韩闇�瑕�3寮犲浘鐗�');
+ return
+ }
+ }
+ this.$refs.regesterFormRef
+ .validate()
+ .then(res => {
+ console.log(this.registerFormModel);
+ this.registerClickloading = true;
+ this.registerFormModel.username = this.registerFormModel.phone;
+ apiRegister(this.registerFormModel)
+ .then(res => {
+ if (res.data.code == 0) {
+ this.registerClickloading = false;
+ 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('璇疯鑼冭緭鍏ュ唴瀹�');
+ }).finally(() => {
+ this.registerClickloading = false;
+ });
},
// 鍗曢�夋浜嬩欢
groupChange(e) {},
@@ -707,4 +748,14 @@
margin-top: 10rpx;
}
}
+ .column-box{
+ ::v-deep{
+ .u-form-item__body{
+ flex-direction: column!important;
+ }
+ .u-form-item__body__right{
+ margin-top: 20rpx;
+ }
+ }
+ }
</style>
--
Gitblit v1.9.1