From e22b9321aae0322de93d50c0e21407f3cb514659 Mon Sep 17 00:00:00 2001
From: wk
Date: 星期二, 13 八月 2024 17:30:20 +0800
Subject: [PATCH] feat:供货商
---
pages/register/register.vue | 235 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 119 insertions(+), 116 deletions(-)
diff --git a/pages/register/register.vue b/pages/register/register.vue
index e45813b..66f2a1e 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"
@@ -25,8 +25,8 @@
</u-radio-group>
</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,7 +108,7 @@
</u-form-item>
<u-form-item prop="carNo"
label="杞︾墝鍙�"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
required>
@@ -139,10 +116,11 @@
placeholder="璇疯緭鍏ュ唴瀹�"
clearable></u--input>
</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 +131,7 @@
</u-form-item>
<u-form-item prop="carImg"
label="杞﹁締鐓х墖"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
required
@@ -172,7 +150,7 @@
</u-form-item>
<u-form-item prop="drivingImg"
label="琛岄┒璇�"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
required
@@ -190,15 +168,15 @@
</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 +194,15 @@
</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="tradeQualificationImg"
label="浠庝笟璧勬牸璇�"
- labelWidth="24%"
+ labelWidth="35%"
borderBottom
v-if="radiovalue1 == '鍙告満'"
@click="beforeRead">
@@ -244,15 +222,15 @@
</span>
</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 +355,10 @@
return callback()
};
return {
- level:[], //瀵嗙爜寮哄害鏁扮粍
+ radiovalue1: '鍙告満',
+ beforeChangeValue: '',
+ tablist:[{idCard:""},{idCard:""}],
+ level:[], //瀵嗙爜寮哄害鏁扮粍
minDate: this.getToday(),
// 杞︾墝鍙烽敭鐩樻帶鍒�
carNumShow: false,
@@ -397,8 +378,8 @@
confirmPassword: '',
tradeQualificationImg: '',
driverImg: '',
- countryNumberCar: 2, //鐜繚绫诲瀷;鍥戒簲 1锛屽浗鍏� 2
- carType:0,
+ countryNumberCar: 2, //鎺掓斁绫诲瀷;鍥戒簲 1锛屽浗鍏� 2
+ carType:null,
},
fileList1: [],
fileList2: [],
@@ -410,9 +391,6 @@
countryNumberCar: {
required: false,
},
- expirationTimeIdcard: {
- required: false,
- },
expirationTimeDriving: {
required: false,
},
@@ -422,25 +400,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 +481,7 @@
cardImg1:{
type: 'string',
required: true,
- message: '璇蜂笂浼犺韩浠借瘉姝ｉ潰',
- trigger: ['blur', 'change']
- },
- cardImg2:{
- type: 'string',
- required: true,
- message: '璇蜂笂浼犺韩浠借瘉鍙嶉潰',
+ message: '璇蜂笂浼犺瘉浠�',
trigger: ['blur', 'change']
},
carImg: {
@@ -530,7 +508,7 @@
disabled: false
},
{
- name: '璐т唬',
+ name: '鎵胯繍鍟�',
disabled: false
}
],
@@ -543,12 +521,8 @@
value:2
},
{
- text: '娑叉隘妲借溅',
+ text: '妲借溅',
value:3
- },
- {
- text: '娑茬⒈妲借溅',
- value:4
}
],
countryNumberCarList: [{
@@ -564,8 +538,7 @@
label: '鏂拌兘婧�',
}
],
- radiovalue1: '鍙告満',
- beforeChangeValue: '',
+
// 鏇存崲瑙掕壊寮规
editRoleModelShow: false,
title: '鎻愮ず',
@@ -586,7 +559,7 @@
}
}
switch (newV) {
- case '璐т唬':
+ case '鎵胯繍鍟�':
this.registerFormModel.type = 2;
break;
case '鍙告満':
@@ -605,21 +578,48 @@
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',
@@ -631,38 +631,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 +681,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() {
@@ -750,10 +757,6 @@
this.registerFormModel.cardImg1 = JSON.parse(res.data)
.data.url;
resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
- }else if(num==6){
- this.registerFormModel.cardImg2 = JSON.parse(res.data)
- .data.url;
- resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
}
}
});
@@ -797,7 +800,7 @@
.u-form {
.u-radio {
- width: 33%;
+ width: 35%;
}
}
}
--
Gitblit v1.9.1