From 5c63b1fccedfcd208f3434edb79926c206c3d26f Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期二, 29 四月 2025 14:52:35 +0800
Subject: [PATCH] feat:增加类型显示
---
pages/register/register.vue | 241 +++++++++++++++++++++++++++++++++++-------------
1 files changed, 175 insertions(+), 66 deletions(-)
diff --git a/pages/register/register.vue b/pages/register/register.vue
index ccb8305..37dd44c 100644
--- a/pages/register/register.vue
+++ b/pages/register/register.vue
@@ -4,7 +4,7 @@
<u--form :rules="rules"
:model="registerFormModel"
ref="regesterFormRef">
- <u-form-item labelWidth="35%"
+ <!-- <u-form-item labelWidth="35%"
label="閫夋嫨韬唤"
borderBottom
ref="roleRef"
@@ -23,7 +23,7 @@
:name="item.name"
@change="radioChange"></u-radio>
</u-radio-group>
- </u-form-item>
+ </u-form-item> -->
<u-form-item prop="name"
:label="radiovalue1 == '鍙告満'?'濮撳悕':'鎵胯繍鍟嗗悕绉�'"
labelWidth="35%"
@@ -34,7 +34,7 @@
clearable></u--input>
</u-form-item>
<u-form-item prop="idCard"
- label="韬唤璇�"
+ :label="radiovalue1 == '鍙告満'?'韬唤璇�':'璇佷欢鍙�'"
labelWidth="35%"
borderBottom
required>
@@ -48,7 +48,7 @@
borderBottom
required
@click="beforeRead"
- v-if="radiovalue1 == '璐т唬'">
+ v-if="radiovalue1 == '鎵胯繍鍟�'">
<u-upload :fileList="fileList5"
deletable
@afterRead="afterRead"
@@ -60,32 +60,6 @@
height="150"
:previewFullImage="true">
</u-upload>
- </u-form-item>
- <u-form-item prop="cardImg2"
- :label="radiovalue1 == '鍙告満'?'韬唤璇佸弽闈�':'韬唤璇佹垨钀ヤ笟鎵х収鐓х墖'"
- labelWidth="35%"
- borderBottom
- required
- @click="beforeRead"
- v-if="radiovalue1 == '璐т唬'">
- <u-upload :fileList="fileList6"
- deletable
- @afterRead="afterRead"
- @delete="deletePic"
- name="6"
- multiple
- :maxCount="1"
- width="250"
- height="150"
- :previewFullImage="true">
- </u-upload>
- </u-form-item>
- <u-form-item prop="expirationTimeIdcard"
- label="璇佷欢杩囨湡鏃堕棿"
- labelWidth="35%"
- borderBottom
- v-if="radiovalue1 == '璐т唬'">
- <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="date" :start="minDate" />
</u-form-item>
<u-form-item prop="phone"
label="鎵嬫満鍙�"
@@ -138,9 +112,8 @@
borderBottom
v-if="radiovalue1 == '鍙告満'"
required>
- <u--input v-model="registerFormModel.carNo"
- placeholder="璇疯緭鍏ュ唴瀹�"
- clearable></u--input>
+ <xm-cell special label="杞︾墝鍙�" :value="registerFormModel.carNo" @show="showKeyboard('xmKeyboard')"></xm-cell>
+ <xm-keyboard-v2 ref="xmKeyboard" @confirm="(v) => registerFormModel.carNo = v"></xm-keyboard-v2>
</u-form-item>
<u-form-item labelWidth="35%"
label="杞﹁締绫诲瀷"
@@ -175,7 +148,7 @@
</u-upload>
</u-form-item>
<u-form-item prop="drivingImg"
- label="琛岄┒璇�"
+ label="琛岄┒璇佽溅澶�"
labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
@@ -186,6 +159,25 @@
@afterRead="afterRead"
@delete="deletePic"
name="2"
+ multiple
+ :maxCount="1"
+ width="250"
+ height="150"
+ :previewFullImage="true">
+ </u-upload>
+ </u-form-item>
+ <u-form-item prop="driverImgCw"
+ label="琛岄┒璇佽溅灏�"
+ labelWidth="35%"
+ borderBottom
+ v-if="radiovalue1 == '鍙告満'"
+ required
+ @click="beforeRead">
+ <u-upload :fileList="fileList7"
+ deletable
+ @afterRead="afterRead"
+ @delete="deletePic"
+ name="7"
multiple
:maxCount="1"
width="250"
@@ -226,6 +218,51 @@
v-if="radiovalue1 == '鍙告満'">
<uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="date" :start="minDate" />
</u-form-item>
+ <u-form-item prop="roadTransportImg"
+ label="閬撹矾杩愯緭璇佽溅澶�"
+ labelWidth="35%"
+ borderBottom
+ v-if="radiovalue1 == '鍙告満'"
+ required
+ @click="beforeRead">
+ <u-upload :fileList="fileList6"
+ deletable
+ @afterRead="afterRead"
+ @delete="deletePic"
+ name="6"
+ multiple
+ :maxCount="1"
+ width="250"
+ height="150"
+ :previewFullImage="true">
+ </u-upload>
+ </u-form-item>
+ <u-form-item prop="roadTransportImgCw"
+ label="閬撹矾杩愯緭璇佽溅灏�"
+ labelWidth="35%"
+ borderBottom
+ v-if="radiovalue1 == '鍙告満'"
+ required
+ @click="beforeRead">
+ <u-upload :fileList="fileList8"
+ deletable
+ @afterRead="afterRead"
+ @delete="deletePic"
+ name="8"
+ multiple
+ :maxCount="1"
+ width="250"
+ height="150"
+ :previewFullImage="true">
+ </u-upload>
+ </u-form-item>
+ <u-form-item prop="expirationTimeRoadtransport"
+ label="璇佷欢杩囨湡鏃堕棿"
+ labelWidth="35%"
+ borderBottom
+ v-if="radiovalue1 == '鍙告満'">
+ <uni-datetime-picker v-model="registerFormModel.expirationTimeRoadtransport" type="date" :start="minDate" />
+ </u-form-item>
<u-form-item prop="tradeQualificationImg"
label="浠庝笟璧勬牸璇�"
labelWidth="35%"
@@ -246,6 +283,24 @@
<span style="color:red">
鍑℃槸杩愯緭鏈夋瘨鍖栧鐗╁搧鐨勮溅杈嗗繀椤讳笂浼犱粠涓氳祫鏍艰瘉骞跺～鍐欎粠涓氳祫鏍艰瘉鏈夋晥鏃堕棿
</span>
+ </u-form-item>
+ <u-form-item prop="tradeQualificationImgYyy"
+ label="浠庝笟璧勬牸璇佹娂杩愬憳"
+ labelWidth="35%"
+ borderBottom
+ v-if="radiovalue1 == '鍙告満'"
+ @click="beforeRead">
+ <u-upload :fileList="fileList9"
+ deletable
+ @afterRead="afterRead"
+ @delete="deletePic"
+ name="9"
+ multiple
+ :maxCount="1"
+ width="250"
+ height="150"
+ :previewFullImage="true">
+ </u-upload>
</u-form-item>
<u-form-item prop="expirationTimeTradequalification"
label="璇佷欢杩囨湡鏃堕棿"
@@ -381,8 +436,10 @@
return callback()
};
return {
+ radiovalue1: '鍙告満',
+ beforeChangeValue: '',
tablist:[{idCard:""},{idCard:""}],
- level:[], //瀵嗙爜寮哄害鏁扮粍
+ level:[], //瀵嗙爜寮哄害鏁扮粍
minDate: this.getToday(),
// 杞︾墝鍙烽敭鐩樻帶鍒�
carNumShow: false,
@@ -401,6 +458,11 @@
tuiJianMa: '',
confirmPassword: '',
tradeQualificationImg: '',
+ roadTransportImg:"",
+ driverImgCw:'',
+ roadTransportImgCw:"",
+ tradeQualificationImgYyy:"",
+ expirationTimeRoadtransport:"",
driverImg: '',
countryNumberCar: 2, //鎺掓斁绫诲瀷;鍥戒簲 1锛屽浗鍏� 2
carType:null,
@@ -411,11 +473,11 @@
fileList4: [],
fileList5: [],
fileList6: [],
+ fileList7: [],
+ fileList8: [],
+ fileList9: [],
rules: {
countryNumberCar: {
- required: false,
- },
- expirationTimeIdcard: {
required: false,
},
expirationTimeDriving: {
@@ -427,14 +489,14 @@
expirationTimeTradequalification: {
required: false,
},
- name: [{
+ name:[{
type: 'string',
required: true,
- message: '璇峰～鍐欏鍚�',
+ message: this.getname,
trigger: ['blur', 'change']
- },{
- pattern: /^[\u4e00-\u9fa5]{1,6}$/, //闄愬埗闀垮害鏈�澶氫负 6 浣�
- message: '濮撳悕鍙兘鏄腑鏂�',
+ },{
+ pattern: /^[\u4e00-\u9fa5]+$/, //闄愬埗闀垮害鏈�澶氫负 6 浣�
+ message: this.getnames,
trigger: ['blur', 'change']
}],
carType:[{
@@ -446,12 +508,12 @@
idCard: [{
type: 'string',
required: true,
- message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
+ message: this.getidcard,
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: '韬唤璇佸彿鏍煎紡涓嶆纭�',
+ message: this.getidcards,
trigger: ['blur', 'change']
}
],
@@ -508,13 +570,7 @@
cardImg1:{
type: 'string',
required: true,
- message: '璇蜂笂浼犺韩浠借瘉姝ｉ潰',
- trigger: ['blur', 'change']
- },
- cardImg2:{
- type: 'string',
- required: true,
- message: '璇蜂笂浼犺韩浠借瘉鍙嶉潰',
+ message: '璇蜂笂浼犺瘉浠�',
trigger: ['blur', 'change']
},
carImg: {
@@ -526,7 +582,13 @@
drivingImg: {
type: 'string',
required: true,
- message: '璇蜂笂浼犺椹惰瘉鐓х墖',
+ message: '璇蜂笂浼犺椹惰瘉杞﹀ご鐓х墖',
+ trigger: ['blur', 'change']
+ },
+ driverImgCw:{
+ type: 'string',
+ required: true,
+ message: '璇蜂笂浼犺椹惰瘉杞﹀熬鐓х墖',
trigger: ['blur', 'change']
},
driverImg: {
@@ -541,7 +603,7 @@
disabled: false
},
{
- name: '璐т唬',
+ name: '鎵胯繍鍟�',
disabled: false
}
],
@@ -571,8 +633,7 @@
label: '鏂拌兘婧�',
}
],
- radiovalue1: '鍙告満',
- beforeChangeValue: '',
+
// 鏇存崲瑙掕壊寮规
editRoleModelShow: false,
title: '鎻愮ず',
@@ -593,7 +654,7 @@
}
}
switch (newV) {
- case '璐т唬':
+ case '鎵胯繍鍟�':
this.registerFormModel.type = 2;
break;
case '鍙告満':
@@ -607,12 +668,47 @@
},
methods: {
...mapMutations(['changeisUploadimg']),
+ showKeyboard(ref){
+ this.$refs[ref].toShow(this.registerFormModel.carNo)
+ },
getToday() {
let now = new Date();
let year = now.getFullYear();
let month = this.padStart(now.getMonth() + 1); // 鏈堜唤鏄粠0寮�濮嬬殑
let day = this.padStart(now.getDate());
return `${year}-${month}-${day}`;
+ },
+ getname(){
+ let that=this
+ if(that.radiovalue1=='鍙告満'){
+ return '濮撳悕涓嶈兘涓虹┖'
+ }else{
+ return '鎵胯繍鍟嗗悕绉颁笉鑳戒负绌�'
+ }
+ },
+ getnames(){
+ let that=this
+ if(that.radiovalue1=='鍙告満'){
+ return '濮撳悕鍙兘鏄腑鏂�'
+ }else{
+ return '鎵胯繍鍟嗗悕绉板彧鑳芥槸涓枃'
+ }
+ },
+ getidcard(){
+ let that=this
+ if(that.radiovalue1=='鍙告満'){
+ return '璇疯緭鍏ヨ韩浠借瘉鍙�'
+ }else{
+ return '璇疯緭鍏ヨ瘉浠跺彿'
+ }
+ },
+ getidcards(){
+ let that=this
+ if(that.radiovalue1=='鍙告満'){
+ return '韬唤璇佸彿鏍煎紡涓嶆纭�'
+ }else{
+ return '璇佷欢鍙锋牸寮忎笉姝ｇ‘'
+ }
},
padStart(value) {
return value.toString().padStart(2, '0');
@@ -627,25 +723,26 @@
icon: 'error',
duration: 2000
});
+ }else if(this.registerFormModel.carType==3&&!this.registerFormModel.tradeQualificationImgYyy){
+ uni.showToast({
+ title: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鎶艰繍鍛橈紒',
+ icon: 'error',
+ duration: 2000
+ });
}else{
this.$refs.regesterFormRef
.validate()
.then(res => {
this.registerClickloading = true;
this.registerFormModel.username = this.registerFormModel.phone;
- if(this.radiovalue1 == '璐т唬'){
- this.registerFormModel.idCardImg = this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2;
- }else{
- this.registerFormModel.expirationTimeIdcard=null
+ if(this.radiovalue1 == '鎵胯繍鍟�'){
+ this.registerFormModel.idCardImg = this.registerFormModel.cardImg1
}
if(this.registerFormModel.expirationTimeDriver){
this.registerFormModel.expirationTimeDriver=this.registerFormModel.expirationTimeDriver.slice(0,16)
}
if(this.registerFormModel.expirationTimeDriving){
this.registerFormModel.expirationTimeDriving=this.registerFormModel.expirationTimeDriving.slice(0,16)
- }
- if(this.registerFormModel.expirationTimeIdcard){
- this.registerFormModel.expirationTimeIdcard=this.registerFormModel.expirationTimeIdcard.slice(0,16)
}
if(this.registerFormModel.expirationTimeTradequalification){
this.registerFormModel.expirationTimeTradequalification=this.registerFormModel.expirationTimeTradequalification.slice(0,16)
@@ -672,7 +769,7 @@
})
.catch(err => {
console.log('err', err);
- this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�');
+ this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹癸紙妫�鏌ュ瘑鐮佸己搴︽槸鍚﹁繃浣庯紒锛�');
});
}
},
@@ -765,7 +862,19 @@
.data.url;
resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
}else if(num==6){
- this.registerFormModel.cardImg2 = JSON.parse(res.data)
+ this.registerFormModel.roadTransportImg = JSON.parse(res.data)
+ .data.url;
+ resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
+ }else if(num==7){
+ this.registerFormModel.driverImgCw = JSON.parse(res.data)
+ .data.url;
+ resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
+ }else if(num==8){
+ this.registerFormModel.roadTransportImgCw = JSON.parse(res.data)
+ .data.url;
+ resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
+ }else if(num==9){
+ this.registerFormModel.tradeQualificationImgYyy = JSON.parse(res.data)
.data.url;
resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
}
--
Gitblit v1.9.1