Browse Source

增加性别、邮箱输入

@dongkboy 1 year ago
parent
commit
886bfc7373
2 changed files with 74 additions and 13 deletions
  1. 2 2
      manifest.json
  2. 72 11
      pages/carInsure1/carInfo1.vue

+ 2 - 2
manifest.json

@@ -7,8 +7,8 @@
 		"sizes": "分辨率,192x192",
 		"src": "图片路径"
 	}],
-	"versionName": "1.0.176",
-	"versionCode": 176,
+	"versionName": "1.0.177",
+	"versionCode": 177,
 	"app-plus": {
 		"error": {
 			"url": "hybrid/html/error.html"

+ 72 - 11
pages/carInsure1/carInfo1.vue

@@ -176,6 +176,15 @@
 					<input class="uni-input-input textColor" disabled placeholder="请输入年龄" v-model="ownerInfo.age"
 						maxlength="18" placeholder-style="font-size:28upx" />
 				</uni-forms-item>
+				<uni-forms-item name="gender" required label="性别:">
+					<view class="d-flex a-center" style="width:100%;height: 100%;">
+						<picker class="d-flex a-center" style="width:100%;height: 100%;" mode="selector"
+							range-key="label" :range="genderList" v-model="ownerGenderIndex"
+							@change="bindGenderChange($event,'owner')">
+							<view class="textColor">{{genderList[ownerGenderIndex]['label']}}</view>
+						</picker>
+					</view>
+				</uni-forms-item>
 				<uni-forms-item required name="mobile" label="手机号: ">
 					<input class="uni-input-input textColor" placeholder="请输入手机号" v-model="ownerInfo.mobile"
 						maxlength="11" placeholder-style="font-size:28upx" />
@@ -185,6 +194,10 @@
 						style="width:100%;line-height: 50upx;margin-top: 15upx;" placeholder-style="font-size:28upx;"
 						placeholder="请输入地址" auto-height />
 				</uni-forms-item>
+				<uni-forms-item name="email" label="邮箱: ">
+					<input class="uni-input-input textColor" placeholder="请输入邮箱" v-model="ownerInfo.email"
+						placeholder-style="font-size:28upx" />
+				</uni-forms-item>
 				<uni-forms-item required label="有效期起期" name="identifyValidDate" style="margin-right: 14px;">
 					<u-input type="select" :select-open="ownerDateShow" v-model="ownerInfo.identifyValidDate"
 						placeholder="请选择有效期起期" @click="ownerDateShow = true"
@@ -243,9 +256,22 @@
 					<uni-forms-item required name="identifyNumber" label="证件号: ">
 						<input class="uni-input-input textColor" placeholder="请输入证件号"
 							v-model="policyHolderInfo.identifyNumber" maxlength="18"
-							@blur="binddata('identifyNumber', $event.detail.value,'policyHolderForm')"
+							@blur="binddata('identifyNumber', $event.detail.value,'policyHolderInfo')"
 							placeholder-style="font-size:28upx" />
 					</uni-forms-item>
+					<uni-forms-item required name="age" label="年龄: ">
+						<input class="uni-input-input textColor" disabled placeholder="请输入年龄"
+							v-model="policyHolderInfo.age" maxlength="18" placeholder-style="font-size:28upx" />
+					</uni-forms-item>
+					<uni-forms-item name="gender" required label="性别:">
+						<view class="d-flex a-center" style="width:100%;height: 100%;">
+							<picker class="d-flex a-center" style="width:100%;height: 100%;" mode="selector"
+								range-key="label" :range="genderList" v-model="policyHolderGenderIndex"
+								@change="bindGenderChange($event,'policyHolder')">
+								<view class="textColor">{{genderList[policyHolderGenderIndex]['label']}}</view>
+							</picker>
+						</view>
+					</uni-forms-item>
 					<uni-forms-item required name="mobile" label="手机号: ">
 						<input class="uni-input-input textColor" placeholder="请输入手机号" v-model="policyHolderInfo.mobile"
 							maxlength="11" @blur="binddata('mobile', $event.detail.value,'policyHolderForm')"
@@ -257,6 +283,10 @@
 							placeholder-style="font-size:28upx;" placeholder="请输入地址" auto-height
 							@blur="binddata('addr', $event.detail.value,'policyHolderForm')" />
 					</uni-forms-item>
+					<uni-forms-item name="email" label="邮箱: ">
+						<input class="uni-input-input textColor" placeholder="请输入邮箱" v-model="policyHolderInfo.email"
+							placeholder-style="font-size:28upx" />
+					</uni-forms-item>
 					<uni-forms-item required label="有效期起期" name="identifyValidDate" style="margin-right: 14px;">
 						<u-input type="select" :select-open="policyHolderDateShow"
 							v-model="policyHolderInfo.identifyValidDate" placeholder="请选择有效期起期"
@@ -325,9 +355,22 @@
 					<uni-forms-item required name="identifyNumber" label="证件号: ">
 						<input class="uni-input-input textColor" placeholder="请输入证件号"
 							v-model="insuredPersonInfo.identifyNumber" maxlength="18"
-							@blur="binddata('identifyNumber', $event.detail.value,'insuredPersonForm')"
+							@blur="binddata('identifyNumber', $event.detail.value,'insuredPersonInfo')"
 							placeholder-style="font-size:28upx" />
 					</uni-forms-item>
+					<uni-forms-item required name="age" label="年龄: ">
+						<input class="uni-input-input textColor" disabled placeholder="请输入年龄"
+							v-model="insuredPersonInfo.age" maxlength="18" placeholder-style="font-size:28upx" />
+					</uni-forms-item>
+					<uni-forms-item name="gender" required label="性别:">
+						<view class="d-flex a-center" style="width:100%;height: 100%;">
+							<picker class="d-flex a-center" style="width:100%;height: 100%;" mode="selector"
+								range-key="label" :range="genderList" v-model="insuredPersonGenderIndex"
+								@change="bindGenderChange($event,'insuredPerson')">
+								<view class="textColor">{{genderList[insuredPersonGenderIndex]['label']}}</view>
+							</picker>
+						</view>
+					</uni-forms-item>
 					<uni-forms-item required name="mobile" label="手机号: ">
 						<input class="uni-input-input textColor" placeholder="请输入手机号" v-model="insuredPersonInfo.mobile"
 							maxlength="11" @blur="binddata('mobile', $event.detail.value,'insuredPersonForm')"
@@ -339,6 +382,10 @@
 							placeholder-style="font-size:28upx;" placeholder="请输入地址" auto-height
 							@blur="binddata('addr', $event.detail.value,'insuredPersonForm')" />
 					</uni-forms-item>
+					<uni-forms-item name="email" label="邮箱: ">
+						<input class="uni-input-input textColor" placeholder="请输入邮箱" v-model="insuredPersonInfo.email"
+							placeholder-style="font-size:28upx" />
+					</uni-forms-item>
 					<uni-forms-item required label="有效期起期" name="identifyValidDate" style="margin-right: 14px;">
 						<u-input type="select" :select-open="insuredPersonDateShow"
 							v-model="insuredPersonInfo.identifyValidDate" placeholder="请选择有效期起期"
@@ -819,6 +866,18 @@
 				cimodelclassIndex: 0,
 				fuelTypeCodeIndex: 0,
 				propertyIndex: 0,
+				ownerGenderIndex: 0,
+				policyHolderGenderIndex: 0,
+				insuredPersonGenderIndex: 0,
+				genderList: [{
+						label: "男",
+						value: "男",
+					},
+					{
+						label: "女",
+						value: "女",
+					}
+				],
 				identifyList: [{
 						label: '身份证',
 						id: "01"
@@ -855,7 +914,8 @@
 					identifyType: "01",
 					identifyNumber: "",
 					addr: "",
-					email: "",
+					gender: "", //性别
+					email: "", //邮箱
 					mobile: "",
 					identifyValidDate: "", //有效期起期
 					identifyValidEndDate: "", //有效期止期
@@ -866,6 +926,7 @@
 					identifyType: "01",
 					identifyNumber: "",
 					addr: "",
+					gender: "", //性别
 					email: "",
 					mobile: "",
 					identifyValidDate: "", //有效期起期
@@ -877,6 +938,7 @@
 					identifyType: "01",
 					identifyNumber: "",
 					addr: "",
+					gender: "", //性别
 					email: "",
 					mobile: "",
 					identifyValidDate: "", //有效期起期
@@ -912,14 +974,6 @@
 			this.getDicType("energyType"); //能源种类
 		},
 		onLoad(options) {
-			var a = 1;
-
-			function test() {
-				console.log(a)
-				var a = 2;
-				console.log(a)
-			}
-			test();
 			//--数据字典 begin --
 			if (!!options.licenseNo) {
 				// this.licenseNo = decodeURIComponent(options.licenseNo);
@@ -1246,6 +1300,8 @@
 												age: getAgeByIdCard(data.customerInfo
 													.identifyNumber),
 												name: data.customerInfo.name,
+												gender: data.customerInfo
+													.identifyIssuedCom,
 												identifyNumber: data.customerInfo
 													.identifyNumber,
 												addr: data.customerInfo.addr,
@@ -1435,6 +1491,11 @@
 				this[type + 'Info'].identifyType = this.identifyList[e.target.value].id;
 				this[type + 'Info'].identifyNumber = '';
 			},
+			//性别匹配
+			bindGenderChange(e, type) {
+				this[type + 'GenderIndex'] = e.target.value;
+				this[type + 'Info'].gender = this.genderList[e.target.value].label;
+			},
 			bindDateChange(e, type) { //日期赋值
 				if ((type == 'issueDate') && (!this.carInfo.registerDate)) {
 					return uni.showToast({