From 1db172e1eb09be68008659c9f05bf18144df553a Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期一, 04 十一月 2024 18:54:47 +0800
Subject: [PATCH] feat:集装箱更改
---
pages/register/register.vue | 361 ++++++++++++++++++++++++++++++++++-----------------
1 files changed, 242 insertions(+), 119 deletions(-)
diff --git a/pages/register/register.vue b/pages/register/register.vue
index e45813b..b316fbe 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="20%"
+ <!-- <u-form-item labelWidth="35%"
label="閫夋嫨韬唤"
borderBottom
ref="roleRef"
@@ -23,10 +23,10 @@
:name="item.name"
@change="radioChange"></u-radio>
</u-radio-group>
- </u-form-item>
+ </u-form-item> -->
<u-form-item prop="name"
- label="濮撳悕"
- labelWidth="20%"
+ :label="radiovalue1 == '鍙告満'?'濮撳悕':'鎵胯繍鍟嗗悕绉�'"
+ labelWidth="35%"
borderBottom
required>
<u--input v-model="registerFormModel.name"
@@ -34,8 +34,8 @@
clearable></u--input>
</u-form-item>
<u-form-item prop="idCard"
- label="韬唤璇�"
- labelWidth="20%"
+ :label="radiovalue1 == '鍙告満'?'韬唤璇�':'璇佷欢鍙�'"
+ labelWidth="35%"
borderBottom
required>
<u--input v-model="registerFormModel.idCard"
@@ -43,11 +43,12 @@
clearable></u--input>
</u-form-item>
<u-form-item prop="cardImg1"
- label="韬唤璇佹闈�"
- labelWidth="20%"
+ :label="radiovalue1 == '鍙告満'?'韬唤璇佹闈�':'韬唤璇佹垨钀ヤ笟鎵х収鐓х墖'"
+ labelWidth="35%"
borderBottom
required
- @click="beforeRead">
+ @click="beforeRead"
+ v-if="radiovalue1 == '鎵胯繍鍟�'">
<u-upload :fileList="fileList5"
deletable
@afterRead="afterRead"
@@ -60,33 +61,9 @@
:previewFullImage="true">
</u-upload>
</u-form-item>
- <u-form-item prop="cardImg2"
- label="韬唤璇佸弽闈�"
- labelWidth="20%"
- borderBottom
- 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="expirationTimeIdcard"
- label="韬唤璇佽繃鏈熸椂闂�"
- labelWidth="20%"
- borderBottom>
- <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="datetime" :start="minDate" />
- </u-form-item>
<u-form-item prop="phone"
label="鎵嬫満鍙�"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
required>
<u--input v-model="registerFormModel.phone"
@@ -95,7 +72,7 @@
</u-form-item>
<u-form-item prop="password"
label="瀵嗙爜"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
required>
<u--input v-model="registerFormModel.password"
@@ -120,7 +97,7 @@
</view>
<u-form-item prop="confirmPassword"
label="纭瀵嗙爜"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
required>
<u--input v-model="registerFormModel.confirmPassword"
@@ -131,18 +108,18 @@
</u-form-item>
<u-form-item prop="carNo"
label="杞︾墝鍙�"
- labelWidth="20%"
+ labelWidth="35%"
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="20%"
+ <u-form-item labelWidth="35%"
label="杞﹁締绫诲瀷"
borderBottom
ref="roleRef"
+ prop='carType'
v-if="radiovalue1 == '鍙告満'">
<niceui-data-select-input v-model="registerFormModel.carType"
:localdata="radiolist2"
@@ -153,7 +130,7 @@
</u-form-item>
<u-form-item prop="carImg"
label="杞﹁締鐓х墖"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
required
@@ -171,8 +148,8 @@
</u-upload>
</u-form-item>
<u-form-item prop="drivingImg"
- label="琛岄┒璇�"
- labelWidth="20%"
+ label="琛岄┒璇佽溅澶�"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
required
@@ -189,16 +166,35 @@
: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"
+ height="150"
+ :previewFullImage="true">
+ </u-upload>
+ </u-form-item>
<u-form-item prop="expirationTimeDriving"
- label="琛岄┒璇佽繃鏈熸椂闂�"
- labelWidth="20%"
+ label="璇佷欢杩囨湡鏃堕棿"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'">
- <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" :start="minDate" />
+ <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="date" :start="minDate" />
</u-form-item>
<u-form-item prop="driverImg"
label="椹鹃┒璇�"
- labelWidth="24%"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
required
@@ -216,15 +212,60 @@
</u-upload>
</u-form-item>
<u-form-item prop="expirationTimeDriver"
- label="椹鹃┒璇佽繃鏈熸椂闂�"
- labelWidth="20%"
+ label="璇佷欢杩囨湡鏃堕棿"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'">
- <uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime" :start="minDate" />
+ <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="24%"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
@click="beforeRead">
@@ -243,16 +284,34 @@
鍑℃槸杩愯緭鏈夋瘨鍖栧鐗╁搧鐨勮溅杈嗗繀椤讳笂浼犱粠涓氳祫鏍艰瘉骞跺～鍐欎粠涓氳祫鏍艰瘉鏈夋晥鏃堕棿
</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="浠庝笟璧勬牸杩囨湡鏃堕棿"
- labelWidth="20%"
+ label="璇佷欢杩囨湡鏃堕棿"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'">
- <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" :start="minDate" />
+ <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="date" :start="minDate" />
</u-form-item>
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="35%"
v-if="radiovalue1 == '鍙告満'"
- label="鐜繚绫诲瀷"
+ label="鎺掓斁绫诲瀷"
borderBottom
prop="countryNumberCar">
<u-radio-group v-model="registerFormModel.countryNumberCar"
@@ -377,7 +436,10 @@
return callback()
};
return {
- level:[], //瀵嗙爜寮哄害鏁扮粍
+ radiovalue1: '鍙告満',
+ beforeChangeValue: '',
+ tablist:[{idCard:""},{idCard:""}],
+ level:[], //瀵嗙爜寮哄害鏁扮粍
minDate: this.getToday(),
// 杞︾墝鍙烽敭鐩樻帶鍒�
carNumShow: false,
@@ -396,9 +458,14 @@
tuiJianMa: '',
confirmPassword: '',
tradeQualificationImg: '',
+ roadTransportImg:"",
+ driverImgCw:'',
+ roadTransportImgCw:"",
+ tradeQualificationImgYyy:"",
+ expirationTimeRoadtransport:"",
driverImg: '',
- countryNumberCar: 2, //鐜繚绫诲瀷;鍥戒簲 1锛屽浗鍏� 2
- carType:0,
+ countryNumberCar: 2, //鎺掓斁绫诲瀷;鍥戒簲 1锛屽浗鍏� 2
+ carType:null,
},
fileList1: [],
fileList2: [],
@@ -406,11 +473,11 @@
fileList4: [],
fileList5: [],
fileList6: [],
+ fileList7: [],
+ fileList8: [],
+ fileList9: [],
rules: {
countryNumberCar: {
- required: false,
- },
- expirationTimeIdcard: {
required: false,
},
expirationTimeDriving: {
@@ -422,25 +489,31 @@
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:[{
+ type: 'number',
+ required: true,
+ message: '璇烽�夋嫨杞﹁締绫诲瀷',
trigger: ['blur', 'change']
}],
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']
}
],
@@ -497,13 +570,7 @@
cardImg1:{
type: 'string',
required: true,
- message: '璇蜂笂浼犺韩浠借瘉姝ｉ潰',
- trigger: ['blur', 'change']
- },
- cardImg2:{
- type: 'string',
- required: true,
- message: '璇蜂笂浼犺韩浠借瘉鍙嶉潰',
+ message: '璇蜂笂浼犺瘉浠�',
trigger: ['blur', 'change']
},
carImg: {
@@ -515,7 +582,13 @@
drivingImg: {
type: 'string',
required: true,
- message: '璇蜂笂浼犺椹惰瘉鐓х墖',
+ message: '璇蜂笂浼犺椹惰瘉杞﹀ご鐓х墖',
+ trigger: ['blur', 'change']
+ },
+ driverImgCw:{
+ type: 'string',
+ required: true,
+ message: '璇蜂笂浼犺椹惰瘉杞﹀熬鐓х墖',
trigger: ['blur', 'change']
},
driverImg: {
@@ -530,7 +603,7 @@
disabled: false
},
{
- name: '璐т唬',
+ name: '鎵胯繍鍟�',
disabled: false
}
],
@@ -543,12 +616,8 @@
value:2
},
{
- text: '娑叉隘妲借溅',
+ text: '妲借溅',
value:3
- },
- {
- text: '娑茬⒈妲借溅',
- value:4
}
],
countryNumberCarList: [{
@@ -564,8 +633,7 @@
label: '鏂拌兘婧�',
}
],
- radiovalue1: '鍙告満',
- beforeChangeValue: '',
+
// 鏇存崲瑙掕壊寮规
editRoleModelShow: false,
title: '鎻愮ず',
@@ -586,7 +654,7 @@
}
}
switch (newV) {
- case '璐т唬':
+ case '鎵胯繍鍟�':
this.registerFormModel.type = 2;
break;
case '鍙告満':
@@ -600,28 +668,64 @@
},
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());
- let hour = this.padStart(now.getHours());
- let minute = this.padStart(now.getMinutes());
- let second = this.padStart(now.getSeconds());
- console.log(`${year}-${month}-${day} ${hour}:${minute}:${second}`)
- return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+ 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');
},
productcarTypeChange(e){
- console.log(this.registerFormModel.carType,this.radiolist2.find(v => v.value === e).value)
this.registerFormModel.carType = this.radiolist2.find(v => v.value === e).value
},
registerClick() {
- if(this.registerFormModel.carType==3&&!this.registerFormModel.tradeQualificationImg||this.registerFormModel.carType==4&&!this.registerFormModel.tradeQualificationImg){
+ if(this.registerFormModel.carType==3&&!this.registerFormModel.tradeQualificationImg){
uni.showToast({
title: '璇蜂笂浼犱粠涓氳祫鏍艰瘉锛�',
+ icon: 'error',
+ duration: 2000
+ });
+ }else if(this.registerFormModel.carType==3&&!this.registerFormModel.tradeQualificationImgYyy){
+ uni.showToast({
+ title: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鎶艰繍鍛橈紒',
icon: 'error',
duration: 2000
});
@@ -631,38 +735,37 @@
.then(res => {
this.registerClickloading = true;
this.registerFormModel.username = this.registerFormModel.phone;
- this.registerFormModel.idCardImg = this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2;
+ 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)
}
- this.$reqPost('registerDriver', this.registerFormModel, 'json')
- .then(res => {
- this.registerClickloading = false;
- if (res.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);
- });
+ this.$reqPost('registerDriver', this.registerFormModel, 'json')
+ .then(res => {
+ this.registerClickloading = false;
+ if (res.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);
@@ -682,6 +785,14 @@
) {
this.$refs.regesterFormRef.clearValidate();
this.beforeChangeValue = e;
+ }
+ },
+ addData(){
+ this.tablist.push({idCard:""})
+ },
+ delData(e){
+ if(this.tablist.length>2){
+ this.tablist.splice(e,1)
}
},
jiaoYanPassword() {
@@ -751,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}`);
}
@@ -797,7 +920,7 @@
.u-form {
.u-radio {
- width: 33%;
+ width: 35%;
}
}
}
--
Gitblit v1.9.1