From ffc2eddb1c4f534075fdc5787cbca06e847c576c Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期四, 25 四月 2024 08:34:33 +0800
Subject: [PATCH] feat:小程序增加客户注册页面，修改页面若干bug
---
pages/register/register.vue | 258 +++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 207 insertions(+), 51 deletions(-)
diff --git a/pages/register/register.vue b/pages/register/register.vue
index 3be71e8..28ccf6c 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"
@@ -73,6 +72,45 @@
clearable
@blur="jiaoYanPassword"></u--input>
</u-form-item>
+ <!-- 瀹㈡埛鐙湁鐨� 鏄惁绠＄悊鍛�-->
+
+ <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="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%"
@@ -100,8 +138,6 @@
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="drivingImg"
@@ -121,16 +157,95 @@
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%"
- borderBottom>
- <u--input v-model="registerFormModel.tuiJianMa"
- placeholder="璇疯緭鍏ュ唴瀹�"
- clearable></u--input>
+ <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>
@@ -144,13 +259,8 @@
</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">
- <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" width="400px" height="400px"></u--image>
- </u-popup>
- </view> -->
+ @click="registerClick"
+ :loading="registerClickloading"></u-button></view>
</view>
</template>
@@ -159,27 +269,9 @@
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) {
@@ -198,17 +290,35 @@
name: '',
username: '',
openId: '',
- type: 2,
+ type: 3,
idCard: '',
+ isHostUser:'',
carNo: '',
carImg: '',
drivingImg: '',
tuiJianMa: '',
- confirmPassword: ''
+ invitationCode:'', //閭�璇风爜
+ confirmPassword: '',
+ tradeQualificationImg: '',
+ roadTransportImg: '',
+ isNonCoal: [],
+ isCoalCar: 1, //鏄惁涓虹叅鐐溅杈�(鍙告満浣跨敤瀛楁) 1 鏄� 2 涓嶆槸
+ inventoryImg: '',
+ countryNumberCar: 0, //杞﹁締绫诲瀷;鍥戒簲 1锛屽浗鍏� 2
},
fileList1: [],
fileList2: [],
+ fileList3: [],
+ fileList4: [],
+ fileList5: [],
+ fileList6: [],
rules: {
+ inventoryImg: {
+ required: false,
+ },
+ countryNumberCar: {
+ required: false,
+ },
name: {
type: 'string',
required: true,
@@ -223,12 +333,13 @@
},
{
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: '韬唤璇佸彿鏍煎紡涓嶆纭�'
+ message: '韬唤璇佸彿鏍煎紡涓嶆纭�',
+ trigger: ['blur', 'change']
}
],
phone: [{
required: true,
- message: '姝ら」涓哄繀濉」',
+ message: '璇疯緭鍏ユ墜鏈哄彿',
// blur鍜宑hange浜嬩欢瑙﹀彂妫�楠�
trigger: ['blur', 'change']
},
@@ -241,7 +352,7 @@
validator: (rule, value, callback) => {
return uni.$u.test.mobile(value);
},
- message: '鎵嬫満鍙风爜涓嶆纭�',
+ message: '鎵嬫満鍙风爜鏍煎紡涓嶆纭�',
trigger: ['change', 'blur']
}
],
@@ -295,27 +406,55 @@
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: '鍙告満',
+ name: '瀹㈡埛',
disabled: false
}
],
- // u-radio-group鐨剉-model缁戝畾鐨勫�煎鏋滆缃负鏌愪釜radio鐨刵ame锛屽氨浼氳榛樿閫変腑
- radiovalue1: '璐т唬',
+ countryNumberCarList: [{
+ name: 1,
+ label: '鍥戒簲',
+ },
+ {
+ name: 2,
+ label: '鍥藉叚',
+ },
+ {
+ name: 3,
+ label: '鏂拌兘婧�',
+ }
+ ],
+ radiovalue1: '鍙告満',
beforeChangeValue: '',
// 鏇存崲瑙掕壊寮规
editRoleModelShow: false,
title: '鎻愮ず',
content: '褰撳墠濉叆淇℃伅锛屽垏鎹㈣鑹插悗锛屽嵆娓呴櫎锛屾槸鍚﹀垏鎹紵',
wxcode: '',
- openid: ''
+ openid: '',
+ registerClickloading: false,
};
},
watch: {
@@ -335,6 +474,9 @@
case '鍙告満':
this.registerFormModel.type = 3;
break;
+ case '瀹㈡埛':
+ this.registerFormModel.type = 1;
+ break;
default:
break;
}
@@ -348,10 +490,12 @@
this.$refs.regesterFormRef
.validate()
.then(res => {
- console.log(this.registerFormModel);
+ 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: '娉ㄥ唽鎴愬姛,鍗冲皢杩斿洖鐧诲綍椤�',
@@ -438,15 +582,24 @@
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}`);
+ } 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}`);
}
}
@@ -472,6 +625,9 @@
this.$nextTick(() => {
this.editRoleModelShow = false;
});
+ },
+ isNonCoalChange() {
+ this.registerFormModel.isCoalCar = this.registerFormModel.isNonCoal.length !== 0 ? 1 : 2
}
}
};
--
Gitblit v1.9.1