From 4746960c1714ecc8c4204a956d904f1c58a3e5e3 Mon Sep 17 00:00:00 2001
From: wk
Date: 星期三, 29 五月 2024 17:38:12 +0800
Subject: [PATCH] feta:保安

---
 pages/register/register.vue |  323 +++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 273 insertions(+), 50 deletions(-)

diff --git a/pages/register/register.vue b/pages/register/register.vue
index 5a1fd4e..f7cae80 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"
@@ -42,6 +41,48 @@
 					<u--input v-model="registerFormModel.idCard"
 						placeholder="璇疯緭鍏ュ唴瀹�"
 						clearable></u--input>
+				</u-form-item>
+				<u-form-item prop="cardImg1"
+					label="韬唤璇佹闈�"
+					labelWidth="20%"
+					borderBottom
+					required
+					@click="beforeRead">
+					<u-upload :fileList="fileList5"
+						deletable
+						@afterRead="afterRead"
+						@delete="deletePic"
+						name="5"
+						multiple
+						:maxCount="1"
+						width="250"
+						height="150"
+						: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"  />
 				</u-form-item>
 				<u-form-item prop="phone"
 					label="鎵嬫満鍙�"
@@ -83,6 +124,18 @@
 						placeholder="璇疯緭鍏ュ唴瀹�"
 						clearable></u--input>
 				</u-form-item>
+				<u-form-item labelWidth="20%"
+					label="杞﹁締绫诲瀷"
+					borderBottom
+					ref="roleRef"
+					v-if="radiovalue1 == '鍙告満'">
+					<niceui-data-select-input v-model="registerFormModel.carType"
+						:localdata="radiolist2"
+						label="杞﹁締绫诲瀷閫夋嫨"
+						placeholder="璇烽�夋嫨杞﹁締绫诲瀷"
+						@change="productcarTypeChange"
+						></niceui-data-select-input>
+				</u-form-item>
 				<u-form-item prop="carImg"
 					label="杞﹁締鐓х墖"
 					labelWidth="20%"
@@ -100,8 +153,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 +172,101 @@
 						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="expirationTimeDriving"
+					label="琛岄┒璇佽繃鏈熸椂闂�"
+					labelWidth="20%"
+					borderBottom
+					v-if="radiovalue1 == '鍙告満'">
+					<uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime"  />
+				</u-form-item>
+				<u-form-item prop="driverImg"
+					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="expirationTimeDriver"
+					label="椹鹃┒璇佽繃鏈熸椂闂�"
+					labelWidth="20%"
+					borderBottom
+					v-if="radiovalue1 == '鍙告満'">
+					<uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime"  />
+				</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>
+					<span style="color:red">
+						鍑℃槸杩愯緭鏈夋瘨鍖栧鐗╁搧鐨勮溅杈嗗繀椤讳笂浼犱粠涓氳祫鏍艰瘉骞跺～鍐欎粠涓氳祫鏍艰瘉鏈夋晥鏃堕棿
+					</span>
+				</u-form-item>
+				<u-form-item prop="expirationTimeTradequalification"
+					label="浠庝笟璧勬牸杩囨湡鏃堕棿"
+					labelWidth="20%"
+					borderBottom
+					v-if="radiovalue1 == '鍙告満'">
+					<uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime"  />
+				</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>
@@ -146,12 +282,6 @@
 				type="primary"
 				@click="registerClick"
 				:loading="registerClickloading"></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> -->
 	</view>
 </template>
 
@@ -160,27 +290,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) {
@@ -199,17 +311,42 @@
 					name: '',
 					username: '',
 					openId: '',
-					type: 2,
+					type: 3,
 					idCard: '',
 					carNo: '',
 					carImg: '',
 					drivingImg: '',
 					tuiJianMa: '',
-					confirmPassword: ''
+					confirmPassword: '',
+					tradeQualificationImg: '',
+					driverImg: '',
+					isNonCoal: [],
+					isCoalCar: 1, //鏄惁涓虹叅鐐溅杈�(鍙告満浣跨敤瀛楁) 1 鏄� 2 涓嶆槸
+					countryNumberCar: 0, //杞﹁締绫诲瀷;鍥戒簲 1锛屽浗鍏� 2
+					carType:0
 				},
 				fileList1: [],
 				fileList2: [],
+				fileList3: [],
+				fileList4: [],
+				fileList5: [],
+				fileList6: [],
 				rules: {
+					countryNumberCar: {
+						required: false,
+					},
+					expirationTimeIdcard: {
+						required: false,
+					},
+					expirationTimeDriving: {
+						required: false,
+					},
+					expirationTimeDriver: {
+						required: false,
+					},
+					expirationTimeTradequalification: {
+						required: false,
+					},
 					name: {
 						type: 'string',
 						required: true,
@@ -286,6 +423,18 @@
 							trigger: ['change', 'blur']
 						}
 					],
+					cardImg1:{
+						type: 'string',
+						required: true,
+						message: '璇蜂笂浼犺韩浠借瘉姝ｉ潰',
+						trigger: ['blur', 'change']
+					},
+					cardImg2:{
+						type: 'string',
+						required: true,
+						message: '璇蜂笂浼犺韩浠借瘉鍙嶉潰',
+						trigger: ['blur', 'change']
+					},
 					carImg: {
 						type: 'string',
 						required: true,
@@ -297,20 +446,54 @@
 						required: true,
 						message: '璇蜂笂浼犺椹惰瘉鐓х墖',
 						trigger: ['blur', 'change']
+					},
+					driverImg: {
+						type: 'string',
+						required: true,
+						message: '璇蜂笂浼犻┚椹惰瘉鐓х墖',
+						trigger: ['blur', 'change']
 					}
 				},
-				// 鍩烘湰妗堝垪鏁版嵁
 				radiolist1: [{
-						name: '璐т唬',
+						name: '鍙告満',
 						disabled: false
 					},
 					{
-						name: '鍙告満',
+						name: '璐т唬',
 						disabled: false
 					}
 				],
-				// u-radio-group鐨剉-model缁戝畾鐨勫�煎鏋滆缃负鏌愪釜radio鐨刵ame锛屽氨浼氳榛樿閫変腑
-				radiovalue1: '璐т唬',
+				radiolist2: [{
+						text: '鏅�氳繍杈撹溅',
+						value:1
+					},
+					{
+						text: '闆嗚绠卞钩鏉胯溅',
+						value:2
+					},
+					{
+						text: '娑叉隘妲借溅',
+						value:3
+					},
+					{
+						text: '娑茬⒈妲借溅',
+						value:4
+					}
+				],
+				countryNumberCarList: [{
+						name: 1,
+						label: '鍥戒簲',
+					},
+					{
+						name: 2,
+						label: '鍥藉叚',
+					},
+					{
+						name: 3,
+						label: '鏂拌兘婧�',
+					}
+				],
+				radiovalue1: '鍙告満',
 				beforeChangeValue: '',
 				// 鏇存崲瑙掕壊寮规
 				editRoleModelShow: false,
@@ -318,7 +501,7 @@
 				content: '褰撳墠濉叆淇℃伅锛屽垏鎹㈣鑹插悗锛屽嵆娓呴櫎锛屾槸鍚﹀垏鎹紵',
 				wxcode: '',
 				openid: '',
-				registerClickloading: false
+				registerClickloading: false,
 			};
 		},
 		watch: {
@@ -342,22 +525,45 @@
 						break;
 				}
 				return;
-			}
+			},
 		},
 		methods: {
 			...mapMutations(['changeisUploadimg']),
+			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.password == this.registerFormModel.confirmPassword) {
+					if(this.registerFormModel.carType==3&&!this.registerFormModel.tradeQualificationImg||this.registerFormModel.carType==4&&!this.registerFormModel.tradeQualificationImg){
+						uni.showToast({
+							title: '璇蜂笂浼犱粠涓氳祫鏍艰瘉锛�',
+							icon: 'error',
+							duration: 2000
+						});
+					}else{
 					this.$refs.regesterFormRef
 						.validate()
 						.then(res => {
-							console.log(this.registerFormModel);
 							this.registerClickloading = true;
 							this.registerFormModel.username = this.registerFormModel.phone;
-							apiRegister(this.registerFormModel)
+							this.registerFormModel.idCardImg = this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2;
+							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.data.code == 0) {
+									if (res.code == 0) {
 										uni.showToast({
 											title: '娉ㄥ唽鎴愬姛,鍗冲皢杩斿洖鐧诲綍椤�',
 											icon: 'none',
@@ -378,6 +584,7 @@
 							console.log('err', err);
 							this.$u.toast('璇疯鑼冭緭鍏ュ唴瀹�');
 						});
+						}
 				} else {
 					this.$u.toast('涓ゆ瀵嗙爜涓嶄竴鑷�');
 				}
@@ -443,15 +650,28 @@
 						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.driverImg = 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.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}`);
 							}
 						}
@@ -477,6 +697,9 @@
 				this.$nextTick(() => {
 					this.editRoleModelShow = false;
 				});
+			},
+			isNonCoalChange() {
+				this.registerFormModel.isCoalCar = this.registerFormModel.isNonCoal.length !== 0 ? 1 : 2
 			}
 		}
 	};

--
Gitblit v1.9.1