Przeglądaj źródła

app省市区选择bug调整

@dongkboy 3 tygodni temu
rodzic
commit
b49128f626

+ 14 - 10
components/commonFormItem/ApplicantInfoForm.vue

@@ -6,7 +6,7 @@
 				<u-input v-model="policyHolderInfo.name" border="none" clearable placeholder="请输入姓名"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item label="车主类型" borderBottom @click="propertyShow=true">
+			<u-form-item label="投保人类型" borderBottom @click="propertyShow=true">
 				<u-input v-model="policyHolderInfos.property" border="none" clearable placeholder=""
 					placeholderStyle="text-align:right;" suffixIcon='arrow-down'
 					suffixIconStyle="color:#333;font-size:30rpx" style="pointer-events: none"></u-input>
@@ -20,11 +20,11 @@
 				<u-input v-model="policyHolderInfo.identifyNumber" border="none" maxlength="18" clearable
 					placeholder="请输入证件号" placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="policyHolderInfo.property==0" label="证件号码" prop="organizationCode" borderBottom>
+			<u-form-item v-if="policyHolderInfo.property==2" label="证件号码" prop="organizationCode" borderBottom>
 				<u-input v-model="policyHolderInfo.organizationCode" border="none" clearable maxlength="18"
 					placeholder="请输入证件号码" placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="policyHolderInfo.property==0" label="注册资金" borderBottom>
+			<u-form-item v-if="policyHolderInfo.property==2" label="注册资金" borderBottom>
 				<u--input v-model="policyHolderInfo.registeredCapital" border="none" clearable placeholder="请输入注册资金"
 					placeholderStyle="text-align:right;">
 				</u--input>
@@ -35,26 +35,26 @@
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
 
-			<u-form-item v-if="policyHolderInfo.property==0" label="车主座机" borderBottom>
+			<u-form-item v-if="policyHolderInfo.property==2" label="车主座机" borderBottom>
 				<u-input v-model="policyHolderInfo.tel" border="none" clearable placeholder="请输入车主座机"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="policyHolderInfo.property==0" label="车主联系人" borderBottom>
+			<u-form-item v-if="policyHolderInfo.property==2" label="投保人联系人" borderBottom>
 				<u-input v-model="policyHolderInfo.legalPerson" border="none" clearable placeholder="请输入车主联系人"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="policyHolderInfo.property==0" label="联系人证件号码" borderBottom labelWidth="120">
+			<u-form-item v-if="policyHolderInfo.property==2" label="联系人证件号码" borderBottom labelWidth="120">
 				<u-input v-model="policyHolderInfo.leaderIdentifyNumber" border="none" clearable
 					placeholder="请输入联系人证件号码" placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item label="联系人有效期止期" v-if="policyHolderInfo.property==0" prop="leaderOtherEffectiveDate"
+			<u-form-item label="联系人有效期止期" v-if="policyHolderInfo.property==2" prop="leaderOtherEffectiveDate"
 				borderBottom labelWidth="150" @click="leaderOtherEffectiveDateShow = true; ">
 				<u--input v-model="policyHolderInfo.leaderOtherEffectiveDate" disabled disabledColor="#ffffff" clearable
 					suffixIcon='calendar' suffixIconStyle="color:#333;font-size:40rpx" placeholder="选择有效期止期"
 					placeholderStyle="text-align:right;" border="none" style="pointer-events: none"></u--input>
 			</u-form-item>
-			<u-form-item label="省市区" v-if="policyHolderInfo.property==0" borderBottom @click="addressPickershow=true">
-				<u-input v-model="policyHolderInfo.selectedOptions1" border="none" clearable placeholder="请选择省市区"
+			<u-form-item label="省市区" v-if="policyHolderInfo.property==2" borderBottom @click="addressPickershow=true">
+				<u-input v-model="policyHolderInfos.fullAddress" border="none" clearable placeholder="请选择省市区"
 					placeholderStyle="text-align:right;" suffixIcon='arrow-down'
 					suffixIconStyle="color:#333;font-size:30rpx" style="pointer-events: none"></u-input>
 			</u-form-item>
@@ -121,7 +121,7 @@
 				propertylist: [
 					[{
 							label: "法人",
-							value: "0",
+							value: "2",
 						},
 						{
 							label: "个人",
@@ -201,6 +201,10 @@
 			addressConfirm(value) {
 				if (value) {
 					console.log(value);
+					this.policyHolderInfos.fullAddress = value.fullAddress;
+					this.policyHolderInfo.provinceCode = value.codes[0];
+					this.policyHolderInfo.cityCode = value.codes[1];
+					this.policyHolderInfo.countyCode = value.codes[2];
 				}
 				this.addressPickershow = false;
 			},

+ 11 - 8
components/commonFormItem/InsuredInfoForm.vue

@@ -23,11 +23,11 @@
 					placeholder="请输入证件号" placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
 
-			<u-form-item v-if="insuredPersonInfo.property==0" label="证件号码" prop="organizationCode" borderBottom>
+			<u-form-item v-if="insuredPersonInfo.property==2" label="证件号码" prop="organizationCode" borderBottom>
 				<u-input v-model="insuredPersonInfo.organizationCode" border="none" clearable maxlength="18"
 					placeholder="请输入证件号码" placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="insuredPersonInfo.property==0" label="注册资金" borderBottom>
+			<u-form-item v-if="insuredPersonInfo.property==2" label="注册资金" borderBottom>
 				<u--input v-model="insuredPersonInfo.registeredCapital" border="none" clearable placeholder="请输入注册资金"
 					placeholderStyle="text-align:right;">
 				</u--input>
@@ -40,11 +40,11 @@
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
 
-			<u-form-item v-if="insuredPersonInfo.property==0" label="车主座机" borderBottom>
+			<u-form-item v-if="insuredPersonInfo.property==2" label="车主座机" borderBottom>
 				<u-input v-model="insuredPersonInfo.tel" border="none" clearable placeholder="请输入车主座机"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="insuredPersonInfo.property==0" label="车主联系人" borderBottom>
+			<u-form-item v-if="insuredPersonInfo.property==2" label="车主联系人" borderBottom>
 				<u-input v-model="insuredPersonInfo.legalPerson" border="none" clearable placeholder="请输入车主联系人"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
@@ -52,14 +52,14 @@
 				<u-input v-model="insuredPersonInfo.leaderIdentifyNumber" border="none" clearable
 					placeholder="请输入联系人证件号码" placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item label="联系人有效期止期" v-if="insuredPersonInfo.property==0" prop="leaderOtherEffectiveDate"
+			<u-form-item label="联系人有效期止期" v-if="insuredPersonInfo.property==2" prop="leaderOtherEffectiveDate"
 				borderBottom labelWidth="150" @click="leaderOtherEffectiveDateShow = true; ">
 				<u--input v-model="insuredPersonInfo.leaderOtherEffectiveDate" disabled disabledColor="#ffffff"
 					clearable suffixIcon='calendar' suffixIconStyle="color:#333;font-size:40rpx" placeholder="选择有效期止期"
 					placeholderStyle="text-align:right;" border="none" style="pointer-events: none"></u--input>
 			</u-form-item>
-			<u-form-item label="省市区" v-if="insuredPersonInfo.property==0" borderBottom @click="addressPickershow=true">
-				<u-input v-model="insuredPersonInfo.selectedOptions1" border="none" clearable placeholder="请选择省市区"
+			<u-form-item label="省市区" v-if="insuredPersonInfo.property==2" borderBottom @click="addressPickershow=true">
+				<u-input v-model="insuredPersonInfos.fullAddress" border="none" clearable placeholder="请选择省市区"
 					placeholderStyle="text-align:right;" suffixIcon='arrow-down'
 					suffixIconStyle="color:#333;font-size:30rpx" style="pointer-events: none"></u-input>
 			</u-form-item>
@@ -213,7 +213,10 @@
 			//省市区选择回调
 			addressConfirm(value) {
 				if (value) {
-					console.log(value);
+					this.insuredPersonInfos.fullAddress = value.fullAddress;
+					this.insuredPersonInfo.provinceCode = value.codes[0];
+					this.insuredPersonInfo.cityCode = value.codes[1];
+					this.insuredPersonInfo.countyCode = value.codes[2];
 				}
 				this.addressPickershow = false;
 			},

+ 42 - 10
components/commonFormItem/OwnerInfoForm.vue

@@ -6,7 +6,7 @@
 				<u-input v-model="ownerInfo.name" border="none" clearable placeholder="请输入姓名"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item label="车主类型" borderBottom>
+			<u-form-item label="车主类型" borderBottom @click="propertyShow=true">
 				<u-input v-model="ownerInfos.property" border="none" clearable placeholder=""
 					placeholderStyle="text-align:right;" suffixIcon='arrow-down'
 					suffixIconStyle="color:#333;font-size:30rpx" style="pointer-events: none"></u-input>
@@ -21,11 +21,11 @@
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
 
-			<u-form-item v-if="ownerInfo.property==0" label="证件号码" prop="organizationCode" borderBottom>
+			<u-form-item v-if="ownerInfo.property==2" label="证件号码" prop="organizationCode" borderBottom>
 				<u-input v-model="ownerInfo.organizationCode" border="none" clearable maxlength="18"
 					placeholder="请输入证件号码" placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="ownerInfo.property==0" label="注册资金" borderBottom>
+			<u-form-item v-if="ownerInfo.property==2" label="注册资金" borderBottom>
 				<u--input v-model="ownerInfo.registeredCapital" border="none" clearable placeholder="请输入注册资金"
 					placeholderStyle="text-align:right;">
 				</u--input>
@@ -38,26 +38,26 @@
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
 
-			<u-form-item v-if="ownerInfo.property==0" label="车主座机" borderBottom>
+			<u-form-item v-if="ownerInfo.property==2" label="车主座机" borderBottom>
 				<u-input v-model="ownerInfo.tel" border="none" clearable placeholder="请输入车主座机"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="ownerInfo.property==0" label="车主联系人" borderBottom>
+			<u-form-item v-if="ownerInfo.property==2" label="车主联系人" borderBottom>
 				<u-input v-model="ownerInfo.legalPerson" border="none" clearable placeholder="请输入车主联系人"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item v-if="ownerInfo.property==0" label="联系人证件号码" borderBottom labelWidth="120">
+			<u-form-item v-if="ownerInfo.property==2" label="联系人证件号码" borderBottom labelWidth="120">
 				<u-input v-model="ownerInfo.leaderIdentifyNumber" border="none" clearable placeholder="请输入联系人证件号码"
 					placeholderStyle="text-align:right;"></u-input>
 			</u-form-item>
-			<u-form-item label="联系人有效期止期" v-if="ownerInfo.property==0" prop="leaderOtherEffectiveDate" borderBottom
+			<u-form-item label="联系人有效期止期" v-if="ownerInfo.property==2" prop="leaderOtherEffectiveDate" borderBottom
 				labelWidth="150" @click="leaderOtherEffectiveDateShow = true; ">
 				<u--input v-model="ownerInfo.leaderOtherEffectiveDate" disabled disabledColor="#ffffff" clearable
 					suffixIcon='calendar' suffixIconStyle="color:#333;font-size:40rpx" placeholder="选择有效期止期"
 					placeholderStyle="text-align:right;" border="none" style="pointer-events: none"></u--input>
 			</u-form-item>
-			<u-form-item label="省市区" v-if="ownerInfo.property==0" borderBottom @click="addressPickershow=true">
-				<u-input v-model="ownerInfo.selectedOptions1" border="none" clearable placeholder="请选择省市区"
+			<u-form-item label="省市区" v-if="ownerInfo.property==2" borderBottom @click="addressPickershow=true">
+				<u-input v-model="ownerInfos.fullAddress" border="none" clearable placeholder="请选择省市区"
 					placeholderStyle="text-align:right;" suffixIcon='arrow-down'
 					suffixIconStyle="color:#333;font-size:30rpx" style="pointer-events: none"></u-input>
 			</u-form-item>
@@ -83,6 +83,10 @@
 				</u-checkbox-group>
 			</u-form-item>
 		</u--form>
+		<!-- 车主类型 -->
+		<u-picker :show="propertyShow" :columns="propertylist" keyName="label" @cancel="propertyShow=false"
+			@confirm="propertyConfirm($event,'property','propertyShow')" @close="propertyShow=false"
+			:closeOnClickOverlay="true"></u-picker>
 		<!-- 身份证起期 -->
 		<u-datetime-picker :show="identifyValidDateShow" v-model="identifyValidDatevalue" mode="date"
 			:formatter="formatter" @cancel="identifyValidDateShow=false" @close="identifyValidDateShow=false"
@@ -114,6 +118,8 @@
 		},
 		data() {
 			return {
+
+				propertyShow: false,
 				leaderOtherEffectiveDatevalue: Number(new Date()),
 				identifyValidDatevalue: Number(new Date()), //证件起期
 				identifyValidEndDatevalue: Number(new Date()), //证件止期
@@ -122,6 +128,17 @@
 				leaderOtherEffectiveDateShow: false, //有效期止期
 				addressPickershow: false, //省市区
 				ownerlongTerm: [], //车主长期
+				propertylist: [
+					[{
+							label: "法人",
+							value: "2",
+						},
+						{
+							label: "个人",
+							value: "1",
+						}
+					]
+				],
 				ownerRules: {
 					name: [{
 							required: true,
@@ -194,7 +211,10 @@
 		methods: {
 			addressConfirm(value) {
 				if (value) {
-					console.log(value);
+					this.ownerInfos.fullAddress = value.fullAddress;
+					this.ownerInfo.provinceCode = value.codes[0];
+					this.ownerInfo.cityCode = value.codes[1];
+					this.ownerInfo.countyCode = value.codes[2];
 				}
 				this.addressPickershow = false;
 			},
@@ -205,6 +225,18 @@
 					this.ownerInfo.identifyValidEndDate = '';
 				}
 			},
+			propertyConfirm(value, name, showName) {
+				this.ownerInfo[name] = value.value[0].value;
+				this.ownerInfos[name] = value.value[0].label;
+				this[showName] = false;
+				if (value.value[0].value == '1') { //个人
+					this.ownerInfos.identifyType = "身份证";
+					this.ownerInfo.identifyType = "01";
+				} else {
+					this.ownerInfos.identifyType = "统一社会信用代码";
+					this.ownerInfo.identifyType = "10";
+				}
+			},
 			identifyValidDateconfirm(e) {
 				this.ownerInfo.identifyValidDate = uni.$u.timeFormat(e.value, 'yyyy-mm-dd');
 				this.identifyValidDateShow = false;

+ 3 - 3
pages/quote/quoteInfo.vue

@@ -362,9 +362,9 @@
 							break;
 						case '2':
 							//车辆所属性质为企业  修改车主信息
-							this.ownerInfo.property = "0"; //车主类型
-							this.policyHolderInfo.property = "0";
-							this.insuredPersonInfo.property = "0";
+							this.ownerInfo.property = "2"; //车主类型
+							this.policyHolderInfo.property = "2";
+							this.insuredPersonInfo.property = "2";
 							this.ownerInfo1.property = "法人"; //车主类型
 							this.policyHolderInfo1.property = "法人";
 							this.insuredPersonInfo1.property = "法人";