vue-insagent-app/pages/carInsure/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.schemeId==SelectedPlanId? 'active':''"
							style="margin:4px 10px;" v-for="(item,index) in planDataExpansion.genericPlanList"
							@tap.stop.prevent="statusclick(item.schemeId)" :key="index">
							{{item.schemeName}}
						</view>
					</view>
				</view>
				<view class="">
					<view class="Plancontent dis  f-c " v-if="planDataExpansion.genericPlanInfo.isJq=='1'">
						<image src="../../static/image/car-insure/jqrisk.png" mode="" style="height: 22px;width: 88px;"
							class="mb-1"></image>

						<view style="padding:4px  10px;">
							<u-table border-color="#E3E9F8" align="left">
								<u-tr class="jq">
									<u-td>
										<view class="dis a-c">
											<view class="circle dis a-c j-c"></view>
											<text style="margin-left: 10px;"> 交通事故强制责任险</text>
										</view>
									</u-td>
								</u-tr>
							</u-table>
						</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 ref="uForm" :model="vehicleAndVesselTaxForm" label-width="130px">
								<u-form-item label="纳税类型" prop="taxRelifFlag" class="modelformcss">
									<u-input type="select" :select-open="taxRelifFlagShow" v-model="model.taxRelifFlag"
										:custom-style="{textAlign:'right'}" placeholder="请选择纳税类型"
										@click="taxRelifFlagShow = true"></u-input>
									<u-select mode="single-column" :list="taxRelifFlagoptions"
										v-model="taxRelifFlagShow" label-name="dictTag" value-name="dictValue"
										@confirm="taxRelifFlagConfirm($event,'taxRelifFlag')"></u-select>
								</u-form-item>
								<u-form-item
									v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
									label="减免税凭证号" prop="extendChar2" class="modelformcss">
									<u-input placeholder="请输入减免税凭证号" :custom-style="{textAlign:'right'}"
										v-model="vehicleAndVesselTaxForm.extendChar2" type="text"></u-input>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证号"
									prop="paidFreeCertificate" class="modelformcss">
									<u-input placeholder="请输入完税凭证号" :custom-style="{textAlign:'right'}"
										v-model="vehicleAndVesselTaxForm.paidFreeCertificate" type="text"></u-input>
								</u-form-item>
								<u-form-item
									v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
									label="减免税原因" prop="relifReason" class="modelformcss">
									<u-input type="select" :select-open="relifReasonShow" v-model="model.relifReason"
										:custom-style="{textAlign:'right'}" placeholder="请选择减免税原因"
										@click="relifReasonShow = true"></u-input>
									<u-select mode="single-column" :list="relifReasonoptions" v-model="relifReasonShow"
										label-name="dictTag" value-name="dictValue"
										@confirm="taxRelifFlagConfirm($event,'relifReason')"></u-select>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关代码"
									prop="taxComCode" class="modelformcss">
									<u-input placeholder="请输入税务机关代码" :custom-style="{textAlign:'right'}"
										v-model="vehicleAndVesselTaxForm.taxComCode" type="text"></u-input>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关名称"
									prop="taxComName" class="modelformcss">
									<u-input placeholder="请输入税务机关名称" :custom-style="{textAlign:'right'}"
										v-model="vehicleAndVesselTaxForm.taxComName" type="text"></u-input>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证填发日期"
									prop="taxDocumentDate" class="modelformcss">
									<u-input type="select" :select-open="taxDocumentDateShow"
										:custom-style="{textAlign:'right'}"
										v-model="vehicleAndVesselTaxForm.taxDocumentDate" placeholder="请选择时间"
										@click="taxDocumentDateShow = true"></u-input>
									<u-picker v-model="taxDocumentDateShow" mode="time" :params="params1"
										@confirm="taxDocumentDateconfirm"></u-picker>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证地区"
									prop="taxPaidAreaCode" class="modelformcss">
									<u-input type="select" :select-open="taxPaidAreaCodeShow"
										:custom-style="{textAlign:'right'}" v-model="model.taxPaidAreaCode"
										placeholder="请选择地区" @click="taxPaidAreaCodeShow = true"></u-input>
									<u-picker mode="region" v-model="taxPaidAreaCodeShow" :params="params2"
										@confirm="taxPaidAreaCodeconfirm"></u-picker>
								</u-form-item>
								<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 3" label="减税比例"
									prop="taxRelief" class="modelformcss">
									<u-input placeholder="请输入0~1的小数" :custom-style="{textAlign:'right'}"
										v-model="vehicleAndVesselTaxForm.taxRelief" type="text"></u-input>
								</u-form-item>
							</u-form>
						</view>
					</view>
					<view class="Plancontent dis  f-c " v-if="planDataExpansion.genericPlanInfo.isSy=='1'">
						<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 !=='自选方案'">
							<u-table border-color="#E3E9F8">
								<u-tr class="sy">
									<u-th width="70%" style="text-align: left;padding: 5px 10px !important">险种
									</u-th>
									<u-th>保额 </u-th>
								</u-tr>
								<u-tr v-for="(item,index) in planDataExpansion.genericPlanInfo.kinds" :key="index">
									<u-td width="70%" style="text-align: left;padding: 5px 10px !important">
										<view class="dis a-c">
											<view class="circle dis a-c j-c"></view>
											<text style="margin-left: 10px;">{{item.kindName}}</text>
										</view>
									</u-td>
									<u-td v-if="['A'].includes(item.kindCode)">投保</u-td>
									<u-td
										v-else-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)">{{convertedValue(item.unitAmount)}}</u-td>
									<u-td
										v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)">{{item.deductibleRate}}%</u-td>
									<u-td
										v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)">{{item.serviceTimes}}次</u-td>
									<u-td v-else>{{convertedValue(item.amount)}}</u-td>
								</u-tr>
							</u-table>
						</view>
						<template v-else>
							<view class="immediately">
								<view class="dis f-c" style="background: #F9F9F9;border-radius: 10px;">
									<u-table border-color="#E3E9F8">
										<u-tr class="sy">
											<u-th width="70%"
												style="text-align: left;padding: 5px 10px !important">险种</u-th>
											<u-th>保额</u-th>
										</u-tr>
										<u-tr v-for="(insureItem,index) in planDataExpansion.genericPlanInfo.kinds"
											:key="index">
											<template v-if="insureItem.amount != 0">
												<u-td width="70%" style="text-align: left;padding: 5px 10px !important">
													<view class="dis a-c">
														<view class="circle dis a-c j-c"></view>
														<text style="margin-left: 10px;">{{insureItem.kindName}}</text>
													</view>
												</u-td>
												<u-td>
													<view class="dis a-c j-c" @tap="adjustBIItem(index)">
														<text>{{insureItem.amountDesc}}</text>
														<u-icon name="arrow-right" color="#333" size="28"
															style="margin-left: 5px;"></u-icon>
													</view>
												</u-td>
											</template>

										</u-tr>
									</u-table>
								</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.drivingList && planDataExpansion.genericPlanInfo.drivingList.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.drivingList"
								:key="risksindex">
								<view class="dis f-c ">
									<text class="tagHeader dis a-c">
										<text>{{drivingsitem.alias}}
											<view class="tag"></view>
										</text>
									</text>
								</view>
								<u-table border-color="#E3E9F8" class="mt-2"
									v-if="drivingsitem.insDrivingIntentionInsuranceSon && drivingsitem.insDrivingIntentionInsuranceSon.length>0">
									<u-tr class="sy">
										<u-th width="50%"
											style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
										<u-th>保额</u-th>
										<u-th>保费(元)</u-th>
									</u-tr>
									<view class="dis">
										<view class="accident dis f-c">
											<view class="diss dis"
												v-for="(Sonitem,Sonindex) in drivingsitem.insDrivingIntentionInsuranceSon"
												: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">
											{{drivingsitem.sumPremium}}
										</view>
									</view>
								</u-table>
								<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.sumPremium?drivingsitem.sumPremium: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.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="anshengPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{anshengaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon && anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in anshengaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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.sumPremium}}
											</view>
										</view>
									</u-table>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="anshengaccidentalDrivingVo.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>￥{{anshengaccidentalDrivingVo.sumPremium*anshengaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='国任财险' && guoRenaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="guoRenPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{guoRenaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon && guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in guoRenaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*guoRenaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='大家财险' && dajiaaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="dajiaPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{dajiaaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon && dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in dajiaaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*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">
										<text class="tagHeader dis a-c">
											<text>{{item.alias}}
												<view class="tag"></view>
											</text>
										</text>
									</view>
									<view class=" dis j-s a-c">
										<view class="">
											<text>保费：</text>
											<text style="color: #ee7000;">￥{{item.sumPremium*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 class="Accident mt-2" v-if="item.insDrivingIntentionInsuranceSon">
											<view class="dis a-c j-s">
												<view class="head dis a-c j-c">保险责任</view>
												<view class="head dis a-c j-c">保险金额</view>
												<view class="head dis a-c j-c">保费（元）</view>
											</view>
											<view class="dis a-c j-s"
												v-for="(Sonitem,Sonindex) in item.insDrivingIntentionInsuranceSon"
												:key="Sonindex">
												<view class="tr dis a-c j-c"> {{Sonitem.name}}</view>
												<view class="tr dis a-c j-c"> {{Sonitem.amount}}/座</view>
												<view class="tr dis a-c j-c">￥{{Sonitem.premium}}</view>
											</view>
										</view> -->
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='众安财险' && zhonganaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="zhonganPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{zhonganaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon && zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in zhonganaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*zhonganaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template
							v-if=" planDataExpansion.namesimple=='永诚财险' && yongchengaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="yongchengPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{yongchengaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon && yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in yongchengaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{yongchengaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</view>
								<view class="dis a-c j-s">
									<text>份数</text>
									<u-number-box v-model="yongchengaccidentalDrivingVo.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>￥{{yongchengaccidentalDrivingVo.sumPremium*yongchengaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='恒邦财险' && hengbangaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="hengbangPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{hengbangaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon && hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in hengbangaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{hengbangaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*hengbangaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='诚泰财险' && chengtaiaccidentalDrivingVo.typeName">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="chengtaiPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{chengtaiaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in chengtaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{chengtaiaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*chengtaiaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='中煤财险' && zhongmeiaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="zhongmeiPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{zhongmeiaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in zhongmeiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{zhongmeiaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*zhongmeiaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='泰康财险' && taikangaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="taikangPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{taikangaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon && taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in taikangaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{taikangaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*taikangaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='渤海财险' && bohaiaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="bohaiPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{bohaiaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon && bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in bohaiaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{bohaiaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*bohaiaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='太平财险' && taipingaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="taipingPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{taipingaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon && taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in taipingaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{taipingaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*taipingaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='华农财险' && huanongaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="huanongPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{huanongaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon && huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in huanongaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{huanongaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*huanongaccidentalDrivingVo.quantity}}</text>
								</view>
							</view>
						</template>
						<template v-if=" planDataExpansion.namesimple=='中国人寿' && renshouaccidentalDrivingVo.typeName ">
							<view class="drivingSelection policyInfo">
								<view class="dis a-c j-s " @click="renshouPopupshow=true">
									<text class="tagHeader dis a-c">
										<text>{{renshouaccidentalDrivingVo.alias}}
											<view class="tag"></view>
										</text>
									</text>
									<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
								</view>
								<view>
									<u-table border-color="#E3E9F8"
										v-if="renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon && renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon.length>0">
										<u-tr class="sy">
											<u-th width="50%"
												style="text-align: left;padding: 5px 10px !important">保险责任</u-th>
											<u-th>保额</u-th>
											<u-th>保费(元)</u-th>
										</u-tr>
										<view class="dis">
											<view class="accident dis f-c">
												<view class="diss dis"
													v-for="(Sonitem,Sonindex) in renshouaccidentalDrivingVo.insDrivingIntentionInsuranceSon"
													: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">
												{{renshouaccidentalDrivingVo.sumPremium}}
											</view>
										</view>
									</u-table>
								</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.sumPremium*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 v-model="renshouPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0; align-items: flex-start;" label-size="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 v-model="zhongmeiPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;" label-size="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 v-model="hengbangPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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 v-model="zhonganPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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 v-model="huanongPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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 v-model="taikangPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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 v-model="yongchengPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="30" @change="YCradioChange" shape="square"
						v-for="(item, index) in yongchengInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 太平驾意险弹框 -->
		<u-modal v-model="taipingPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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 v-model="bohaiPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" style="" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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 v-model="zijinPopupshow" mode="bottom" border-radius="10" height="1000">
			<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 v-model="guoRenPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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 v-model="dajiaPopupshow" title="驾意险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :show-confirm-button="false" mask-close-able>
			<view class="slot-content p-2">
				<u-radio-group size="30" wrap>
					<u-radio style="margin: 4px 0;flex: auto;" label-size="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>
	</view>
</template>
<script>
	import wybPopup from '@/components/modules/carInsure/wyb-popup/wyb-popup.vue'
	export default {
		components: {
			wybPopup,
		},
		data() {
			return {
				planDataExpansion: { //方案综合数据
					id: "",
					namesimple: "",
					cnName: "",
					genericPlanList: [], //方案通用列表
					genericPlanInfo: {}, //方案展示信息
				},
				SelectedPlanId: "2", //已选方案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: [],
				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("taxRelifFlag"); //车船税类型
			this.getDicType("taxpayerIdentifier"); //纳税人证件类型
			this.getDicType("relifReason"); //减免税原因代码
		},
		methods: {
			back() {
				uni.navigateBack(1)
			},
			async queryPlan(params) {
				let res = await this.$http.post('/plt/scheme/getCompanySchemeInfo', params);
				let res1 = await this.$http.post('/plt/scheme/getCompanyOptionalSchemeInfo', params);
				let typelist = [];
				if (res.code == '200' && res.data.length > 0) {
					this.planDataExpansion.genericPlanList = [...res.data];
					this.planDataExpansion.genericPlanInfo = res.data[0];
					this.SelectedPlanId = res.data[0].schemeId;
				} else {
					this.planDataExpansion.genericPlanList = [];
					this.planDataExpansion.genericPlanInfo = {};
					this.SelectedPlanId = "";
				}
				if (res1.code == '200') {
					this.planDataExpansion.genericPlanList = [...res.data, res1.data];
					res1.data.drivingTypeList.map(val => {
						if (val.children) {
							val.children.map(ele => {
								typelist.push(ele)
								return ele
							})
						}
					})
				} else {
					this.planDataExpansion.genericPlanList = [...res.data];
				}
				this.accidentInsuranceCategoryList = typelist;
			},
			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) {
						if (this.planDataExpansion.genericPlanInfo.schemeName !== '自选方案') {
							val.insurancePlanInfo = this.planDataExpansion.genericPlanInfo;
						} else {
							let objkindList = [];
							val.insurancePlanInfo = this.planDataExpansion.genericPlanInfo;
							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[name + 'accidentalDrivingVo'] instanceof Array && this[name +
									'accidentalDrivingVo'].length > 0) {
								val.insurancePlanInfo.drivingList = this[name +
									'accidentalDrivingVo'];
							} else if (this[this.planDataExpansion.cnName + 'accidentalDrivingVo']
								.projectName) {
								val.insurancePlanInfo.drivingList = [this[name +
									'accidentalDrivingVo']];
							}
						}
						if (!val.insurancePlanInfo.schemeName) {
							return uni.showToast({
								icon: "none",
								title: '未选中方案',
							})
						}

					}
					return val;
				})
				if (prevPage.route == 'pages/carInsure/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.schemeId == value);
				console.log(planObj);
				if (planObj.kinds && planObj.schemeName == '自选方案') {
					planObj.kinds.map(item => {
						const itemamtList = item.amtList.map(val => {
							return val.label
						})
						if (!itemamtList.includes('不投保')) {
							item.amount = item.amtList[0].value;
							item.amountDesc = item.amtList[0].label;
						}
						return item;
					})
				}
				this.planDataExpansion.genericPlanInfo = planObj;
			},
			//国任
			GRradioChange(id) {
				let obj = this.guoRenInsuranceData.find((val => val.projectCode == id))
				Object.assign(this.guoRenaccidentalDrivingVo, obj);
				this.guoRenPopupshow = false;
			},

			//大家
			DJradioChange(id) {
				let obj = this.dajiaInsuranceData.find((val => val.projectCode == id))
				Object.assign(this.dajiaaccidentalDrivingVo, obj);
				this.dajiaPopupshow = false;
			},
			//紫金意外险
			ZJcheckboxGroupChange(detail) {
				this.zijinaccidentalDrivingVo = [];
				detail.map(val => {
					let list = this.zijinInsuranceData.find(item => item.projectCode == val)
					this.zijinaccidentalDrivingVo.push(list)
				})
			},
			//安盛
			ASradioChange(id) {
				let obj = this.anshengInsuranceData.find((val => val.projectCode == id))
				Object.assign(this.anshengaccidentalDrivingVo, obj);
				this.anshengPopupshow = false;
			},
			//太平
			TPradioChange(id) {
				let obj = this.taipingInsuranceData.find(val => val.projectCode == id)
				Object.assign(this.taipingaccidentalDrivingVo, obj);
				this.taipingPopupshow = false;
			},
			//泰康
			TkradioChange(id) {
				let obj = this.taikangInsuranceData.find(val => val.projectCode == id)
				Object.assign(this.taikangaccidentalDrivingVo, obj);
				this.taikangPopupshow = false;
			},
			//永诚
			YCradioChange(id) {
				let obj = this.yongchengInsuranceData.find(val => val.projectCode == id)
				Object.assign(this.yongchengaccidentalDrivingVo, obj);
				this.yongchengPopupshow = false;
			},
			//中煤
			ZMradioChange(id) {
				let obj = this.zhongmeiInsuranceData.find(val => val.projectCode == id)
				Object.assign(this.zhongmeiaccidentalDrivingVo, obj);
				this.zhongmeiPopupshow = false;
			},
			//渤海意外险
			BHradioChange(id) {
				let info = this.bohaiInsuranceData.find(val => val.projectCode == id)
				Object.assign(this.bohaiaccidentalDrivingVo, obj);
				this.bohaiPopupshow = false;
			},
			//人寿意外险
			RSradioChange(id) {
				let obj = this.renshouInsuranceData.find(val => val.projectCode == id)
				Object.assign(this.renshouaccidentalDrivingVo, obj);
				this.renshouPopupshow = false;
			},
			//恒邦意外险
			HBradioChange(id) {
				let obj = this.hengbangInsuranceData.find(val => val.projectCode ==
					id)
				Object.assign(this.hengbangaccidentalDrivingVo, obj);
				this.hengbangPopupshow = false;
			},
			//众安意外险
			ZAradioChange(id) {
				let obj = this.zhonganInsuranceData.find(val => val.projectCode == id)
				Object.assign(this.zhonganaccidentalDrivingVo, obj);
				this.zhonganPopupshow = false;
			},
			//华农驾意险
			HNradioChange(id) {
				let obj = this.huanongInsuranceData.find(val => val.projectCode == 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 = e.year + '-' + e.month + '-' + e.day;
			},
			taxPaidAreaCodeconfirm(e) {
				this.vehicleAndVesselTaxForm.taxPaidAreaCode = e.province.value;
				this.model.taxPaidAreaCode = e.province.label;
			},
			//数据字典
			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 {
		width: 100%;
		background: linear-gradient(90deg, #CCE5FE 0%, #D4EDFF 100%);
		border-radius: 6px 6px 0px 0px;
		padding: 8px 6px;

		.productName {
			padding: 1px 6px;
			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;
			background: #F2F6FF;
			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: 16px;
		height: 16px;
		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;

			text {
				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%;

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

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

		.right {
			width: 25%;
			border-right: 1px solid #E3E9F8;
			border-bottom: 1px solid #E3E9F8;
			padding: 5px 3px;
		}
	}

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

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

	/* 交强险和商业险弹出框End */
	/deep/ {
		.jq {
			.u-th {
				background: #EBF7FF;
				padding: 5px 10px !important;
			}

			.u-td {
				padding: 5px 10px !important;
			}
		}

		.sy {
			.u-th {
				background: #EBF7FF;
			}
		}
	}
</style>