zhapp/pages/quote/chooseOption.vue

<template>
	<view class='page'>
		<view class="" style="padding-bottom: 70px;">
			<view class="selectedCoverage dis j-s a-c">
				<view class="productName dis a-c j-c">
					<image src="../../static/image/car-insure/duigou.png" mode=""></image>
					<text>{{productName}}</text>
				</view>
				<view class="productName dis a-c j-c" style="border-radius: 6px;">
					<text style="margin: 0;">已选险种</text>
				</view>
			</view>
			<view class="planDetails">
				<view class="Plancontent dis  f-c ">
					<image src="../../static/image/car-insure/fanganxuanze.png" mode=""
						style="height: 22px;width: 88px;"></image>
					<view class="dis  a-c f-wrap  modelformcss">
						<view class="status-data" :class="item.id==SelectedPlanId? 'active':''" style="margin:4px 10px;"
							v-for="(item,index) in planDataExpansion.genericPlanList"
							@tap.stop.prevent="statusclick(item.id)" :key="index">
							{{item.schemeName}}
						</view>
					</view>
				</view>
				<view class="">
					<view class="Plancontent dis  f-c " v-if="['单交','交三','交商'].includes(productName)">
						<image src="../../static/image/car-insure/jqrisk.png" mode="" style="height: 22px;width: 88px;"
							class="mb-1"></image>
						<view style="padding:5px  10px;color: #666;font-size: 28rpx;border: 1px solid #e3e9f8;"
							class="dis a-c mb-2 mt-1">
							<view class="circle dis a-c j-c"></view>
							<text style="margin-left: 10px;"> 交通事故强制责任险</text>
						</view>
						<text style="margin-left: 10px;">保险期限：{{jqstartDate}} - {{jqendDate}}</text>
					</view>
					<view class="Plancontent dis  f-c ">
						<image src="../../static/image/car-insure/chechuanshui.png" mode=""
							style="height: 22px;width: 88px;" class="mb-1"></image>
						<view class="" style="margin:0  10px;">
							<u--form labelPosition="left" :model="vehicleAndVesselTaxForm" ref="uForm" labelWidth="130">
								<u-form-item label="纳税类型" borderBottom @click="taxRelifFlagShow=true">
									<u--input v-model="model.taxRelifFlag" disabled disabledColor="#ffffff"
										suffixIcon='arrow-down' suffixIconStyle="color:#333;font-size:30rpx"
										placeholder="请选择纳税类型" placeholderStyle="text-align:right;" clearable
										border="none" style="pointer-events: none"></u--input>
								</u-form-item>
								<u-form-item
									v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
									label="减免税凭证号" borderBottom>
									<u--input v-model="vehicleAndVesselTaxForm.extendChar2" border="none" clearable
										placeholder="请输入减免税凭证号" placeholderStyle="text-align:right;"></u--input>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证号"
									borderBottom>
									<u--input v-model="vehicleAndVesselTaxForm.paidFreeCertificate" border="none"
										clearable placeholder="请输入完税凭证号"
										placeholderStyle="text-align:right;"></u--input>
								</u-form-item>
								<u-form-item
									v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
									label="减免税原因" borderBottom @click="relifReasonShow=true">
									<u--input v-model="model.relifReason" disabled disabledColor="#ffffff"
										suffixIcon='arrow-down' suffixIconStyle="color:#333;font-size:30rpx"
										placeholder="请选择减免税原因" placeholderStyle="text-align:right;" clearable
										border="none" style="pointer-events: none"></u--input>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关代码"
									borderBottom>
									<u--input v-model="vehicleAndVesselTaxForm.taxComCode" border="none" clearable
										placeholder="请输入税务机关代码" placeholderStyle="text-align:right;"></u--input>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关名称"
									borderBottom>
									<u--input v-model="vehicleAndVesselTaxForm.taxComName" border="none" clearable
										placeholder="请输入税务机关名称" placeholderStyle="text-align:right;"></u--input>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证填发日期"
									borderBottom @click="taxDocumentDateShow=true">
									<u--input v-model="vehicleAndVesselTaxForm.taxDocumentDate" disabled
										disabledColor="#ffffff" clearable :holdKeyboard="true" 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 v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证地区"
									borderBottom @click="taxPaidAreaCodeShow=true">
									<u--input v-model="model.taxPaidAreaCode" disabled disabledColor="#ffffff" clearable
										:holdKeyboard="true" 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 v-show="vehicleAndVesselTaxForm.taxRelifFlag == 3" label="减税比例"
									borderBottom>
									<u--input v-model="vehicleAndVesselTaxForm.taxRelief" border="none" clearable
										placeholder="请输入减税比例" placeholderStyle="text-align:right;"></u--input>
								</u-form-item>
							</u--form>
						</view>
					</view>
					<view class="Plancontent dis  f-c " v-if="['单商','交三','交商','单三'].includes(productName)">
						<image src="../../static/image/car-insure/syrisk.png" mode="" style="height: 22px;width: 88px;"
							class="mb-1"></image>
						<text style="margin-left: 10px;">{{systartDate}} - {{syendDate}}</text>
						<view class="insuranceType" v-if="planDataExpansion.genericPlanInfo.schemeName !=='自选方案'">
							<view class="table mb-3">
								<view class="header dis a-c j-s">
									<text class="th special">险种</text>
									<text class="th">保额</text>
								</view>
								<view class="tr dis a-c j-c"
									v-for="(item,index) in planDataExpansion.genericPlanInfo.kinds" :key="index">
									<view class="td special dis a-c  ">
										<view class="circle dis a-c j-c"></view>
										<text class="ml-2">{{item.kindName}}</text>
									</view>
									<text v-if="['A'].includes(item.kindCode)" class="td">投保</text>
									<text v-else-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)"
										class="td">{{convertedValue(item.unitAmount)}}</text>
									<text v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)"
										class="td">{{item.amount}}%</text>
									<text v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)"
										class="td">{{item.serviceTimes}}次</text>
									<text v-else class="td">{{convertedValue(item.amount)}}</text>
								</view>
							</view>
						</view>
						<template v-else>
							<view class="immediately">
								<view class="dis f-c" style="background: #F9F9F9;border-radius: 10px;">
									<view class="table mb-3">
										<view class="header dis a-c j-s">
											<text class="th special">险种</text>
											<text class="th">保额</text>
										</view>
										<view class="tr dis a-c j-c"
											v-for="(insureItem,index) in planDataExpansion.genericPlanInfo.kinds"
											:key="index">
											<template v-if="insureItem.amount != 0">
												<view class="td special dis a-c  ">
													<view class="circle dis a-c j-c"></view>
													<text class="ml-2">{{insureItem.kindName}}</text>
												</view>
												<view class="td">
													<view class="dis a-c j-c" @tap="adjustBIItem(index)">
														<text>{{insureItem.amountDesc}}</text>
														<u-icon name="arrow-right" color="#333" size="14"></u-icon>
													</view>
												</view>
											</template>
										</view>
									</view>
								</view>
							</view>
							<view class="compulsory-insurance">
								<block v-for="(insureItem,index) in planDataExpansion.genericPlanInfo.kinds"
									:key="index">
									<template v-if="insureItem.amount == 0">
										<view class="car-ins-cell d-flex j-sb common-ins-cell"
											@tap="adjustBIItem(index)">
											<view class="cell-title d-flex a-center j-center">
												{{insureItem.kindName}}
											</view>
											<view class="cell-desc d-flex a-center j-center">
												{{insureItem.amountDesc}}
												<view class="icon iconfont icon-youjiantou"
													style="font-size: 40rpx;margin-left: 20upx;color: #C7C6CA;">
												</view>
											</view>
										</view>
									</template>
								</block>
							</view>
						</template>
					</view>
					<template v-if="planDataExpansion.genericPlanInfo.schemeName !=='自选方案'">
						<view class="Plancontent dis  f-c policyInfo"
							v-if=" planDataExpansion.genericPlanInfo && planDataExpansion.genericPlanInfo.drivings && planDataExpansion.genericPlanInfo.drivings.length">
							<image src="../../static/image/car-insure/ywrisk.png" mode=""
								style="height: 22px;width: 88px;" class="mb-1"></image>
							<view class=" modelformcss"
								v-for="(drivingsitem,risksindex) in planDataExpansion.genericPlanInfo.drivings"
								:key="risksindex">
								<view class="dis f-c ">
									<view class="tagHeader dis a-c">
										<view>{{drivingsitem.alias}}
											<view class="tag"></view>
										</view>
									</view>
								</view>
								<view class="table " v-if="drivingsitem.blames && drivingsitem.blames.length>0">
									<view class="header dis a-c j-s">
										<text class="th special">保险责任</text>
										<text class="th">保额</text>
										<text class="th">保费(元)</text>
									</view>
									<view class="dis">
										<view class="accident dis f-c">
											<view class="diss dis" v-for="(Sonitem,Sonindex) in drivingsitem.blames"
												:key="Sonindex">
												<view style="width: 67%;padding: 5px 10px " class="boss">
													<view class="dis a-c ">
														<view class="circle dis a-c j-c"></view>
														<view style="margin-left: 5px;width: 80%;" class="dis j-start">
															{{Sonitem.blame}}
														</view>
													</view>
												</view>
												<view class="boss dis a-c j-c" style="width: 33%;">
													{{Sonitem.blameCoverage}}
												</view>
											</view>
										</view>
										<view class="right dis j-c a-c">
											{{drivingsitem.premium}}
										</view>
									</view>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>份数</text>
									<text>{{drivingsitem.quantity}}份</text>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{drivingsitem.premium?drivingsitem.premium:0}}</text>
								</view>
							</view>
						</view>
					</template>
					<view class="Plancontent dis  f-c " v-else>
						<image src="../../static/image/car-insure/ywrisk.png" mode="" style="height: 22px;width:88px;"
							class="mb-1"></image>
						<view class="dis  a-c f-wrap  modelformcss">
							<view class="status-data" :class="item.checked? 'active':''" style="margin-right: 10px;"
								v-for="(item,index) in accidentInsuranceCategoryList"
								@tap.stop.prevent="accidentCategoryclick(item,planDataExpansion,index)" :key="index">
								{{item.typeName}}
							</view>
						</view>
						<template v-if=" planDataExpansion.nameSimple=='安盛天平' && anshengaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="anshengPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{anshengaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="anshengaccidentalDrivingVo.blames && anshengaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in anshengaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.name}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.amount}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{anshengaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="anshengaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabledInput="true" size="26" :long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{anshengaccidentalDrivingVo.premium*anshengaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='国任财险' && guoRenaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="guoRenPopupshow=true">
									<text class="tagHeader dis a-c">
										<view>{{guoRenaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="guoRenaccidentalDrivingVo.blames && guoRenaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in guoRenaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.name}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.amount}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{guoRenaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="guoRenaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{guoRenaccidentalDrivingVo.premium*guoRenaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='大家财险' && dajiaaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="dajiaPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{dajiaaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="dajiaaccidentalDrivingVo.blames && dajiaaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in dajiaaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.name}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.amount}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{dajiaaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="dajiaaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{dajiaaccidentalDrivingVo.premium*dajiaaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='紫金财险' && zijinInsuranceData.length>0">
							<view class="p-1">
								<text @click="zijinPopupshow=true" style="color: #FF5600;font-size: 14px;">意外险选择</text>
								<view class="" v-for="(item,index) in zijinaccidentalDrivingVo" :key="index">
									<view class="policyInfo">
										<view class="tagHeader dis a-c">
											<view>{{item.alias}}
												<view class="tag"></view>
											</view>
										</view>
									</view>
									<view class=" dis j-s a-c">
										<view class="">
											<text>保费：</text>
											<text style="color: #ee7000;">￥{{item.premium*item.quantity}}.00</text>
										</view>
										<view class="">
											<text>份数：</text>
											<u-number-box v-model="item.quantity" :min="1" :max="10" :input-width="70"
												:input-height="44" size="26" :long-press="false"></u-number-box>
										</view>
									</view>

								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='众安财险' && zhonganaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="zhonganPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{zhonganaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="zhonganaccidentalDrivingVo.blames && zhonganaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in zhonganaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.name}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.amount}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{zhonganaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="zhonganaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{zhonganaccidentalDrivingVo.premium*zhonganaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='永诚财险' && yongchengaccidentalDrivingVo.alias">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="yongchengPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{yongchengaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="14"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="yongchengaccidentalDrivingVo.blames && yongchengaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in yongchengaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{yongchengaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="yongchengaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" size="26" :long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{yongchengaccidentalDrivingVo.premium*yongchengaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='恒邦财险' && hengbangaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="hengbangPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{hengbangaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="hengbangaccidentalDrivingVo.blames && hengbangaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in hengbangaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{hengbangaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="hengbangaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{hengbangaccidentalDrivingVo.premium*hengbangaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='诚泰财险' && chengtaiaccidentalDrivingVo.alias">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="chengtaiPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{chengtaiaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="chengtaiaccidentalDrivingVo.blames && chengtaiaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in chengtaiaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{chengtaiaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="chengtaiaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{chengtaiaccidentalDrivingVo.premium*chengtaiaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='中煤财险' && zhongmeiaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="zhongmeiPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{zhongmeiaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="zhongmeiaccidentalDrivingVo.blames && zhongmeiaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in zhongmeiaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{zhongmeiaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="zhongmeiaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{zhongmeiaccidentalDrivingVo.premium*zhongmeiaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='泰康财险' && taikangaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="taikangPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{taikangaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="taikangaccidentalDrivingVo.blames && taikangaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in taikangaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{taikangaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="taikangaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{taikangaccidentalDrivingVo.premium*taikangaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='渤海财险' && bohaiaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="bohaiPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{bohaiaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="bohaiaccidentalDrivingVo.blames && bohaiaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in bohaiaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{bohaiaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="bohaiaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{bohaiaccidentalDrivingVo.premium*bohaiaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='太平财险' && taipingaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="taipingPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{taipingaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="taipingaccidentalDrivingVo.blames && taipingaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in taipingaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{taipingaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="taipingaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{taipingaccidentalDrivingVo.premium*taipingaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='华农财险' && huanongaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="huanongPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{huanongaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="huanongaccidentalDrivingVo.blames && huanongaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in huanongaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{huanongaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="huanongaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{huanongaccidentalDrivingVo.premium*huanongaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.nameSimple=='中国人寿' && renshouaccidentalDrivingVo.alias ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="renshouPopupshow=true">
									<view class="tagHeader dis a-c">
										<view>{{renshouaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</view>
									</view>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<view class="table "
										v-if="renshouaccidentalDrivingVo.blames && renshouaccidentalDrivingVo.blames.length>0">
										<view class="header dis a-c j-s">
											<text class="th special">保险责任</text>
											<text class="th">保额</text>
											<text class="th">保费(元)</text>
										</view>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in renshouaccidentalDrivingVo.blames"
													:key="Sonindex">
													<view style="width: 67%;padding: 5px 10px " class="boss">
														<view class="dis a-c ">
															<view class="circle dis a-c j-c"></view>
															<view style="margin-left: 5px;width: 80%;"
																class="dis j-start">
																{{Sonitem.blame}}
															</view>
														</view>
													</view>
													<view class="boss dis a-c j-c" style="width: 33%;">
														{{Sonitem.blameCoverage}}
													</view>
												</view>
											</view>
											<view class="right dis j-c a-c">
												{{renshouaccidentalDrivingVo.premium}}
											</view>
										</view>
									</view>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="renshouaccidentalDrivingVo.quantity" :min="1" :max="10"
										:disabled-input="true" :input-width="70" :input-height="44" size="26"
										:long-press="false"></u-number-box>
								</view>
								<view class="dis a-c j-s mt-2" style="font-size: 14px;color: #232832;">
									<text>总保费</text>
									<text>￥{{renshouaccidentalDrivingVo.premium*renshouaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
					</view>
				</view>
				<view class="footer-btn dis a-c j-c">
					<view class="btn" @click="back">取消</view>
					<view class="btn" @click="confirmPlan(planDataExpansion.cnName)">确认方案</view>
				</view>
			</view>
		</view>
		<!-- 商业选择方案 -->
		<wyb-popup ref="popupBI" type="bottom" mode="size-fixed" height="900" radius="6" :showCloseIcon="true">
			<view class="popup-content">
				<view class="popHeader d-flex a-center j-center">
					选择方案
				</view>
				<scroll-view scroll-top="0" scroll-y="true" class="popContent">
					<view class="popContentTitle">{{insureItem.kindName}}</view>
					<view style="color: #999;font-size: 24upx;">{{insureItem.desc}}</view>
					<view class="dis a-c j-s p-3" v-if="['TY2','TY3','TY4'].includes(insureItem.kindCode)">
						<text>自定义次数</text>
						<u-number-box v-model="insureItem.amount" :input-width="100" :input-height="60" :min="0"
							color="#fff" size="30" @change="numberBoxChange"></u-number-box>
					</view>
					<view v-else style="margin-top: 10px;">
						<block v-for="(amt,index) in insureItem.amtList" :key="index">
							<view class="amtSingle" @tap="adjustBIItemLabel(index)"
								:class="(amt.label== insureItem.amountDesc)?'active':''">
								{{amt.label}}
							</view>
						</block>
					</view>
				</scroll-view>
				<view class="popBottom">
					<button type="primary" style="background-color: #0052FF;"
						@tap="adjustBIItemLabelSubmit()">完成</button>
				</view>
			</view>
		</wyb-popup>
		<!-- 人寿驾意险弹框 -->
		<u-modal :show="renshouPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="renshouPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0; align-items: flex-start;" labelSize="30" shape="square"
						@change="RSradioChange" v-for="(item, index) in renshouInsuranceData" :key="index"
						:name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 中煤驾意险弹框 -->
		<u-modal :show="zhongmeiPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="zhongmeiPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;" labelSize="30" @change="ZMradioChange" shape="square"
						v-for="(item, index) in zhongmeiInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 恒邦驾意险弹框 -->
		<u-modal :show="hengbangPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="hengbangPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="HBradioChange" shape="square"
						v-for="(item, index) in hengbangInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 众安驾意险弹框 -->
		<u-modal :show="zhonganPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="zhonganPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="ZAradioChange" shape="square"
						v-for="(item, index) in zhonganInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 华农驾意险弹框 -->
		<u-modal :show="huanongPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="huanongPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="HNradioChange" shape="square"
						v-for="(item, index) in huanongInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 泰康驾意险弹框 -->
		<u-modal :show="taikangPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="taikangPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="TkradioChange" shape="square"
						v-for="(item, index) in taikangInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<u-modal :show="yongchengPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="yongchengPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="YCradioChange" shape="square"
						v-for="(item, index) in yongchengInsuranceData" :key="index" :name="item.id">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 太平驾意险弹框 -->
		<u-modal :show="taipingPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="taipingPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="TPradioChange" shape="square"
						v-for="(item, index) in taipingInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 渤海驾意险弹框 -->
		<u-modal :show="bohaiPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="bohaiPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" style="" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="BHradioChange" shape="square"
						v-for="(item, index) in bohaiInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 紫金驾意弹框 -->
		<u-popup :show="zijinPopupshow" mode="bottom" round="10" @close="zijinPopupshow=false">
			<view class="ZJcheckboxGroup dis f-c">
				<view class="title dis a-c j-c">
					<text>意外险选择</text>
				</view>
				<scroll-view scroll-y="true" class="scolcentent">
					<u-checkbox-group @change="ZJcheckboxGroupChange">
						<u-checkbox style="margin: 8px 0;flex: auto;" active-color="#FF4D4D" label-size="28"
							v-model="item.checked" v-for="(item, index) in zijinInsuranceData" :key="index"
							:name="item.projectCode">{{item.alias}}</u-checkbox>
					</u-checkbox-group>
				</scroll-view>
				<view class="operateBtn dis ">
					<view class="cancel dis a-c j-c" @click="zijinPopupshow=false">
						取消
					</view>
					<view class="confirm dis a-c j-c" @click="zijinPopupshow=false">
						确定
					</view>
				</view>
			</view>
		</u-popup>
		<u-modal :show="guoRenPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="guoRenPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="GRradioChange" shape="square"
						v-for="(item, index) in guoRenInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<u-modal :show="dajiaPopupshow" title="驾意险" :showConfirmButton="false" :closeOnClickOverlay="true"
			@close="dajiaPopupshow=false">
			<view class="slot-content p-2">
				<u-radio-group size="20" placement="column">
					<u-radio style="margin: 4px 0;flex: auto;" labelSize="30" @change="DJradioChange" shape="square"
						v-for="(item, index) in dajiaInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<u-picker :show="taxRelifFlagShow" :columns="taxRelifFlagoptions" keyName="dictTag"
			@cancel="taxRelifFlagShow=false" @confirm="dictionaryConfirm($event, 'taxRelifFlag','taxRelifFlagShow')"
			@close="taxRelifFlagShow=false" :closeOnClickOverlay="true"></u-picker>
		<u-picker :show="relifReasonShow" :columns="relifReasonoptions" keyName="dictTag"
			@cancel="relifReasonShow=false" @confirm="dictionaryConfirm($event, 'relifReason','relifReasonShow')"
			@close="relifReasonShow=false" :closeOnClickOverlay="true"></u-picker>
		<u-datetime-picker :show="taxDocumentDateShow" v-model="taxDocumentDateValue" mode="date" :formatter="formatter"
			@cancel="taxDocumentDateShow=false" @close="taxDocumentDateShow=false" :closeOnClickOverlay="true"
			@confirm="taxDocumentDateconfirm" confirmText="确定"></u-datetime-picker>
		<u-picker :show="taxPaidAreaCodeShow" :columns="regionlist" @cancel="taxPaidAreaCodeShow=false" keyName="name"
			@confirm="taxPaidAreaCodeconfirm" @close="taxPaidAreaCodeShow=false" :closeOnClickOverlay="true"></u-picker>
	</view>
</template>
<script>
	import wybPopup from '@/components/wyb-popup/wyb-popup.vue'
	export default {
		components: {
			wybPopup,
		},
		data() {
			return {
				regionlist: [
					[{
							"name": "北京市",
							"value": "110000"
						},
						{
							"name": "天津市",
							"value": "120000"
						},
						{
							"name": "河北省",
							"value": "130000"
						},
						{
							"name": "山西省",
							"value": "140000"
						},
						{
							"name": "内蒙古自治区",
							"value": "150000"
						},
						{
							"name": "辽宁省",
							"value": "210000"
						},
						{
							"name": "吉林省",
							"value": "220000"
						},
						{
							"name": "黑龙江省",
							"value": "230000"
						},
						{
							"name": "上海市",
							"value": "310000"
						},
						{
							"name": "江苏省",
							"value": "320000"
						},
						{
							"name": "浙江省",
							"value": "330000"
						},
						{
							"name": "安徽省",
							"value": "340000"
						},
						{
							"name": "福建省",
							"value": "350000"
						},
						{
							"name": "江西省",
							"value": "360000"
						},
						{
							"name": "山东省",
							"value": "370000"
						},
						{
							"name": "河南省",
							"value": "410000"
						},
						{
							"name": "湖北省",
							"value": "420000"
						},
						{
							"name": "湖南省",
							"value": "430000"
						},
						{
							"name": "广东省",
							"value": "440000"
						},
						{
							"name": "广西壮族自治区",
							"value": "450000"
						},
						{
							"name": "海南省",
							"value": "460000"
						},
						{
							"name": "重庆市",
							"value": "500000"
						},
						{
							"name": "四川省",
							"value": "510000"
						},
						{
							"name": "贵州省",
							"value": "520000"
						},
						{
							"name": "云南省",
							"value": "530000"
						},
						{
							"name": "西藏自治区",
							"value": "540000"
						},
						{
							"name": "陕西省",
							"value": "610000"
						},
						{
							"name": "甘肃省",
							"value": "620000"
						},
						{
							"name": "青海省",
							"value": "630000"
						},
						{
							"name": "宁夏回族自治区",
							"value": "640000"
						},
						{
							"name": "新疆维吾尔自治区",
							"value": "650000"
						},
						{
							"name": "台湾省",
							"value": "710000"
						},
						{
							"name": "香港特别行政区",
							"value": "810000"
						},
						{
							"name": "澳门特别行政区",
							"value": "820000"
						}
					]
				],
				taxDocumentDateValue: Number(new Date()),
				planDataExpansion: { //方案综合数据
					id: "",
					nameSimple: "",
					cnName: "",
					genericPlanList: [], //方案通用列表
					genericPlanInfo: {}, //方案展示信息
				},
				SelectedPlanId: "", //已选方案id
				accidentInsuranceCategoryList: [], //驾意险分类
				productId: "", //险种id
				productName: "", //险种名称
				jqstartDate: "",
				jqendDate: "",
				systartDate: "",
				syendDate: "",
				seatCount: "",
				//车船税form
				vehicleAndVesselTaxForm: {
					taxRelifFlag: "1", //类型
					identifyNumber: "", //纳税人识别号
					taxpayerIdentifier: "01", //纳税人证件类型
					taxpayerName: "", //纳税人名称
					extendChar2: "", //减免税凭证号
					paidFreeCertificate: "", //完税凭证号
					relifReason: "", //减免税原因
					taxComCode: "", //税务机关代码
					taxComName: "", ///税务机关名称
					taxDocumentDate: "", //完税日期
					taxPaidAreaCode: "", //完税凭证地区代码
					taxRelief: "", //减税比例
				},
				model: {
					taxRelifFlag: "正常交税",
					taxpayerIdentifier: "身份证",
					relifReason: "",
					taxPaidAreaCode: "",
				},
				taxRelifFlagoptions: [
					[{
							"dictTag": "正常交税",
							"dictValue": "1",
							"sort": 0,
							"status": 0
						},
						{
							"dictTag": "免税",
							"dictValue": "2",
							"sort": 1,
							"status": 0
						},
						{
							"dictTag": "减税",
							"dictValue": "3",
							"sort": 2,
							"status": 0
						},
						{
							"dictTag": "完税",
							"dictValue": "4",
							"sort": 3,
							"status": 0
						}
					]
				],
				taxpayerIdentifieroptions: [],
				relifReasonoptions: [

				],
				taxPaidAreaCodeShow: false, //完税凭证地区
				taxDocumentDateShow: false, //完税凭证填发日期
				taxRelifFlagShow: false, //车船税类型
				taxpayerIdentifierShow: false, //纳税人证件类型
				relifReasonShow: false, //减免税原因代码
				params1: {
					year: true, //年
					month: true, //月
					day: true, //日
					hour: false, //时
					minute: false, //分
					second: false, //秒
				},
				params2: {
					province: true,
					city: false,
					area: false
				},
				insureItem: {}, //商业险规格
				/* 安盛 */
				anshengPopupshow: false,
				anshengInsuranceData: [],
				anshengaccidentalDrivingVo: {},
				/* 国任 */
				guoRenPopupshow: false,
				guoRenInsuranceData: [],
				guoRenaccidentalDrivingVo: {},
				/* 大家 */
				dajiaPopupshow: false,
				dajiaInsuranceData: [],
				dajiaaccidentalDrivingVo: {},
				/* 永诚 */
				yongchengPopupshow: false,
				yongchengInsuranceData: [],
				yongchengaccidentalDrivingVo: {},
				/* 恒邦 */
				hengbangPopupshow: false,
				hengbangInsuranceData: [],
				hengbangaccidentalDrivingVo: {},

				/* 诚泰 */
				chengtaiPopupshow: false,
				chengtaiInsuranceData: [],
				chengtaiaccidentalDrivingVo: {},
				/* 中煤 */
				zhongmeiPopupshow: false,
				zhongmeiInsuranceData: [],
				zhongmeiaccidentalDrivingVo: {},

				/* 泰康 */
				taikangPopupshow: false,
				taikangInsuranceData: [],
				taikangaccidentalDrivingVo: {},

				/* 渤海 */
				bohaiPopupshow: false,
				bohaiInsuranceData: [],
				bohaiaccidentalDrivingVo: {},

				/* 众安 */
				zhonganPopupshow: false,
				zhonganInsuranceData: [],
				zhonganaccidentalDrivingVo: {},

				/* 太平 */
				taipingPopupshow: false,
				taipingInsuranceData: [],
				taipingaccidentalDrivingVo: {},
				/* 华农 */
				huanongPopupshow: false,
				huanongInsuranceData: [],
				huanongaccidentalDrivingVo: {},
				/* 人寿 */
				renshouPopupshow: false,
				renshouInsuranceData: [],
				renshouaccidentalDrivingVo: {},
				/* 紫金 */
				zijinPopupshow: false,
				zijinInsuranceData: [],
				zijinaccidentalDrivingVo: [],
				quotableCompanyList: [],
			}
		},
		onShow() {

		},
		async onLoad() {
			const eventChannel = this.getOpenerEventChannel()
			// 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
			await eventChannel.on('acceptData', (data) => {
				this.jqstartDate = data.jqstartDate;
				this.jqendDate = data.jqendDate;
				this.systartDate = data.systartDate;
				this.syendDate = data.syendDate;
				this.productName = data.productName;
				this.productId = data.params.productId;
				this.seatCount = data.params.seatNum;
				this.planDataExpansion.id = data.params.companyId;
				this.planDataExpansion.nameSimple = data.nameSimple;
				this.planDataExpansion.cnName = data.cnName;
				this.quotableCompanyList = data.quotableCompanyList;
				this.vehicleAndVesselTaxForm.identifyNumber = data.identifyNumber;
				this.vehicleAndVesselTaxForm.taxpayerName = data.taxpayerName;
				this.queryPlan(data.params); //方案查询
			})
			this.getDicType("car_tax_code"); //车船税类型
			// this.getDicType("taxpayerIdentifier"); //纳税人证件类型
			this.getDicType("relifReason"); //减免税原因代码
		},
		methods: {
			formatter(type, value) {
				if (type === 'year') {
					return `${value}年`
				}
				if (type === 'month') {
					return `${value}月`
				}
				if (type === 'day') {
					return `${value}日`
				}
				return value
			},
			//字典信息回显处理
			dictionaryConfirm(value, name, showName) {
				this.vehicleAndVesselTaxForm[name] = value.value[0].dictValue;
				this.model[name] = value.value[0].dictTag;
				this[showName] = false;
			},
			back() {
				uni.navigateBack(1)
			},
			async queryPlan(params) {
				let res = await this.$http.get('/scheme/getSchemeResult', params);
				if (res.code == '200') {

					if (res.data.schemes) {
						this.planDataExpansion.genericPlanList = [...res.data.schemes];
					}
					if (res.data.optionalScheme) {
						this.planDataExpansion.genericPlanList = [...res.data.schemes, res.data.optionalScheme];
					}
					this.planDataExpansion.genericPlanInfo = res.data.schemes[0];
					this.SelectedPlanId = res.data.schemes[0].id;
				} else {
					this.planDataExpansion.genericPlanList = [];
					this.planDataExpansion.genericPlanInfo = {};
					this.SelectedPlanId = "";
				}
			},
			confirmPlan(name) {
				let pages = getCurrentPages(); //获取所有页面栈实例列表
				let nowPage = pages[pages.length - 1]; //当前页页面实例
				let prevPage = pages[pages.length - 2]; //上一页页面实例
				let prevPage1 = pages[pages.length - 3]; //上一页页面实例
				this.quotableCompanyList.map(val => {
					if (val.id == this.planDataExpansion.id) {
						val.insurancePlanInfo = this.planDataExpansion.genericPlanInfo;
						if (val.insurancePlanInfo.kinds.length > 0) {
							let objkindList = [];
							val.insurancePlanInfo.kinds.map((ele, index) => {
								if (ele.amount != "0" && ["A"].includes(ele.kindCode)) {
									objkindList.push({
										amount: val.insurancePlanInfo.kinds[index]
											.amount,
										kindCode: val.insurancePlanInfo.kinds[
											index].kindCode,
										kindName: val.insurancePlanInfo.kinds[
											index].kindName
									});
								} else if (ele.amount != "0" && ["SY_FJ_YBW2", "D4"]
									.includes(ele
										.kindCode)) {
									objkindList.push({
										unitAmount: val.insurancePlanInfo.kinds[
											index].amount,
										kindCode: val.insurancePlanInfo.kinds[
											index].kindCode,
										kindName: val.insurancePlanInfo.kinds[
											index].kindName
									});
								} else if (ele.amount != "0" && ["MJ1", "MJ2", "MJ3",
										"MJ4"
									].includes(ele
										.kindCode)) {
									objkindList.push({
										deductibleRate: val.insurancePlanInfo
											.kinds[index].amount,
										kindCode: val.insurancePlanInfo.kinds[
											index].kindCode,
										kindName: val.insurancePlanInfo.kinds[
											index].kindName
									});
								} else if (ele.amount != "0" && ["TY1", "TY2", "TY3",
										"TY4"
									].includes(ele
										.kindCode)) {
									objkindList.push({
										serviceTimes: String(val.insurancePlanInfo
											.kinds[index]
											.amount),
										kindCode: val.insurancePlanInfo.kinds[
											index].kindCode,
										kindName: val.insurancePlanInfo.kinds[
											index].kindName
									});
								} else if (ele.amount != "0") {
									objkindList.push({
										amount: val.insurancePlanInfo.kinds[index]
											.amount,
										kindCode: val.insurancePlanInfo.kinds[
											index].kindCode,
										kindName: val.insurancePlanInfo.kinds[
											index].kindName
									});
								}
								return ele;
							})
							val.insurancePlanInfo.kinds = objkindList;
						}
						if (this.planDataExpansion.genericPlanInfo.schemeName == '自选方案') {
							if (this[name + 'accidentalDrivingVo'] instanceof Array && this[name +
									'accidentalDrivingVo'].length > 0) {
								val.insurancePlanInfo.drivings = this[name +
									'accidentalDrivingVo'];
							} else if (this[this.planDataExpansion.cnName + 'accidentalDrivingVo']
								.productName) {
								val.insurancePlanInfo.drivings = [this[name +
									'accidentalDrivingVo']];
							}
						}
						if (!val.insurancePlanInfo.schemeName) {
							return uni.showToast({
								icon: "none",
								title: '未选中方案',
							})
						}

					}
					return val;
				})
				if (prevPage.route == 'pages/quote/premiumCalc') {
					prevPage.$vm.quotableCompanyList = [...this.quotableCompanyList];
					prevPage.$vm.vehicleAndVesselTaxForm = {
						...this.vehicleAndVesselTaxForm
					};
					uni.navigateBack({
						delta: 1
					});
				} else {
					prevPage1.$vm.quotableCompanyList = [...this.quotableCompanyList];
					prevPage1.$vm.vehicleAndVesselTaxForm = {
						...this.vehicleAndVesselTaxForm
					};
					uni.navigateBack({
						delta: 2
					});
				}


			},
			async accidentCategoryclick(item, items, index) {
				this.accidentInsuranceCategoryList[index].checked = !this.accidentInsuranceCategoryList[index].checked;
				if (this.accidentInsuranceCategoryList[index].checked) {
					let res = await this.$http.get('/plt/scheme/optionalSchemeDriving?schemeId=' + this
						.SelectedPlanId + '&seatNum=' + this.seatCount)
					switch (items.nameSimple) {
						case '安盛天平':
						case '国任财险':
						case '大家财险':
						case '永诚财险':
						case '恒邦财险':
						case '诚泰财险':
						case '中煤财险':
						case '泰康财险':
						case '渤海财险':
						case '众安财险':
						case '太平财险':
						case '华农财险':
						case '中国人寿':
							if (res.data.length > 0) {
								this[items.cnName + 'InsuranceData'] = res.data; //意外险list
								this[items.cnName + 'accidentalDrivingVo'] = {
									typeName: item.typeName,
									...res.data[0]
								};
							} else {
								uni.showToast({
									title: "驾意险为空",
									icon: 'none',
								});
							}
							break;
						case '紫金财险':
							this[items.cnName + 'InsuranceData'] = res.data; //意外险list
							this[items.cnName + 'accidentalDrivingVo'] = [];
							break;
					}
				} else {
					if (items.nameSimple == '紫金财险') {
						this[items.cnName + 'InsuranceData'] = [];
						this[items.cnName + 'accidentalDrivingVo'] = []
					} else {
						this[items.cnName + 'accidentalDrivingVo'] = {}
					}
				}
			},
			statusclick(value) {
				this.SelectedPlanId = value;
				let planObj = this.planDataExpansion.genericPlanList.find(item => item.id == value);
				if (planObj.schemeName == '自选方案') {
					if (planObj.kinds && planObj.kinds.length > 0) {
						planObj.kinds.map(item => {
							const itemamtList = item.options.map(val => {
								return val.label
							})
							if (!itemamtList.includes('不投保')) {
								item.amount = item.options[0].value;
								item.amountDesc = item.options[0].label;
							}
							return item;
						})
					}
					switch (this.planDataExpansion.nameSimple) {
						case '安盛天平':
						case '国任财险':
						case '大家财险':
						case '永诚财险':
						case '恒邦财险':
						case '诚泰财险':
						case '中煤财险':
						case '泰康财险':
						case '渤海财险':
						case '众安财险':
						case '太平财险':
						case '华农财险':
						case '中国人寿':
							if (planObj.drivings.length > 0) {
								this[this.planDataExpansion.cnName + 'InsuranceData'] = planObj.drivings; //意外险list
								this[this.planDataExpansion.cnName + 'accidentalDrivingVo'] = planObj.drivings[0];
							} else {
								uni.showToast({
									title: "驾意险为空",
									icon: 'none',
								});
							}
							break;
						case '紫金财险':
							this[this.planDataExpansion.cnName + 'InsuranceData'] = planObj.drivings; //意外险list
							this[this.planDataExpansion.cnName + 'accidentalDrivingVo'] = [];
							break;
					}
				}

				this.planDataExpansion.genericPlanInfo = planObj;
			},
			//国任
			GRradioChange(id) {
				let obj = this.guoRenInsuranceData.find((val => val.id == id))
				Object.assign(this.guoRenaccidentalDrivingVo, obj);
				this.guoRenPopupshow = false;
			},

			//大家
			DJradioChange(id) {
				let obj = this.dajiaInsuranceData.find((val => val.id == id))
				Object.assign(this.dajiaaccidentalDrivingVo, obj);
				this.dajiaPopupshow = false;
			},
			//紫金意外险
			ZJcheckboxGroupChange(detail) {
				this.zijinaccidentalDrivingVo = [];
				detail.map(val => {
					let list = this.zijinInsuranceData.find(item => item.id == val)
					this.zijinaccidentalDrivingVo.push(list)
				})
			},
			//安盛
			ASradioChange(id) {
				let obj = this.anshengInsuranceData.find((val => val.id == id))
				Object.assign(this.anshengaccidentalDrivingVo, obj);
				this.anshengPopupshow = false;
			},
			//太平
			TPradioChange(id) {
				let obj = this.taipingInsuranceData.find(val => val.id == id)
				Object.assign(this.taipingaccidentalDrivingVo, obj);
				this.taipingPopupshow = false;
			},
			//泰康
			TkradioChange(id) {
				let obj = this.taikangInsuranceData.find(val => val.id == id)
				Object.assign(this.taikangaccidentalDrivingVo, obj);
				this.taikangPopupshow = false;
			},
			//永诚
			YCradioChange(id) {
				let obj = this.yongchengInsuranceData.find(val => val.id == id)
				Object.assign(this.yongchengaccidentalDrivingVo, obj);
				this.yongchengPopupshow = false;
			},
			//中煤
			ZMradioChange(id) {
				let obj = this.zhongmeiInsuranceData.find(val => val.id == id)
				Object.assign(this.zhongmeiaccidentalDrivingVo, obj);
				this.zhongmeiPopupshow = false;
			},
			//渤海意外险
			BHradioChange(id) {
				let info = this.bohaiInsuranceData.find(val => val.id == id)
				Object.assign(this.bohaiaccidentalDrivingVo, obj);
				this.bohaiPopupshow = false;
			},
			//人寿意外险
			RSradioChange(id) {
				let obj = this.renshouInsuranceData.find(val => val.id == id)
				Object.assign(this.renshouaccidentalDrivingVo, obj);
				this.renshouPopupshow = false;
			},
			//恒邦意外险
			HBradioChange(id) {
				let obj = this.hengbangInsuranceData.find(val => val.id ==
					id)
				Object.assign(this.hengbangaccidentalDrivingVo, obj);
				this.hengbangPopupshow = false;
			},
			//众安意外险
			ZAradioChange(id) {
				let obj = this.zhonganInsuranceData.find(val => val.id == id)
				Object.assign(this.zhonganaccidentalDrivingVo, obj);
				this.zhonganPopupshow = false;
			},
			//华农驾意险
			HNradioChange(id) {
				let obj = this.huanongInsuranceData.find(val => val.id == id);
				Object.assign(this.huanongaccidentalDrivingVo, obj);
				this.huanongaccidentalDrivingVo.accidentType = this.huanongaccidentalDrivingVo.planCode;
				this.huanongPopupshow = false;
			},

			//车船税类型选择
			taxRelifFlagConfirm(val, name) {
				this.vehicleAndVesselTaxForm[name] = val[0].value;
				this.model[name] = val[0].label;
			},
			//弹出popup框并显示基本信息
			adjustBIItem(index) {
				var a = {};
				Object.assign(a, this.planDataExpansion.genericPlanInfo.kinds[index])
				this.insureItem = a;
				this.$refs.popupBI.show() // 显示
			},
			numberBoxChange(val) {
				if (val.value > 0) {
					this.insureItem.amount = val.value;
					this.insureItem.amountDesc = val.value + '次';
				} else {
					this.insureItem.amount = 0;
					this.insureItem.amountDesc = '不投保';
				}
			},
			//popup内容的label改变
			adjustBIItemLabel(index) {
				this.insureItem.amount = this.insureItem.amtList[index].value;
				this.insureItem.amountDesc = this.insureItem.amtList[index].label;
			},
			//-------------驾意险处理结束
			adjustBIItemLabelSubmit() {
				for (let i = 0; i < this.planDataExpansion.genericPlanInfo.kinds.length; i++) {
					if (this.insureItem.kindCode == this.planDataExpansion.genericPlanInfo.kinds[i].kindCode) {
						this.planDataExpansion.genericPlanInfo.kinds[i].amount = this.insureItem.amount; /* 保额 */
						this.planDataExpansion.genericPlanInfo.kinds[i].amountDesc = this.insureItem.amountDesc; /* 保额名称 */
					}
				}
				this.$refs.popupBI.hide();
			},
			convertedValue(num) {
				if (num < 10000) {
					return num.toString();
				} else if (num < 100000000) {
					return (Math.floor(num / 10000 * 10) / 10) + '万';
				} else {
					return (Math.floor(num / 100000000 * 10) / 10) + '亿';
				}
			},
			taxDocumentDateconfirm(e) {
				this.vehicleAndVesselTaxForm.taxDocumentDate = uni.$u.timeFormat(e.value, 'yyyy-mm-dd');
				this.taxDocumentDateShow = false;
			},
			taxPaidAreaCodeconfirm(e) {
				this.vehicleAndVesselTaxForm.taxPaidAreaCode = e.value[0].value;
				this.model.taxPaidAreaCode = e.value[0].name;
				this.taxPaidAreaCodeShow = false;
			},
			//数据字典
			async getDicType(type) {
				let res = await this.$http.get('/sysDict/dictDetails/' + type);
				this[type + "options"] = res.data.ddList;
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		background: #F8FAFE;
		padding: 16px 16px 16px 16px;
	}

	.selectedCoverage {
		background: linear-gradient(90deg, #CCE5FE 0%, #D4EDFF 100%);
		border-radius: 6px 6px 0px 0px;
		padding: 8px 6px;

		.productName {
			padding: 10rpx 12rpx;
			background: linear-gradient(90deg, #64A4F0 0%, #0052FF 100%);
			border-radius: 6px 6px 6px 0px;

			image {
				width: 16px;
				height: 16px;

			}

			text {
				color: #fff;
				font-size: 16px;
				margin-left: 10px;
			}
		}
	}

	.planDetails {
		background-color: #fff;
		box-shadow: 0px 4px 10px 0px #DAE3F4;
		border-radius: 6px;
		padding: 8px;



		.footer-btn {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background: #FFFFFF;
			border: 1px solid #EFEFEF;
			padding: 10px;

			.btn:nth-child(1) {
				background: #fff;
				color: #999999;
				font-size: 16px;
				padding: 5px 40px;
				border-radius: 4px;
				border: 1px solid #C9C9C9;
			}

			.btn:nth-child(2) {
				background: linear-gradient(90deg, #0052FF 0%, #0D8BFF 100%);
				border-radius: 4px;
				margin-left: 40px;
				font-size: 16px;
				color: #FFFFFF;
				padding: 6px 50px;
			}
		}

	}

	.Plancontent {
		.title {
			color: #232832;
			font-size: 15px;
			font-weight: bold;

			::before {
				content: "丨";
				width: 10px;
				height: 10px;
				color: #0052FF;
			}
		}

		.title-before {}

		.Accident {
			width: 100%;
			border: 1px solid #0874FF;
			border-radius: 6px;
			overflow: hidden;

			.head {
				width: 20%;
				height: 40px;
				background-color: #0874FF;
				color: #FFFFFF;

				&:nth-child(1) {
					width: 60%;
				}
			}

			.tr {
				width: 20%;
				height: 60px;
				color: #232832;
				border: 1rpx solid #0874FF;
				font-size: 24rpx;
				color: #232832;

				&:nth-child(1) {
					width: 60%;
					background: rgba(8, 116, 255, 0.05);
				}

				&:nth-child(3) {
					background: rgba(8, 116, 255, 0.05);
				}
			}

		}

		.insuranceType {
			margin: 5px 10px;
			border-radius: 10px;
		}

		.terms {
			color: #FFFFFF;
			background: linear-gradient(90deg, #FF4D4D 0%, #FF784D 100%);
			border-radius: 4px 4px 4px 4px;
		}

	}

	.status-data {
		width: auto;
		padding: 2px 8px;
		margin-left: 10px;
		font-size: 12px;
		border: 1px solid #CDCDCD;
		cursor: pointer;
		text-align: center;
		line-height: 25px;
		border-radius: 2px;
	}

	.active {
		position: relative;
		background: rgba(0, 82, 255, 0.1);
		color: #0052FF;
		border: 1px solid #0052FF !important;
		font-weight: 700;
	}

	.active::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 10px;
		background-image: url("../../static/image/car-insure/before.png");
		background-size: cover;
	}

	//对勾
	.circle {
		width: 24rpx;
		height: 24rpx;
		border-radius: 50%;
		border: 2px solid #0052FF;
	}

	.circle:after {
		content: "✔";
		/* 对勾符号 */
		font-size: 10px;
		font-weight: bold;
		/* 根据需要调整大小 */
		color: #0052FF;
	}

	.immediately {
		padding: 19rpx 15px;

		.common-ins-cell:last-child {
			border-bottom: none;
		}
	}

	.modelformcss {
		padding: 5px 0;
	}

	/* 交强险和商业险弹出框Start */
	.popup-content {
		position: relative;
	}

	.popHeader {
		box-sizing: border-box;
		font-size: 32upx;
		font-weight: bold;
		height: 120upx;
		border-bottom: 1px solid #eee;
	}

	.popup-content .popContent {
		padding: 0upx 30upx;
		height: 620upx;
		box-sizing: border-box;
	}

	.popup-content .popContent .popContentTitle {
		font-weight: bold;
		font-size: 32upx;
		margin: 20upx 0upx 5upx 0upx;
	}

	.popup-content .popContent .amtSingle {
		width: 22%;
		box-sizing: border-box;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #eee;
		margin: 0 15rpx 15rpx 0;
	}

	.popup-content .popBottom {
		margin: 30upx 30upx 0 30upx;
		padding-bottom: 30upx;
	}

	.drivingSelection {
		padding: 8px;

		>view {
			padding: 4px 8px;
		}

		.header {
			width: 100%;
			background: rgba(255, 86, 0, 0.05);
			border-radius: 2px;
			margin-bottom: 4px;

			text {
				font-size: 15px;
				color: #FF5600;
				font-weight: bold;

			}
		}
	}

	.policyInfo {
		.tagHeader {
			font-family: Source Han Sans SC, Source Han Sans SC;

			>view {
				position: relative;
				font-weight: bold;
				font-size: 13px;
				color: #333;
			}

			.tag {
				position: absolute;
				left: 0;
				bottom: -1px;
				width: 50%;
				height: 5px;
				background: linear-gradient(90deg, #0874FF 0%, rgba(8, 116, 255, 0) 100%);
				border-radius: 6px;
			}
		}

		.accident {
			width: 75%;
			font-size: 28rpx;

			.diss {
				border-bottom: 1px solid #E3E9F8;

				.boss {
					border-right: 1px solid #E3E9F8;
					text-align: center;
					padding: 5px 3px;
				}
			}

			.diss:last-child {
				border-bottom: none;
			}
		}

		.right {
			width: 25%;
			padding: 5px 3px;
			font-size: 28rpx;
		}
	}

	.common-ins-cell:last-child {
		border-bottom: none;
	}

	.common-ins-cell {
		font-size: 30upx;
		padding: 0upx 30upx;
		height: 90upx;
		border-bottom: 1px solid #eee;
	}


	::v-deep {
		.u-form-item .uni-input-input {
			text-align: right !important;
			font-weight: bold;
		}
	}

	.table {
		width: 100%;
		border-radius: 4rpx;
		border: 1rpx solid #e3e9f8;
		background-color: #fff;

		.header {
			background-color: #f5f6f8;
			border-radius: 4rpx 4rpx 0 0;

			.th {
				padding: 14rpx 20rpx;
				box-sizing: border-box;
				text-align: center;
				font-size: 28rpx;
				font-weight: bold;
				color: #333;
				flex: 1;
			}

			.th.special {
				flex: 2;
				text-align: left;
			}
		}

		.tr {
			.td {
				padding: 14rpx 20rpx;
				box-sizing: border-box;
				text-align: center;
				font-size: 28rpx;
				flex: 1;
			}

			.td.special {
				flex: 2;
			}

		}

		.tr:nth-child(odd) {
			background-color: #FBFBFB;
		}
	}

	.slot-content {
		height: 600rpx;
		overflow-y: auto;
	}
</style>