vue-insagent-app/pages/carInsure/premiumCalc.vue

<template>
	<view class="">
		<image src="/static/image/car-insure/Quotablebanner.png" mode=""
			style="width: 100%;height: 110px;position: absolute;"></image>
		<view class="page">
			<view class="car-header dis a-c">
				<image src="/static/image/car-insure/Group.png" mode="" style="width: 40px;height: 40px;"></image>
				<view class="dis f-c head-name">
					<text>{{carInfo.licenseNo}} <text style="color: rgba(35,40,50,0.65);">丨</text> <text
							style="font-weight: 400;"> {{insuredPersonInfo.name}} (被保人)</text> </text>
					<view class="name1">
						<text>{{carInfo.modelcname}}</text>
					</view>
				</view>
				<view class="carJump" @tap="toCarInfo">修改信息</view>
			</view>
			<view class="" style="position: relative;">
				<view class=" dis f-c" v-if="['0330','0330034002','0330034001'].includes(productId)">
					<text class="plan-ins-title">交强险</text>
					<view class="quotePlan">
						<view class=" dis a-c j-s modelformcss">
							<text>即时投保</text>
							<view class="dis a-c j-c">
								<view class="status-data" :class="item.value==jqimmediately? 'active':''"
									v-for="(item,index) in jqimmediatelyList"
									@tap="datelyClick(item.value,'jqimmediately','jqstartDate','jqendDate')"
									:key="index">
									{{item.label}}
								</view>
							</view>
						</view>
						<u-form ref="uForm" label-width="120px">
							<u-form-item label="交强险投保日期" class="modelformcss">
								<u-input type="select" :select-open="jqstartShow" :custom-style="{textAlign:'right'}"
									v-model="jqstartDate" placeholder="请选择开始时间" @click="jqstartShow = true"></u-input>
								<u-picker v-model="jqstartShow" mode="time" :params="params"
									@confirm="jqstartconfirm"></u-picker>
							</u-form-item>
							<u-form-item label="交强险终保日期" class="modelformcss">
								<u-input type="select" :select-open="jqendShow" :custom-style="{textAlign:'right'}"
									v-model="jqendDate" placeholder="请选择结束时间" @click="jqendShow = true"></u-input>
								<u-picker v-model="jqendShow" mode="time" :params="params"
									@confirm="jqendconfirm"></u-picker>
							</u-form-item>
						</u-form>

					</view>
				</view>
				<view class=" dis  f-c " v-if="['034001','0330034002','0330034001'].includes(productId)">
					<text class="plan-ins-title">商业险</text>
					<view class="quotePlan">
						<view class=" dis a-c j-s modelformcss">
							<text>即时投保</text>
							<view class="dis a-c j-c">
								<view class="status-data" :class="item.value==syimmediately? 'active':''"
									v-for="(item,index) in syimmediatelyList"
									@tap="datelyClick(item.value,'syimmediately','systartDate','syendDate')"
									:key="index">
									{{item.label}}
								</view>
							</view>
						</view>
						<u-form ref="uForm" label-width="120px">
							<u-form-item label="商业险投保日期" class="modelformcss">
								<u-input type="select" :select-open="systartShow" :custom-style="{textAlign:'right'}"
									v-model="systartDate" placeholder="请选择开始时间" @click="systartShow = true"></u-input>
								<u-picker v-model="systartShow" mode="time" :params="params"
									@confirm="systartconfirm"></u-picker>
							</u-form-item>
							<u-form-item label="商业险终保日期" class="modelformcss">
								<u-input type="select" :select-open="syendShow" :custom-style="{textAlign:'right'}"
									v-model="syendDate" placeholder="请选择结束时间" @click="syendShow = true"></u-input>
								<u-picker v-model="syendShow" mode="time" :params="params"
									@confirm="syendconfirm"></u-picker>
							</u-form-item>
						</u-form>
					</view>
				</view>
			</view>
			<view class=" dis a-c j-s mt-3" style="position: relative;">
				<view style="color:#FF5600;font-size: 15px;font-weight: bold;">投保注意：</view>
				<view class="dis a-c  f-wrap">
					<view class="status-data" :class="carInfo.transferFlag? 'active1':''"
						@tap="immediatelyClick('transferFlag')">
						过户车
					</view>
					<view class="status-data" :class="carInfo.transferFlagBi? 'active1':''"
						@tap="immediatelyClick('transferFlagBi')">
						商业险过户
					</view>
					<view class="status-data" :class="carInfo.outOfInsurance? 'active1':''"
						@tap="immediatelyClick('outOfInsurance')">
						脱保
					</view>
					<view class="status-data" :class="carInfo.usedCar? 'active1':''" @tap="immediatelyClick('usedCar')">
						二手车
					</view>
				</view>
			</view>
			<view class="quotePlan dis a-c j-s mt-2 " style="padding: 5px 10px;" v-if="carInfo.transferFlag">
				<view>转移登记日期：</view>
				<u-input type="select" :select-open="transferDateShow" :custom-style="{textAlign:'right'}"
					v-model="carInfo.transferDate" @click="transferDateShow = true" style="width: 100px;"></u-input>
				<u-picker v-model="transferDateShow" mode="time" :params="params1"
					@confirm="transferconfirm"></u-picker>
			</view>
			<view class="quoteCompany mt-3">
				<view class="header dis a-c">
					<view class="title  d-flex">保险公司</view>
					<!-- 	<view class="">
						<u-checkbox v-model="Selectchecked" @change="SelectAll($event)"
							active-color="rgb(250, 53, 52)">全选</u-checkbox>
					</view> -->
				</view>
				<block v-for="(totalitem,totalindex) in quotableCompanyList" :key="totalindex">
					<template>
						<view class="quoteCompanyItem dis f-c j-s">
							<view class="top dis f-c">
								<view class="companyIcon dis j-s a-c mb-2">
									<view class="dis a-c">
										<view class="" @click.stop>
											<u-checkbox @change="priceComparisonChange(totalindex,totalitem)"
												v-if="totalitem.isComparableshowHide"
												v-model="totalitem.isComparableShow" active-color="#23C1CB"
												:disabled='totalitem.isComparableDisabled'></u-checkbox>
										</view>
										<image :src="totalitem.logo"></image>
										<view class="companyName">{{totalitem.namesimple}}</view>
									</view>
									<view class="insuranceGuide dis a-c j-c" @click.stop="InsureGuideclick(totalitem)">
										投保指引
									</view>
									<ls-loading v-if="totalitem.quoteCode ==1" text="掌柜正在为您报价，请稍等......"
										:animation="animation" fontSize="22" />
									<!-- 价格 -->
									<view class="dis a-c" v-if="totalitem.quoteCode=='200'">
										<view class="dis a-c" style="margin-right: 10px;"
											v-if="totalitem.result.feeDisplay">
											<text style="color: #FF4D4D;font-size: 12px;"
												v-if="totalitem.result.sumExportFee">{{totalitem.result.feeView?'掌柜科技币':'优惠金额￥'}}{{totalitem.result.sumExportFee}}</text>
										</view>
										<text class="sum">￥{{totalitem.result.sumPermium}}</text>
									</view>
									<text v-if="totalitem.quoteCode=='3'" class="sum"
										style="color: #999;font-size: 12px;"
										@tap.stop.prevent="ErrorMsg(totalitem.msg,totalitem.namesimple)">报价失败，查看原因</text>
								</view>
								<view class="Premium dis f-c mb-2" v-if="totalitem.quoteCode=='200'">
									<view class="dis price" v-if="totalitem.result.feeNoDescription">
										<text>该车未匹配销管费用，不建议投保!</text>
										<u-icon name="chat-fill" color="#ff0000" size="40"
											@click="discountErrorMessageMsg(totalitem.result.feeNoDescription,totalitem.namesimple)"></u-icon>
									</view>
									<view class="dis a-c  f-wrap price">
										<text
											v-if="totalitem.result.jqPremium">交强险：￥{{totalitem.result.jqPremium}}</text>
										<text
											v-if="totalitem.result.syPremium">商业险：￥{{totalitem.result.syPremium}}</text>
										<text
											v-if="totalitem.result.taxAmount">车船税：￥{{totalitem.result.taxAmount}}</text>
										<text
											v-if="totalitem.result.jyPremium">驾意险：￥{{totalitem.result.jyPremium}}</text>
									</view>
									<view class="dis a-c  f-wrap price" style="font-size: 20rpx;color: #FF4D4D;"
										v-if="totalitem.result.feeDisplay">
										<text>{{totalitem.result.feeView?'掌柜科技币:【':'优惠金额:【'}}
											<text
												v-if="totalitem.result.jqPremium">交强险：{{totalitem.result.jqExportFee?totalitem.result.jqExportFee:'无'}}</text>
											<text
												v-if="totalitem.result.syPremium">商业险：{{totalitem.result.syExportFee?totalitem.result.syExportFee:'无'}}</text>
											<text
												v-if="totalitem.result.jyPremium">驾意险：{{totalitem.result.noExportFee?totalitem.result.noExportFee:"无"}}</text>
											】</text>

									</view>
									<view class="dis a-c j-s ">
										<view class="dis f-c time">
											<text
												v-if="totalitem.result.jqPremium">交强起保时间：{{totalitem.result.startDateJq}}

											</text>
											<text
												v-if="totalitem.result.jqPremium">交强终保时间：{{totalitem.result.endDateJq}}

											</text>
											<text
												v-if="totalitem.result.startDateSy">商业起保时间：{{totalitem.result.startDateSy}}

											</text>
											<text
												v-if="totalitem.result.startDateSy">商业终保时间：{{totalitem.result.endDateSy}}

											</text>
										</view>
										<image src="/static/image/car-insure/Group30.png" mode=""
											style="width: 14px;height: 14px;" @click="syncData(totalitem.result)">
										</image>
									</view>
									<view class="dis a-c  f-wrap time">
										<text v-if="totalitem.namesimple == '永诚财险'">光博分：{{ totalitem.result.ilogPreUdwMess ?
										totalitem.result.ilogPreUdwMess : '无' }}</text>
										<text v-else>评分：{{ totalitem.result.ilogPreUdwMess ?
										totalitem.result.ilogPreUdwMess : '无' }}</text>
										<text v-if="totalitem.result.jqScore">交强类型评分：{{ totalitem.result.jqScore ?
										totalitem.result.jqScore : '无' }}</text>
										<text v-if="totalitem.result.syScore">商业类型评分：{{ totalitem.result.syScore ?
										totalitem.result.syScore : '无' }}</text>
										<text v-if="totalitem.result.lossRation">总赔付率：{{ totalitem.result.lossRation ?
										totalitem.result.lossRation : '无' }}</text>
										<text v-if="totalitem.result.jqLossRation">交强赔付率：{{ totalitem.result.jqLossRation ?
										totalitem.result.jqLossRation : '无' }}</text>
										<text v-if="totalitem.result.syLossRation">商业赔付率：{{ totalitem.result.syLossRation ?
										totalitem.result.syLossRation : '无' }}</text>
										<text
											v-if="totalitem.namesimple == '紫金财险'">鼎然-车辆风险评分：{{totalitem.result.ubiPredictedInfoScore ?
										totalitem.result.ubiPredictedInfoScore : '无'}}</text>
										<text v-if="totalitem.result.jqRenewal">交强续保：{{ totalitem.result.jqRenewal ?
										totalitem.result.jqRenewal : '无' }}</text>
										<text v-if="totalitem.result.syRenewal">商业续保：{{ totalitem.result.syRenewal ?
										totalitem.result.syRenewal : '无' }}</text>
										<text v-if="totalitem.result.jqClaims">交强出险次数：{{ totalitem.result.jqClaims ?
										totalitem.result.jqClaims : '无' }}</text>
										<text v-if="totalitem.result.syClaims">商业出险次数：{{ totalitem.result.syClaims ?
										totalitem.result.syClaims : '无' }}</text>
									</view>
									<template v-if="totalitem.result.iszdj !=null && totalitem.result.iszdj!=''">
										<text v-if="totalitem.result.iszdj==0" style="color: red;">假单交</text>
										<text v-if="totalitem.result.iszdj==1" style="color: red;">真单交</text>
									</template>
									<view class="dis a-c j-end lastyear">
										<view class=" left  dis j-c a-c" v-if="totalitem.lastYearMsg"
											@click="YearMsg(totalitem.lastYearMsg,totalitem.namesimple)">
											<text>上年信息</text>
										</view>
										<view class=" right ml-2 dis j-c a-c" v-if='totalitem.result.predictInfo'
											@click="preUnderwriting(totalitem.result.predictInfo)">
											<text>预核保信息</text>
										</view>
										<u-button class="ml-2" type="error" size="mini"
											:custom-style="{borderRadius:'2px'}"
											style="background: linear-gradient( 90deg, #FF4D4D 0%, #FF784D 100%);"
											@click="bjdpreview(totalitem.result.companyId)">报价单</u-button>
										<u-button class="ml-2" type="primary" size="mini"
											:custom-style="{borderRadius:'2px'}"
											style="background: linear-gradient( 90deg, #0052FF 0%, #0D8BFF 100%);"
											@click="querydetial(totalitem.result.companyId)">查看详情</u-button>
									</view>
								</view>
								<view class="planDetails mb-2 dis  f-c" v-show="totalitem.insurancePlanInfo">
									<view class="headers dis j-c a-c" @tap="togglePlanDetails(totalindex)">
										<image
											:src="totalitem.planDetailsshow?'/static/image/car-insure/DoubleLeft1.png':'/static/image/car-insure/DoubleLeft.png'"
											mode=""></image>
										<text>{{totalitem.planDetailsshow?'收起':'展开'}}方案详情</text>
									</view>
									<view v-if="totalitem.planDetailsshow">
										<view style="padding: 5px;">
											<view class="selectedCoverage dis a-c j-s">
												<view class="title-before"></view>
												<text class="title1">已选险种</text>
												<view class="product dis a-c j-s">
													<image src="../../static/image/car-insure/duigou.png" mode=""
														style="width: 15px;height: 15px;"></image>
													<text style="font-size: 14px;color: #FF5600;">{{productName}}</text>
												</view>
											</view>
										</view>
										<view class="Plancontent dis j-s " style="padding:0;">
											<text class="title mb-1">车船税</text>
											<text>{{model.taxRelifFlag}}</text>
										</view>
										<view class="Plancontent dis f-c  " style="padding:0;"
											v-if="['0330','0330034002','0330034001'].includes(productId)">
											<view class="dis j-s a-c">
												<text class="title mb-1">交强险</text>
												<u-button type="primary"
													style="background: linear-gradient(90deg, #FF4D4D 0%, #FF784D 100%);"
													size="mini" @click="jqterms">交强条款</u-button>
											</view>
											<text style="margin-left: 10px;">{{jqstartDate}}-{{jqendDate}} </text>
											<u-table border-color="#E3E9F8">
												<u-tr class="jq">
													<u-th width="70%"
														style="text-align: left;padding: 5px 10px !important;">保险产品
													</u-th>
													<u-th>总计（元） </u-th>
												</u-tr>
												<u-tr class="jq">
													<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;"> 交通事故强制责任险</text>
														</view>
													</u-td>
													<u-td>{{totalitem.result.jqPremium?'￥'+totalitem.result.jqPremium:'-'}}</u-td>
												</u-tr>
											</u-table>
										</view>
										<view class="Plancontent dis f-c " style="padding: 0;"
											v-if="['034001','0330034002','0330034001'].includes(productId)">
											<view class="dis j-s a-c">
												<text class="title mb-1">商业险</text>
												<u-button type="primary"
													style="background: linear-gradient(90deg, #FF4D4D 0%, #FF784D 100%);"
													size="mini" @click="syterms">商业条款</u-button>
											</view>
											<text style="margin-left: 10px;">{{systartDate}}-{{syendDate}} </text>
											<u-table border-color="#E3E9F8"
												v-if="totalitem.insurancePlanInfo.kinds.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>
												<u-tr v-for="(item,index) in totalitem.insurancePlanInfo.kinds"
													:key="index">
													<u-td width="50%"
														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)">{{item.amount!='1'?item.amount:'投保'}}</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-td>{{item.coveragePremium?item.coveragePremium:'-'}}</u-td>
												</u-tr>
											</u-table>
										</view>
										<view class="Plancontent dis  f-c " style="padding: 0;"
											v-if=" totalitem.insurancePlanInfo.drivingList && totalitem.insurancePlanInfo.drivingList.length>0 ">
											<text class="title mb-1">意外险</text>
											<view class="policyInfo"
												v-for="(drivingsitem,risksindex) in totalitem.insurancePlanInfo.drivingList"
												:key="risksindex">
												<text class="tagHeader dis a-c">
													<text>{{drivingsitem.alias}}
														<view class="tag"></view>
													</text>
												</text>
												<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>
												<u-table border-color="#E3E9F8" v-if="drivingsitem.alias">
													<u-tr class="sy">
														<u-th>座位数</u-th>
														<u-th>每份</u-th>
														<u-th>份数</u-th>
														<u-th>总计</u-th>
													</u-tr>
													<u-tr>
														<u-td>{{carInfo.seatCount}}</u-td>
														<u-td>{{drivingsitem.sumPremium}}/每份</u-td>
														<u-td>{{drivingsitem.quantity}}份</u-td>
														<u-td>{{drivingsitem.sumPremium * drivingsitem.quantity}}</u-td>
													</u-tr>
												</u-table>
											</view>
										</view>
										<view class="Plancontent dis  f-c policyInfo " style="padding: 0;"
											v-if="totalitem.editingDto && totalitem.result.jyPremium && totalitem.insurancePlanInfo.drivingList.length==0 ">
											<text class="title mb-1">意外险</text>
											<view class=" ">
												<text class="tagHeader dis a-c" v-if="totalitem.result.jyName">
													<text>{{totalitem.result.jyName}}
														<view class="tag"></view>
													</text>
												</text>
												<u-table border-color="#E3E9F8" v-if="totalitem.result.jyName">
													<u-tr class="sy">
														<u-th>座位数</u-th>
														<u-th>每份</u-th>
														<u-th>份数</u-th>
														<u-th>总计</u-th>
													</u-tr>
													<u-tr>
														<u-td>{{carInfo.seatCount}}</u-td>
														<u-td>{{totalitem.result.jyPremium / totalitem.result.jyQuantity}}/每份</u-td>
														<u-td>{{totalitem.result.jyQuantity}}份</u-td>
														<u-td>{{totalitem.result.jyPremium}}</u-td>
													</u-tr>
												</u-table>
											</view>
										</view>
									</view>
								</view>
								<view class=" dis j-s a-c">
									<button type="primary" size="mini"
										style="background:#E6EEFF;color:#0052FF; width: 45%;"
										@tap="SchemeSelection(totalitem)">方案选择</button>
									<button type="primary" size="mini"
										style="background:#FFEFE6;color: #FF5600; width: 45%;"
										@tap="individualQuote(totalitem)">单独报价</button>
								</view>
								<view class="dis f-c mt-2" v-if="totalitem.namesimple=='国任财险'">
									<view class="dis a-c j-s">
										<text>扩展内容</text>
										<u-button type="primary" size="mini" style="background: linear-gradient( 90deg, #FF4D4D 0%, #FF784D 100%);
										border-radius:2px;" @tap="specialAgreementSelection(totalitem.id)">特约选择</u-button>
									</view>
									<view v-if="guoRenSpecialAgreementVo.length>0"
										style="background-color: #FFF7F6;border-radius: 10px;" class="p-1 mt-1 dis f-c">
										<text style="font-size: 13px;color: #FF504D;"
											v-for="(item,index) in guoRenSpecialAgreementVo"
											:key="index">{{item.clauses}}</text>
									</view>
								</view>
								<view class="dis f-c mt-2" v-if="totalitem.namesimple=='紫金财险'">
									<view class="dis a-c j-s">
										<text>扩展内容</text>
										<view class="dis a-c j-end">
											<text>自主定价系数</text>
											<u-input type="number" v-model="totalitem.coefficient"
												:custom-style="{textAlign:'right',width:'50px',marginRight:'10px'}"
												placeholder="请输入"></u-input>
										</view>
									</view>
								</view>
								<view class="dis f-c mt-2" v-if="totalitem.namesimple=='诚泰财险'">
									<view class="dis  j-s f-c">
										<text>扩展内容</text>
										<view class="dis a-c j-s">
											<text>自主定价系数</text>
											<u-input type="number" v-model="totalitem.coefficient"
												:custom-style="{textAlign:'right',width:'50px',marginRight:'10px'}"
												placeholder="请输入"></u-input>
										</view>
										<view class="dis a-c j-s">
											<text>商业险折扣</text>
											<u-input type="number" v-model="totalitem.discount"
												:custom-style="{textAlign:'right',width:'50px',marginRight:'10px'}"
												placeholder="请输入"></u-input>
										</view>
										<view class="dis a-c j-s">
											<text>是否验车</text>
											<u-switch v-model="isInspectchange" active-color="#0052FF"
												inactive-color="#eee" size='30'></u-switch>
										</view>
									</view>
								</view>
							</view>
						</view>
					</template>
				</block>
			</view>
		</view>
		<view class="footer-btn dis a-c j-s">
			<u-button type="primary" style="background:#E6EEFF;color: #0052FF; width: 20%;" @tap="back">上一步</u-button>
			<u-button type="primary" style="background:#FF9900;width: 20%;" @tap="tempSave">暂存</u-button>
			<u-button type="primary" style="background:#C9C9C9;width: 20%;" @click="priceComparison"
				v-if="comparableQuantity<2 ">查最优</u-button>
			<u-button type="primary" style="background:#1DB1E0;width: 20%;" @click="priceComparison1"
				v-if="comparableQuantity>=2 && selectedCount<2">查最优</u-button>
			<u-button type="primary" class="priceComparison" @click="priceComparison2"
				v-if="selectedCount>=2">查最优</u-button>
			<u-button type="primary" style="background:#0052FF; width: 30%;" @tap="toNext">多家报价</u-button>
		</view>
		<u-modal v-model="InsureGuidePopup" ref="uModal" :show-title="false" border-radius="12" confirm-color="#FF5600"
			:confirm-style="{background:'#FFEFE6',height:'36px',lineHeight:'36px'}">
			<view class="">
				<image src="/static/image/car-insure/InsureGuide.png" mode="" style="width: 100%;height: 40px;"></image>
				<view class="p-2 mb-2" style="min-height:120px;">
					<view class="dis a-c ">
						<image src="../../static/image/car-insure/duigou.png" mode="" style="width: 16px;height: 16px;">
						</image>
						<text class="font-weight"
							style="font-size: 14px;color: #FF5600;font-family: Source Han Sans SC, Source Han Sans SC;">{{insGuideTitle}}-{{productName}}</text>
					</view>
					<text>{{insGuide}}</text>
				</view>
			</view>
		</u-modal>
		<u-popup v-model="genericPlanPopup" mode="center" width="100%" border-radius="6">
			<view class="">
				<image src="/static/image/car-insure/SchemeSelection.png" mode="" style="width: 100%;height: 40px;">
				</image>
				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
					<view class="Plancontent dis  f-c ">
						<text class="title ">方案选择</text>
						<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="Plancontent dis  j-s a-c " style="padding: 8px 14px;">
						<view class="selectedCoverage dis a-c j-s">
							<view class="title-before"></view>
							<text class="title1">已选险种</text>
							<view class="product dis a-c j-s">
								<image src="../../static/image/car-insure/duigou.png" mode=""
									style="width: 15px;height: 15px;"></image>
								<text style="font-size: 14px;color: #FF5600;">{{productName}}</text>
							</view>
						</view>
					</view>

					<view class="">
						<view class="Plancontent dis  f-c " v-if="planDataExpansion.genericPlanInfo.isJq=='1'">
							<text class="title mb-1">交强险</text>
							<text style="margin-left: 10px;">{{jqstartDate}} - {{jqendDate}}</text>
							<view style="padding:4px  10px;">
								<u-table border-color="#E3E9F8" align="left">
									<u-tr class="jq">
										<u-th>保险产品 </u-th>
									</u-tr>
									<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>
						</view>
						<view class="Plancontent dis  f-c ">
							<text class="title mb-1">车船税</text>
							<view class="">
								<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'">
							<text class="title mb-1">商业险</text>
							<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">
								<text class="title mb-1">意外险</text>
								<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>
							<text class="title mb-1">意外险</text>
							<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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<view class="dis a-c j-s policyInfo" @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">
									<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>
				</scroll-view>
				<view class="PlanPopup-btn dis a-c j-c">
					<button size="mini" type="default"
						style="margin-right:50px;border: 1px solid #C9C9C9;border-radius: 50px;width: 100px;"
						@click="genericPlanPopup=false">取消</button>
					<button type="primary" size="mini"
						style="background: linear-gradient( 90deg, #0052FF 0%, #0D8BFF 100%);border-radius: 50px;width: 100px;"
						@click="confirmPlan(planDataExpansion.cnName)">确定方案</button>
				</view>
			</view>
		</u-popup>
		<!-- 商业选择方案 -->
		<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="anshengPopupshow" 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="ASradioChange" shape="square"
						v-for="(item, index) in anshengInsuranceData" :key="index" :name="item.projectCode">
						{{item.alias}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		<!-- 人寿驾意险弹框 -->
		<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-modal v-model="priceComparisonShow" title="比价提醒"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:show-cancel-button="false"
			:confirm-style="{background:'#E6EEFF',color:'#0052FF',height:'40px',lineHeight:'40px'}"
			@confirm="priceComparisonShow=false">
			<view class="slot-content dis j-c a-c  ">
				<view class="p-2">
					<text>可选择有报价结果的公司进行比价，最少选择两家，最多可选择三家</text>
				</view>

			</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-popup v-model="guoRencontributingshow" 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="guoRencontributingChange" style="display: contents;">
						<u-checkbox v-model="item.checked" v-for="(item, index) in guoRenSpecialAgreementData"
							:key="index" :name="item.clauseCode" active-color="#FF4D4D" style="align-items: baseline;">
							<view class="dis f-c ">
								<text>{{item.clauseCode}}{{item.clauses}}</text>
								<text style="font-size: 20rpx;color: #999;">{{item.clausesContext}}</text>
							</view>
						</u-checkbox>
					</u-checkbox-group>
				</scroll-view>
				<view class="operateBtn dis ">
					<view class="cancel dis a-c j-c" @click="guoRencontributingshow=false">
						取消
					</view>
					<view class="confirm dis a-c j-c" @click="guoRencontributingshow=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>
		<u-modal v-model="Generateshow" content="是否生成新的订单？" :content-style="{fontWeight: 'bold'}"
			:show-cancel-button="true" :show-title="false" :confirm-style="{color: '#ff9000'}"
			@confirm="GenerateModalConfirm"></u-modal>
		<u-modal v-model="preUnderwritingshow" width="72%" title="预核保信息" :title-style="{fontWeight: 'bold'}">
			<view class="" style="padding: 10px;overflow-y:auto;height: 400px;">
				<view v-for="(item,index) in RSpreUnderwritingList" :key="index">
					<view class="dis f-c " style="background-color: #FFEEEE;">
						<text style="font-weight: bold;">审核意见</text>
						<text style="font-size: 12px;">{{item.opinion}}</text>
					</view>
					<view class="dis f-c" style="background-color: #FFEEEE;">
						<text style="font-weight: bold;">备注</text>
						<text style="font-size: 12px;">{{item.description}}</text>
					</view>
				</view>
			</view>
		</u-modal>
		<u-popup v-model="discountInfoPopup" mode="center" width="78%" border-radius="6">
			<view class="">
				<view class="p-2 dis j-c a-c">
					<text class="font-weight">{{discountInfoPopupTitle}}优惠信息</text>
				</view>
				<view style="padding: 0 20px;">
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="discountInfoscroll">
						<rich-text :nodes="discountInfoPopupContent"></rich-text>
					</scroll-view>
				</view>
				<view class="PlanPopup-btn dis a-c j-c">
					<u-button shape="circle" size="medium" @click="discountInfoPopup=false">取消</u-button>

				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	import {
		mapState
	} from "vuex"
	import lsLoading from '@/components/common/ls-loading/ls-loading.vue';
	import wybPopup from '@/components/modules/carInsure/wyb-popup/wyb-popup.vue'
	export default {
		components: {
			wybPopup,
			lsLoading
		},
		watch: {
			comparableQuantity: {
				handler(val) {
					console.log(val);
				},
			},
		},
		computed: {
			...mapState(['userInfo', 'quotationType']),
		},
		// 监听导航栏的按钮
		onNavigationBarButtonTap(e) {
			if (e.index == 0) {
				this.navigate({
					url: '/pages/index/index'
				}, "switchTab", true);
			}
		},
		data() {
			return {
				discountInfoPopup: false,
				discountInfoPopupTitle: "",
				discountInfoPopupContent: ``,
				CSSMathValue11: false,
				insGuide: "", //投保指引
				insGuideTitle: "", //投保指引
				guoRenSpecialAgreementData: [],
				guoRenSpecialAgreementVo: [],
				preUnderwritingshow: false,
				Generateshow: false,
				guoRencontributingshow: false, //特约弹窗
				priceComparisonShow: false, //比价弹窗
				comparableQuantity: 0, //报价成功总数
				selectedCount: 0, //比价勾选数量
				riskList: [], //险种大类
				model: {
					taxRelifFlag: "正常交税",
					taxpayerIdentifier: "身份证",
					relifReason: "",
					taxPaidAreaCode: "",
				},
				//车船税form
				vehicleAndVesselTaxForm: {
					taxRelifFlag: "1", //类型
					identifyNumber: "", //纳税人识别号
					taxpayerIdentifier: "01", //纳税人证件类型
					taxpayerName: "", //纳税人名称
					extendChar2: "", //减免税凭证号
					paidFreeCertificate: "", //完税凭证号
					relifReason: "", //减免税原因
					taxComCode: "", //税务机关代码
					taxComName: "", ///税务机关名称
					taxDocumentDate: "", //完税日期
					taxPaidAreaCode: "", //完税凭证地区代码
					taxRelief: "", //减税比例
				},
				taxRelifFlagoptions: [],
				taxpayerIdentifieroptions: [],
				relifReasonoptions: [],
				taxPaidAreaCodeShow: false, //完税凭证地区
				taxDocumentDateShow: false, //完税凭证填发日期
				taxRelifFlagShow: false, //车船税类型
				taxpayerIdentifierShow: false, //纳税人证件类型
				relifReasonShow: false, //减免税原因代码
				params: {
					year: true, //年
					month: true, //月
					day: true, //日
					hour: true, //时
					minute: true, //分
					second: true, //秒
				},
				jqimmediately: "0",
				jqimmediatelyList: [{
						label: '是',
						value: "1",
					},
					{
						label: '否',
						value: "0",
					},

				],
				syimmediately: "0",
				syimmediatelyList: [{
						label: '是',
						value: "1",
					},
					{
						label: '否',
						value: "0",
					},
				],
				jqchecked: false,
				sychecked: false,
				jqstartShow: false,
				jqendShow: false,
				systartShow: false,
				syendShow: false,
				jqstartDate: "",
				jqendDate: "",
				systartDate: "",
				syendDate: "",
				scrollTop: 0,
				carInfo: {},
				ownerInfo: {},
				policyHolderInfo: {},
				insuredPersonInfo: {},
				carInfoPositiveList: [],
				ownerInfoPositiveList: [],
				policyHolderInfoPositiveList: [],
				insuredPersonInfoPositiveList: [],
				transferDateShow: false,
				params1: {
					year: true, //年
					month: true, //月
					day: true, //日
					hour: false, //时
					minute: false, //分
					second: false, //秒
				},
				params2: {
					province: true,
					city: false,
					area: false
				},
				quotableCompanyList: [],
				RSpreUnderwritingList: [],
				productId: "",
				productName: "",
				animation: 'twinkle', //动画类型
				InsureGuidePopup: false,
				/* 投保指引弹窗*/
				InsureGuideContent: "", // 指引内容
				SelectedPlanId: "2", //已选方案id
				genericPlanPopup: false, //方案选择弹窗
				planDataExpansion: { //方案综合数据
					id: "",
					namesimple: "",
					cnName: "",
					genericPlanList: [], //方案通用列表
					genericPlanInfo: {}, //方案展示信息
				},
				insureItem: {},
				orderno: "", //订单号
				quoteno: "", //报价号
				accidentInsuranceCategoryList: [],
				accidentCategoryId: "",
				/* 安盛 */
				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: [],
				isInspectchange: false,
			}
		},
		onShow() {

		},
		async onLoad(params) {
			console.log(params);
			if (params.orderno) {
				let res = await this.$http.post('/insurance/order/reviseApp', {
					orderNo: params.orderno
				});
				this.productId = res.data.productid; //险种id
				this.productName = res.data.product; //险种name
				this.quotableCompanyList = JSON.parse(JSON.stringify(res.data.companyDtos));
				this.commpanyList();
				this.carInfo = res.data.carinfo; //车辆信息
				this.ownerInfo = res.data.ownerinfo; //车主信息
				this.policyHolderInfo = res.data.applyinfo; //投保人信息
				this.insuredPersonInfo = res.data.insureinfo; //被保人信息
				this.riskList = res.data.risk; //险种大类
				this.vehicleAndVesselTaxForm = res.data.vehicleAndVesselTax; //车船税信息
				this.orderno = res.data.orderno;
				this.quoteno = res.data.quoteno;
				this.imageEcho(res.data.quoteno) // 影像获取完毕
				if (this.riskList.length > 0) {
					for (let i = 0; i < this.riskList.length; i++) {
						if (this.riskList[i].riskCode == '0507') {
							if (this.isDateBeforeToday(this.riskList[i].startDate)) {
								this.jqstartDate = this.nextday();
								this.jqendDate = this.oneYearPast(this.jqstartDate)
								this.riskList[i].startDate = this.nextday()
								this.riskList[i].endDate = this.oneYearPast(this.jqstartDate)
							} else {
								this.jqstartDate = this.riskList[i].startDate;
								this.jqendDate = this.riskList[i].endDate;
							}
						}
						if (this.riskList[i].riskCode == '0510') {
							if (this.isDateBeforeToday(this.riskList[i].startDate)) {
								this.systartDate = this.nextday();
								this.syendDate = this.oneYearPast(this.systartDate)
								this.riskList[i].startDate = this.nextday()
								this.riskList[i].endDate = this.oneYearPast(this.systartDate)
							} else {
								this.systartDate = this.riskList[i].startDate;
								this.syendDate = this.riskList[i].endDate;
							}

						}
					}
				}
			} else {
				this.jqstartDate = this.nextday();
				this.jqendDate = this.oneYearPast(this.jqstartDate);
				this.systartDate = this.nextday();
				this.syendDate = this.oneYearPast(this.jqstartDate);
				const eventChannel = this.getOpenerEventChannel()
				// 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
				await eventChannel.on('acceptData', (data) => {
					console.log(data);
					this.carInfo = data.carInfo; //车辆信息
					this.ownerInfo = data.ownerInfo; //车主信息
					this.policyHolderInfo = data.policyHolderInfo; //投保人信息
					this.insuredPersonInfo = data.insuredPersonInfo; //被保人信息
					this.carInfoPositiveList = data.carInfoPositiveList; //车辆
					this.ownerInfoPositiveList = data.ownerInfoPositiveList; //车主
					this.policyHolderInfoPositiveList = data.policyHolderInfoPositiveList; //投保
					this.insuredPersonInfoPositiveList = data.insuredPersonInfoPositiveList; //被保人
					this.productId = data.productId; //险种id
					this.productName = data.productName; //险种name
					this.riskTypeEchoProcessing(this.productId)
					this.quotableCompanyList = JSON.parse(JSON.stringify(data.quotableCompanyList)); //可报价公司
					this.commpanyList();
				})
			}
			this.getDicType("taxRelifFlag"); //车船税类型
			this.getDicType("taxpayerIdentifier"); //纳税人证件类型
			this.getDicType("relifReason"); //减免税原因代码

		},
		methods: {
			isDateBeforeToday(date) {
				const inputDate = new Date(date); // 将输入的日期转换为 Date 对象
				const today = new Date(); // 获取当前日期
				// 比较日期是否小于当前日期
				if (inputDate < today) {
					return true; // 输入日期小于当前日期
				} else {
					return false; // 输入日期大于等于当前日期
				}
			},
			//影像查询
			async imageEcho(quotenos) {
				let imgres = await this.$http.get('/ins/taskImage/findByQuoteNo?quoteNo=' + quotenos);
				if (imgres.code == "200") {
					Object.keys(imgres.data).forEach((keys) => {
						if (imgres.data[keys].url) {
							imgres.data[keys].url = this.$base.baseUrl + imgres.data[keys].url;
							switch (keys) {
								case 'C01':
									this.carInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									break;
								case 'D01':
									this.carInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									break;
								case 'C02':
									this.ownerInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									});
									break;
								case 'D02':
									this.ownerInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									});
									break;
								case 'C03':
									this.policyHolderInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									});
									break;
								case 'D03':
									this.policyHolderInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									});
									break;
								case 'C04':
									this.insuredPersonInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									});
									break;
								case 'D04':
									this.insuredPersonInfoPositiveList.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									});
									break;
								default:
									break;
							}
						}
					});
				}
			},
			back() {
				uni.navigateBack(1)
			},
			//-------------驾意险处理开始


			//国任
			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;
			},
			//-------------驾意险处理结束
			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();
			},
			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框并显示基本信息
			adjustBIItem(index) {
				var a = {};
				Object.assign(a, this.planDataExpansion.genericPlanInfo.kinds[index])
				this.insureItem = a;
				this.$refs.popupBI.show() // 显示
			},
			//popup内容的label改变
			adjustBIItemLabel(index) {
				this.insureItem.amount = this.insureItem.amtList[index].value;
				this.insureItem.amountDesc = this.insureItem.amtList[index].label;
			},
			jqterms() {
				let file = 'https://sxzgkj.baoxianzhanggui.com/web-api/upload/specification/commercialInsurance.pdf';
				//#ifdef APP-PLUS
				uni.showLoading({
					title: '正在打开'
				});
				let dtask = plus.downloader.createDownload(file, {
					filename: "_downloads/" + '交强条款.pdf'
				}, function(d, status) {
					if (status == 200) {
						uni.hideLoading()
						//下载成功,d.filename是文件在保存在本地的相对路径，使用下面的API可转为平台绝对路径
						let fileSaveUrl = plus.io.convertLocalFileSystemURL(d.filename);
						plus.runtime.openFile(d.filename); //选择软件打开文件
					} else {
						uni.hideLoading()
						//下载失败
						plus.downloader.clear(); //清除下载任务
					}
				})
				dtask.start();
				//#endif
				//#ifdef H5
				var win = window.open();
				win.document.write(
					'<body style="margin:0px;"><object data="' +
					file +
					'" type="application/pdf" width="100%" height="100%"><iframe src="' +
					file +
					'" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe></object></body>'
				);
				//#endif
			},
			syterms() {
				let file = 'https://sxzgkj.baoxianzhanggui.com/web-api/upload/specification/compulsoryInsurance.pdf';
				//#ifdef APP-PLUS
				uni.showLoading({
					title: '正在打开'
				});
				let dtask = plus.downloader.createDownload(file, {
					filename: "_downloads/" + '商业条款.pdf'
				}, function(d, status) {
					if (status == 200) {
						uni.hideLoading()
						//下载成功,d.filename是文件在保存在本地的相对路径，使用下面的API可转为平台绝对路径
						let fileSaveUrl = plus.io.convertLocalFileSystemURL(d.filename);
						plus.runtime.openFile(d.filename); //选择软件打开文件
					} else {
						uni.hideLoading()
						//下载失败
						plus.downloader.clear(); //清除下载任务
					}
				})
				dtask.start();
				//#endif
				//#ifdef H5
				var win = window.open();
				win.document.write(
					'<body style="margin:0px;"><object data="' +
					file +
					'" type="application/pdf" width="100%" height="100%"><iframe src="' +
					file +
					'" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe></object></body>'
				);
				//#endif
			},
			//国任特约
			async specialAgreementSelection(id) {
				let guoRen = await this.$http.post('/api/guoRen/queryClauseDataCompany', {
					companyId: id,
				});
				this.guoRenSpecialAgreementData = guoRen.data;
				this.guoRencontributingshow = true;
			},
			guoRencontributingChange(param) {
				this.guoRenSpecialAgreementVo = [];
				param.map(val => {
					let list = this.guoRenSpecialAgreementData.find(item => item.clauseCode == val)
					this.guoRenSpecialAgreementVo.push({
						clauseCode: list.clauseCode,
						clauses: list.clauses,
						clausesContext: list.clausesContext,
						riskCode: list.riskCode,
						riskName: list.riskName,
					})
				})
			},
			//--------比价
			priceComparison() {
				this.priceComparisonShow = true;
			},
			priceComparison1() {
				this.quotableCompanyList.map(ele => {
					if (ele.quoteCode == 200) {
						ele.isComparableshowHide = true;
					}
					return ele;
				})
			},
			priceComparison2() {
				let subOrderNoslist = [];
				this.quotableCompanyList.map(ele => {
					if (ele.isComparableShow) {
						subOrderNoslist.push(ele.result.companyId);
					}
					return ele;
				})
				uni.navigateTo({
					url: `/pages/orders/priceComparison?subOrderNoslist=${JSON.stringify(subOrderNoslist)}`
				})

			},
			//--------比价
			//重新生成订单
			GenerateModalConfirm() {
				this.orderno = "";
				this.quoteno = "";
				this.toNext();
			},
			async toNext() {
				var allAreFalse = this.quotableCompanyList.every(function(element) {
					return element.insurancePlanInfo == null;
				});
				if (!allAreFalse) {
					this.comparableQuantity = 0; //报价成功总数
					this.selectedCount = 0; //比价勾选数量
					this.quotableCompanyList.map((ele) => {
						ele.isComparableShow = false;
						ele.isComparableshowHide = false;
						return ele;
					})
					this.riskList.map(val => {
						if (val.riskCode == '0507') {
							val.startDate = this.jqstartDate;
							val.endDate = this.jqendDate;
						}
						if (val.riskCode == '0510') {
							val.startDate = this.systartDate;
							val.endDate = this.syendDate;
						}
						return val;
					})
					let param = {
						userId: this.userInfo.sysUser.id,
						quoteno: this.quoteno ? this.quoteno : "",
						orderNo: this.orderno ? this.orderno : "",
						riskList: this.riskList,
						carInfo: this.carInfo,
						insuredPersonInfo: this.insuredPersonInfo,
						ownerInfo: this.ownerInfo,
						policyHolderInfo: this.policyHolderInfo,
						vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
						productId: this.productId,
						orderSource: "1",
					};
					let orders = await this.$http.post('/insurance/order/generateOrder', param);
					if (orders.code == '200') {
						this.orderno = orders.data.orderno;
						this.quoteno = orders.data.quoteno;
						let mergedArray = [];
						let mergedArrayList = mergedArray.concat(this.carInfoPositiveList, this
							.ownerInfoPositiveList, this
							.policyHolderInfoPositiveList, this.insuredPersonInfoPositiveList)

						if (mergedArrayList.length > 0) {
							await this.$http.post('/ins/taskImage/uploadImages', {
								imageList: mergedArrayList,
								quoteNo: this.quoteno,
							})
						}
						this.quotableCompanyList = this.quotableCompanyList.map((ele, index) => {
							if (ele.insurancePlanInfo !== null) {
								// 动态调用报价接口
								ele.quoteCode = '1';
								this.ToolClickFun(ele.cnName, index, ele.id);
							}
							return ele
						});
					} else if (orders.code == '1001') {
						this.Generateshow = true;
					} else {
						uni.showToast({
							title: orders.msg,
							icon: 'none',
						});
					}
				} else {
					uni.showToast({
						title: "请选择方案后，在进行报价",
						icon: 'none',
					});
				}
			},
			async tempSave() {
				let param = {
					userId: this.userInfo.sysUser.id,
					quoteno: this.quoteno ? this.quoteno : "",
					orderNo: this.orderno ? this.orderno : "",
					riskList: this.riskList,
					carInfo: this.carInfo,
					insuredPersonInfo: this.insuredPersonInfo,
					ownerInfo: this.ownerInfo,
					policyHolderInfo: this.policyHolderInfo,
					vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
					productId: this.productId,
					orderSource: "1",
				};
				let orders = await this.$http.post('/insurance/order/generateOrder', param);
				if (orders.code == '200') {
					uni.showToast({
						title: '暂存成功',
						icon: 'none',
					});
				} else {
					uni.showToast({
						title: res.msg,
						icon: 'none',
					});
				}
			},
			async individualQuote(item) {
				if (!item.insurancePlanInfo) {
					uni.showToast({
						title: "请选择方案后，在进行报价",
						icon: 'none',
					});
				} else {
					this.riskList.map(val => {
						if (val.riskCode == '0507') {
							val.startDate = this.jqstartDate;
							val.endDate = this.jqendDate;
						}
						if (val.riskCode == '0510') {
							val.startDate = this.systartDate;
							val.endDate = this.syendDate;
						}
						return val;
					})
					let param = {
						userId: this.userInfo.sysUser.id,
						quoteno: this.quoteno ? this.quoteno : "",
						orderNo: this.orderno ? this.orderno : "",
						riskList: this.riskList,
						carInfo: this.carInfo,
						insuredPersonInfo: this.insuredPersonInfo,
						ownerInfo: this.ownerInfo,
						policyHolderInfo: this.policyHolderInfo,
						vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
						productId: this.productId,
						orderSource: "1",
					};
					let orders = await this.$http.post('/insurance/order/generateOrder', param);
					if (orders.code == '200') {
						this.orderno = orders.data.orderno;
						this.quoteno = orders.data.quoteno;
						let mergedArray = [];
						let mergedArrayList = mergedArray.concat(this.carInfoPositiveList, this
							.ownerInfoPositiveList, this
							.policyHolderInfoPositiveList, this.insuredPersonInfoPositiveList)

						if (mergedArrayList.length > 0) {
							await this.$http.post('/ins/taskImage/uploadImages', {
								imageList: mergedArrayList,
								quoteNo: this.quoteno,
							})
						}
						this.quotableCompanyList = this.quotableCompanyList.map((ele, index) => {
							if (ele.id == item.id) {
								// 动态调用报价接口
								ele.quoteCode = '1';
								this.ToolClickFun(ele.cnName, index, ele.id);
							}
							return ele
						});
					} else if (orders.code == '1001') {
						this.Generateshow = true;
					} else {
						uni.showToast({
							title: orders.msg,
							icon: 'none',
						});
					}
				}
			},
			async ToolClickFun(MethodName, Parameter, companyId) {
				await this[`${MethodName}`](Parameter, companyId)
				//获取已报价成功个数
				let filteredObjects = [];
				this.quotableCompanyList.map(ele => {
					if (ele.quoteCode == 200) {
						filteredObjects.push(ele.result.companyId)
					}
					return ele;
				})
				this.comparableQuantity = filteredObjects.length;
			},
			//永诚报价
			async yongcheng(num, id) {
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let ccidenttype = this.quotableCompanyList[num].cnName;
				let params = {
					accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
						.quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
					orderNo: this.orderno,
					companyId: id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					cqryCdeJq: this.cqryCdeJq,
					cqryCdeSy: this.cqryCdeSy,
					renewalCodeJq: this.renewalCodeJq,
					renewalCodeSy: this.renewalCodeSy,
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					systemType: '2'
				};
				try {
					let res = await this.$http.post('/quote/quote', params);
					this.quotableCompanyList[num].msg = res.msg;
					if (res.code == "200") {
						if (res.data.warnMessageList != null && res.data
							.warnMessageList[0] != null && res.data
							.warnMessageList[
								0] != "") {
							this.quotableCompanyList[num].lastYearMsg = "";
							let dat = res.data.warnMessageList;
							dat.map(ele => {
								this.quotableCompanyList[num].lastYearMsg += ele +
									'<br>';
							})
						}
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: 200
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].result = res.data;
						this.subOrderId = res.data.companyId;
					} else {
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: '3'
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].msg = res.msg;
						return;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			//中煤报价
			async zhongmei(num, id) {
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let params = {
					accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
						.quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
					orderNo: this.orderno,
					companyId: id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					systemType: '2'
				};
				try {
					let res = await this.$http.post("/quote/quote", params);
					this.quotableCompanyList[num].msg = res.msg;
					if (res.code == '200') {
						if (res.data.warnMessageList != null && res.data.warnMessageList[
								0] != null && res.data
							.warnMessageList[
								0] != "") {
							this.quotableCompanyList[num].lastYearMsg = "";
							let dat = res.data.warnMessageList;
							dat.map(ele => {
								this.quotableCompanyList[num].lastYearMsg += ele +
									'<br>';
							})
						}
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: 200
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].result = res.data;
						this.subOrderId = res.data.companyId;

					} else {
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: '3'
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].msg = res.msg;
						return;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			//渤海报价
			async bohai(num, id) {
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let params = {
					accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
						.quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
					orderNo: this.orderno,
					companyId: id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					systemType: '2'
				};
				try {
					let res = await this.$http.post('/quote/quote', params);
					this.quotableCompanyList[num].msg = res.msg;
					if (res.code == '200') {
						if (res.data.warnMessageList != null && res.data.warnMessageList[
								0] != null && res.data
							.warnMessageList[
								0] != "") {
							this.quotableCompanyList[num].lastYearMsg = "";
							let dat = res.data.warnMessageList;
							dat.map(ele => {
								this.quotableCompanyList[num].lastYearMsg += ele +
									'<br>';
							})
						}
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: 200
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].result = res.data;
						this.subOrderId = res.data.companyId;

					} else {
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: '3'
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].msg = res.msg;
						return;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			//华泰报价
			async huatai(num, id) {
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let params = {
					accidentalDrivingVo: {},
					orderNo: this.orderno,
					companyId: id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					cqryCdeJq: this.cqryCdeJq,
					cqryCdeSy: this.cqryCdeSy,
					renewalCodeJq: this.renewalCodeJq,
					renewalCodeSy: this.renewalCodeSy,
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					systemType: '2'
				};
				try {
					let res = await this.$http.post(
						"/quote/quote", params);
					this.quotableCompanyList[num].msg = res.msg;
					if (res.code == '200') {
						if (res.data.warnMessageList != null && res
							.data.warnMessageList[0] != null && res
							.data
							.warnMessageList[
								0] != "") {
							this.quotableCompanyList[num].lastYearMsg =
								"";
							let dat = res.data.warnMessageList;
							dat.map(ele => {
								this.quotableCompanyList[num]
									.lastYearMsg += ele + '<br>';
							})
						}
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: 200
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].result = res.data;
						this.subOrderId = res.data.companyId;

					} else {
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: '3'
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].msg = res.msg;
						return;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			//紫金报价
			async zijin(num, id) {
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let ccidenttype = this.quotableCompanyList[num].cnName;
				let params = {
					accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList,
					orderNo: this.orderno,
					companyId: id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					coefficient: this.quotableCompanyList[num].coefficient,
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					systemType: '2'
				};
				try {
					let res = await this.$http.post('/quote/quote', params);
					this.quotableCompanyList[num].msg = res.msg;
					if (res.code == '200') {
						if (res.data.warnMessageList != null && res.data
							.warnMessageList[0] != null && res.data
							.warnMessageList[
								0] != "") {
							this.quotableCompanyList[num].lastYearMsg = "";
							let dat = res.data.warnMessageList;
							dat.map(ele => {
								this.quotableCompanyList[num].lastYearMsg +=
									ele + '<br>';
							})
						}
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: 200
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].result = res.data;
						this.subOrderId = res.data.companyId;

					} else {
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: '3'
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].msg = res.msg;
						return;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			//国任报价
			async guoRen(num, id) {
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let ccidenttype = this.quotableCompanyList[num].cnName;
				let params = {
					accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
						.quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
					orderNo: this.orderno,
					companyId: id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					guoRenSpecialAgreementVo: this.guoRenSpecialAgreementVo,
					systemType: '2'
				};
				try {
					let res = await this.$http.post('/quote/quote',
						params);
					this.quotableCompanyList[num].msg = res.msg;
					if (res.code == '200') {
						if (res.data.warnMessageList != null && res.data
							.warnMessageList[0] != null && res.data
							.warnMessageList[
								0] != "") {
							this.quotableCompanyList[num].lastYearMsg = "";
							let dat = res.data.warnMessageList;
							dat.map(ele => {
								this.quotableCompanyList[num]
									.lastYearMsg += ele + '<br>';
							})
						}
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: 200
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].result = res.data;
						this.subOrderId = res.data.companyId;
					} else {
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: '3'
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].msg = res.msg;
						return;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			//大家报价
			async dajia(num, id) {
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let ccidenttype = this.quotableCompanyList[num].cnName;
				let params = {
					accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
						.quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
					orderNo: this.orderno,
					companyId: id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					cqryCdeJq: this.cqryCdeJq,
					cqryCdeSy: this.cqryCdeSy,
					renewalCodeJq: this.renewalCodeJq,
					renewalCodeSy: this.renewalCodeSy,
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					systemType: '2'
				};
				try {
					let res = await this.$http.post("/quote/quote",
						params);
					this.quotableCompanyList[num].msg = res.msg;
					if (res.code == '200') {
						if (res.data.warnMessageList != null && res.data
							.warnMessageList[0] != null && res.data
							.warnMessageList[
								0] != "") {
							this.quotableCompanyList[num].lastYearMsg = "";
							let dat = res.data.warnMessageList;
							dat.map(ele => {
								this.quotableCompanyList[num]
									.lastYearMsg += ele + '<br>';
							})
						}
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: 200
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].result = res.data;
						this.subOrderId = res.data.companyId;

					} else {
						const updatedItem = {
							...this.quotableCompanyList[num],
							quoteCode: '3'
						};
						this.quotableCompanyList.splice(num, 1, updatedItem);
						this.quotableCompanyList[num].msg = res.msg;
						return;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			//安盛天平
			ansheng(num, id) {
				this.quoteInsurance(num, id);
			},
			//华农
			huanong(num, id) {
				this.quoteInsurance(num, id);
			},
			//太平
			taiping(num, id) {
				this.quoteInsurance(num, id);
			},
			//众安
			zhongan(num, id) {
				this.quoteInsurance(num, id);
			},
			//人寿
			renshou(num, id) {
				this.quoteInsurance(num, id);
			},
			//恒邦
			hengbang(num, id) {
				this.quoteInsurance(num, id);
			},
			taikang(num, id) {
				this.quoteInsurance(num, id);
			},
			chengtai(num, id) {
				this.quoteInsurance(num, id);
			},
			//爬虫统一报价接口
			async quoteInsurance(num, id) {

				const companyId = uni.getStorageSync('companyId');
				let ccidenttype = this.quotableCompanyList[num]
					.cnName;
				let namesimple = this.quotableCompanyList[num]
					.namesimple;
				let isTaxSource = this.quotableCompanyList[num].isTaxSource;
				let params = {
					orderNo: this.orderno,
					companyId: id,
					agreementId: this.quotableCompanyList[num].agreement[0].id,
					kinds: this.quotableCompanyList[num].insurancePlanInfo.kinds,
					risks: this.riskList,
					accidentalDrivingVo: this.quotableCompanyList[num].insurancePlanInfo.drivingList[0] ? this
						.quotableCompanyList[num].insurancePlanInfo.drivingList[0] : {},
					isTaxSource: isTaxSource == 1 ? isTaxSource : null,
					systemType: '2'
				};
				if (id = 'GPIC1000000') {
					if (companyId) {
						params.discount = this.quotableCompanyList[num]
							.syAdjustRate;
						params.lastCompanyId = this.subOrderId;
					}
				}
				if (namesimple == "诚泰财险") {
					if (this.subOrderId && this.quotableCompanyList[num].coefficient && this.quotableCompanyList[num]
						.discount) {
						params.coefficient = this.quotableCompanyList[num].coefficient;
						params.discount = this.quotableCompanyList[num].discount;
						params.lastCompanyId = this.subOrderId;
					}
					params.isInspect = this.isInspectchange;
				}
				try {
					let res = await this.$http.post('/quote/quote',
						params);
					switch (namesimple) {
						case '安盛天平':
						case '恒邦财险':
						case '诚泰财险':
						case '中国人寿':
						case '太平财险':
						case '华农财险':
						case '泰康财险':
							if (res.code == '200') {
								if (res.data.warnMessageList !=
									null && res.data
									.warnMessageList[0] != null &&
									res.data
									.warnMessageList[
										0] != "") {
									this.quotableCompanyList[num]
										.lastYearMsg = "";
									let dat = res.data
										.warnMessageList;
									dat.map(ele => {
										this.quotableCompanyList[
												num]
											.lastYearMsg +=
											ele + '<br>';

									})
								}
								const updatedItem = {
									...this.quotableCompanyList[num],
									quoteCode: 200
								};
								this.quotableCompanyList.splice(num, 1, updatedItem);
								this.quotableCompanyList[num].result =
									res.data;
								this.subOrderId = res.data.companyId;
								if (res.data.syAdjustRate) {
									this.quotableCompanyList[num].syAdjustRate = res.data.syAdjustRate;
									uni.setStorageSync('companyId', res.data.companyId);
								}
							} else {
								const updatedItem = {
									...this.quotableCompanyList[num],
									quoteCode: '3'
								};
								this.quotableCompanyList.splice(num, 1, updatedItem);
								this.quotableCompanyList[num].msg =
									res.msg;
							}
							break;
						case '众安财险':
							if (res.code == '200') {
								if (res.data.warnMessageList !=
									null && res.data
									.warnMessageList[0] != null &&
									res.data
									.warnMessageList[
										0] != "") {
									this.quotableCompanyList[num]
										.lastYearMsg = "";
									let dat = res.data
										.warnMessageList;
									dat.map(ele => {
										this.quotableCompanyList[
												num]
											.lastYearMsg +=
											ele + '<br>';
									})
								}
								const updatedItem = {
									...this.quotableCompanyList[num],
									quoteCode: 200
								};
								this.quotableCompanyList.splice(num, 1, updatedItem);
								this.quotableCompanyList[num].result =
									res.data;
								this.subOrderId = res.data.companyId;

							} else {
								const updatedItem = {
									...this.quotableCompanyList[num],
									quoteCode: '3'
								};
								this.quotableCompanyList.splice(num, 1, updatedItem);
								this.quotableCompanyList[num].msg =
									res.msg;
							}
							break;
						default:
							break;
					}
				} catch (error) {
					const updatedItem = {
						...this.quotableCompanyList[num],
						quoteCode: '3'
					};
					this.quotableCompanyList.splice(num, 1, updatedItem);
					this.quotableCompanyList[num].msg = '接口请求超时，请重新尝试';
				}
			},
			confirmPlan(name) {
				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[name + 'accidentalDrivingVo'].projectName) {
								val.insurancePlanInfo.drivingList = [this[name + 'accidentalDrivingVo']];
							}
						}
						if (!val.insurancePlanInfo.schemeName) {
							return uni.showToast({
								icon: "none",
								title: '未选中方案',
							})
						}
						this.genericPlanPopup = false;

					}
					return val;
				})
			},
			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) + '亿';
				}
			},
			riskTypeEchoProcessing(code) {
				this.riskList = [];
				switch (code) {
					case '0330':
						this.riskList.push({
							amount: 0,
							endDate: this.jqendDate,
							instantFlag: "0",
							premium: 0,
							riskCode: "0507",
							startDate: this.jqstartDate,
						})
						break;
					case '034001':
					case '034002':
						this.riskList.push({
							amount: 0,
							endDate: this.syendDate,
							instantFlag: "0",
							premium: 0,
							riskCode: "0510",
							startDate: this.systartDate,
						})
						break;
					case '0330034002':
					case '0330034001':
						this.riskList.push({
							amount: 0,
							endDate: this.jqendDate,
							instantFlag: "0",
							premium: 0,
							riskCode: "0507",
							startDate: this.jqstartDate,
						}, {
							amount: 0,
							endDate: this.syendDate,
							instantFlag: "0",
							premium: 0,
							riskCode: "0510",
							startDate: this.systartDate,
						})
						break;
				}
			},
			togglePlanDetails(index) {
				this.quotableCompanyList[index].planDetailsshow = !this.quotableCompanyList[index]
					.planDetailsshow; // 切换对应项的显示状态
				this.quotableCompanyList = [...this.quotableCompanyList]; // 强制 Vue 重新渲染

			},
			//查看详情
			querydetial(id) {
				this.navigate({
						url: "/pages/carInsure/quoteDetail?companyId=" + id
					},
					"navigateTo", true);
			},
			//报价单
			bjdpreview(id) {
				let pro = this.quotationType.themeCode;
				if (pro == "QD") {
					uni.navigateTo({
						url: "/pages/orders/quotation?companyId=" + id
					})
				} else {
					uni.navigateTo({
						url: "/pages/orders/quotation1?companyId=" + id
					})
				}

			},
			//预核保信息
			preUnderwriting(list) {
				this.RSpreUnderwritingList = list;
				this.preUnderwritingshow = true;
			},
			//上年信息
			YearMsg(msg, title) {
				let content = msg.replace(/<br>/g, "\r\n")
				uni.showModal({
					title: title + "上年信息",
					content: content,
					showCancel: false,
					confirmText: "关闭"
				})
			},
			// 显示报错信息
			ErrorMsg(msg, title) {
				uni.showModal({
					title: title + "报价提示",
					content: msg,
					showCancel: false,
					confirmText: "关闭"
				})
			},
			discountErrorMessageMsg(msg, title) {
				this.discountInfoPopup = true;
				this.discountInfoPopupContent = msg.replace(/\n/g, '<br>');
				this.discountInfoPopupTitle = title;
				// let content = msg.replace(/\n/g, "\r\n")
				// uni.showModal({
				// 	title: title + "优惠信息",
				// 	content: content,
				// 	showCancel: false,
				// 	confirmText: "关闭"
				// })
			},
			//使用此时间
			syncData(item) {
				this.jqstartDate = item.startDateJq ? item
					.startDateJq : this.jqstartDate
				this.jqendDate = item.endDateJq ? item
					.endDateJq : this.endDateJq
				this.systartDate = item.startDateSy ? item
					.startDateSy : this.systartDate
				this.syendDate = item.endDateSy ? item
					.endDateSy : this.syendDate
				uni.showToast({
					title: '时间已替换',
					icon: 'none',
					duration: 1000
				});
			},
			//车船税类型选择
			taxRelifFlagConfirm(val, name) {
				this.vehicleAndVesselTaxForm[name] = val[0].value;
				this.model[name] = val[0].label;
			},
			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;
			},
			jqstartconfirm(e) {
				this.jqstartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
				this.jqendDate = this.oneYearPast(this.jqstartDate)
			},
			//
			jqendconfirm(e) {
				this.jqendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
			},
			systartconfirm(e) {
				this.systartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
				this.syendDate = this.oneYearPast(this.systartDate)
			},
			syendconfirm(e) {
				this.syendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
			},
			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;
			},
			InsureGuideclick(item) {
				this.insGuide = item.insGuide;
				this.insGuideTitle = item.namesimple;
				this.InsureGuidePopup = true;
			},
			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.carInfo.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'] = {}
					}
				}
			},
			async SchemeSelection(item) {
				let params = {
					companyId: item.id,
					productId: this.productId,
					seatNum: this.carInfo.seatCount,
					vehicleType: this.carInfo.cimodelclass,
					energyType: this.carInfo.energyType,
					carnature: this.carInfo.carnature,
				}
				let res = await this.$http.post('/plt/scheme/getCompanySchemeInfo', params);
				let res1 = await this.$http.post('/plt/scheme/getCompanyOptionalSchemeInfo', params);
				let typelist = [];
				this.planDataExpansion.id = item.id;
				this.planDataExpansion.namesimple = item.namesimple;
				this.planDataExpansion.cnName = item.cnName;
				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;
				this.genericPlanPopup = true;

			},
			//即使投保时处理时间
			datelyClick(value, name, startDate, endDate) {
				this[name] = value;
				if (value == 1) {
					const date = new Date();
					date.setHours(date.getHours() + 2);
					date.setMinutes(0)
					date.setSeconds(0)
					this[startDate] = this.transformTime(date)
					this[endDate] = this.oneYearPast(date);
				} else {
					this[startDate] = this.nextday();
					this[endDate] = this.oneYearPast(this.jqstartDate);
				}
			},
			//获取保险公司列表
			commpanyList() {
				this.quotableCompanyList.map(ele => {
					ele["result"] = {};
					ele["quoteCode"] = 0;
					ele["checked"] = false;
					ele["msg"] = "";
					ele["lastYearMsg"] = "";
					ele["agreementName"] = "";
					ele["apiType"] = "";
					ele["coefficient"] = "";
					ele["discount"] = "";
					ele["isInspect"] = false;
					ele["syAdjustRate"] = "";
					ele["selectShow"] = false;
					ele['underwritingDescription'] = "";
					ele['isComparableShow'] = false;
					ele['planDetailsshow'] = false;
					ele['isComparableshowHide'] = false;
					ele['isComparableDisabled'] = false;
					ele['insurancePlanInfo'] = null;
					if (ele.editingDto) {
						ele.result = ele.editingDto;
						ele.insurancePlanInfo = {};
						ele.insurancePlanInfo.drivingList = ele.editingDto.drivingList;
						ele.insurancePlanInfo.kinds = ele.editingDto.kindList;
						ele.quoteCode = 200;
					}
					return ele;
				})
			},
			priceComparisonChange(index, item) {
				if (!item.isComparableDisabled) {
					item.isComparableShow = !item.isComparableShow;
					if (item.isComparableShow) {
						this.selectedCount++;
					} else {
						this.selectedCount--;
					}
					this.updateCheckboxStates();
				}
			},
			updateCheckboxStates() {
				this.quotableCompanyList.forEach(item => {
					item.isComparableDisabled = this.selectedCount >= 3 && !item.isComparableShow;
				});
			},
			immediatelyClick(name) {
				this.carInfo[name] = !this.carInfo[name];
				if (name == 'transferFlag') {
					if (this.carInfo[name]) {
						this.carInfo.transferDate = this.carInfo.issueDate;
					} else {
						this.carInfo.transferDate = "";
					}
				}
			},
			toCarInfo() {
				this.navigate({
					url: '/pages/carInsure/Information',
					success: (res) => {
						res.eventChannel.emit(
							"acceptData", {
								carInfo: this
									.carInfo,
								ownerInfo: this
									.ownerInfo,
								policyHolderInfo: this
									.policyHolderInfo,
								insuredPersonInfo: this
									.insuredPersonInfo,
								riskList: this
									.riskList,
								kindList: this
									.kindList,
								carInfoPositiveList: this
									.carInfoPositiveList, //车辆
								ownerInfoPositiveList: this
									.ownerInfoPositiveList, //车主
								policyHolderInfoPositiveList: this
									.policyHolderInfoPositiveList, //投保
								insuredPersonInfoPositiveList: this
									.insuredPersonInfoPositiveList, //被保人
								productId: this.productId,
								productName: this.productName

							})
					}
				}, "navigateTo", true);
			},
			//计算输入时间一年后的的前一天(输入的参数为字符串("2019-03-02")最终输出也为日期的字符串)
			oneYearPast(time) {
				var date = new Date(time);
				date.setSeconds(date.getSeconds() - 1);
				date.setFullYear(date.getFullYear() + 1); //一年后
				date.setTime(date.getTime()); //一年后的前一天
				var strYear = date.getFullYear();
				var strDay = date.getDate();
				var strMonth = date.getMonth() + 1;
				var hh = date.getHours();
				var minutes = date.getMinutes(); // 分
				var Seconds = date.getSeconds();
				if (hh < 10) {
					hh = "0" + hh;
				}
				if (minutes < 10) {
					minutes = "0" + minutes;
				}
				if (Seconds < 10) {
					Seconds = "0" + Seconds;
				}
				if (strMonth < 10) {
					strMonth = "0" + strMonth;
				}
				if (strDay < 10) {
					strDay = "0" + strDay;
				}
				var datastr =
					strYear + "-" + strMonth + "-" + strDay + " " + hh + ":" + minutes + ":" + Seconds;
				return datastr;
			},
			//次日
			nextday() {
				var date = new Date();
				date.setFullYear(date.getFullYear());
				date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
				var strYear = date.getFullYear();
				var strDay = date.getDate();
				var strMonth = date.getMonth() + 1;
				var hh = date.getHours();
				if (hh < 10) {
					hh = "0" + hh;
				}
				if (strMonth < 10) {
					strMonth = "0" + strMonth;
				}
				if (strDay < 10) {
					strDay = "0" + strDay;
				}
				var datastr = strYear + "-" + strMonth + "-" + strDay + " " + "00:00:00";
				return datastr;
			},
			//时间转换
			transformTime(date) {
				var d = new Date(date);
				var strYear = d.getFullYear();
				var strMonth = d.getMonth() + 1;
				var strDay = d.getDate();
				var hh = d.getHours();
				var minutes = d.getMinutes(); // 分
				var Seconds = d.getSeconds();
				if (hh < 10) {
					hh = "0" + hh;
				}
				if (minutes < 10) {
					minutes = "0" + minutes;
				}
				if (Seconds < 10) {
					Seconds = "0" + Seconds;
				}
				if (strMonth < 10) {
					strMonth = "0" + strMonth;
				}
				if (strDay < 10) {
					strDay = "0" + strDay;
				}
				var datetime =
					strYear + "-" + strMonth + "-" + strDay + " " + hh + ":" + minutes + ":" + Seconds;
				return datetime;
			},
			toChinesNum(num) {
				let overWan = Math.floor(num / 10000);
				let result = overWan + "万";
				return result;
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import '@/style/mixin.scss';

	.page {
		background: #F8FAFE;
		padding: 16px 16px 100px 16px;
	}

	.sum {
		color: #0052FF;
		font-size: 14px;
		font-weight: bold;
	}

	.scroll-Y {
		height: 600px;
	}

	.discountInfoscroll {
		height: 300px;

	}

	.scroll-view-item {
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
		font-size: 36rpx;
	}

	.modelformcss {
		padding: 5px 15px;
	}

	.PlanPopup-btn {
		width: 100%;
		height: 48px;
		background: #FFFFFF;
		box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05);
	}

	.circle {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border: 2px solid #0052FF;
	}

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

	.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;
		}
	}

	.selectedCoverage {
		background-color: #FFDFCE;
		width: 100%;
		border-radius: 22px;
		position: relative;
		padding: 7px 8px;

		.title1 {
			color: #232832;
			font-size: 15px;
			font-weight: bold;
		}

		.title-before {
			position: absolute;
			width: 3px;
			height: 14px;
			background: #FF5600;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
		}

		.product {
			width: 65px;
			background: #FFFFFF;
			border-radius: 16px;
			border: 1px solid #FF5600;
			padding: 2px 6px;
			box-sizing: border-box;
		}
	}

	.Plancontent {
		padding: 8px;



		.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;
		}

	}

	.quotePlan {
		background: #FFFFFF;
		box-shadow: 0px 4px 10px 0px #DAE3F4;
		border-radius: 6px;
	}

	.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;
	}

	.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;
	}

	.active1 {
		position: relative;
		background: rgba(255, 86, 0, 0.1);
		color: #FF5600;
		border: 1px solid #FF5600;
		font-weight: 700;
	}

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

	.car-header {
		width: 100%;
		height: auto;
		background: linear-gradient(0, #FFFFFF 0%, rgba(241, 246, 255, 0.8) 100%);
		box-shadow: 0px 4px 10px 0px rgba(158, 173, 229, 0.1);
		border-radius: 6px;
		padding: 8px 15px;
		position: relative;

		.head-name {
			margin-left: 10px;

			&>text {
				font-weight: bold;
				font-size: 14px;
				color: #232832;
			}

			.name1 text {
				font-size: 14px;
				color: #333333;
			}
		}

		.carJump {
			position: absolute;
			top: 5px;
			right: 10px;
			font-size: 14px;
			color: #0052FF;
		}
	}

	/* 报价公司Start */
	.quoteCompany {
		box-sizing: border-box;
		/* background:#FFFFFF; */
		position: relative;
		border-radius: 20upx;
	}

	.quoteCompany .header {
		height: 80upx;
	}

	.quoteCompany .header .title {
		font-size: 30upx;
		font-weight: bold;
	}

	.quoteCompany .header .title .icon {
		color: rgba($themeColor, 0.6);
		margin-left: 15upx;
	}

	.quoteCompanyItem {
		margin-bottom: 20upx;
		background: #FFFFFF;
		border-radius: 6px;
		box-shadow: 0px 4px 10px 0px #DAE3F4;
		box-sizing: border-box;
		cursor: pointer;
	}


	.quoteCompanyItem .top {
		position: relative;
		padding: 8px;
	}

	.quoteCompanyItem .top .companyIcon {
		border-radius: 6px 6px 0 0;
		flex-shrink: 0;
	}

	.insuranceGuide {
		background: rgba(255, 86, 0, 0.05);
		border-radius: 2px;
		font-weight: bold;
		font-size: 12px;
		color: #FF5600;
		padding: 0 4px;
	}

	.planDetails {
		width: 100%;
		height: auto;
		background: #F9F9F9;
		border-radius: 6px;
		padding: 6px;

		.headers {
			>image {
				width: 14px;
				height: 14px;
			}

			>text {
				font-size: 12px;
				color: #4B6FBA;
				margin-left: 10px;
			}
		}

	}

	.content {
		padding: 0 8px;
		margin-bottom: 5px;
	}

	.quoteCompanyItem .top .companyIcon image {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	.quoteCompanyItem .top .Premium {
		padding: 10px 8px;
		background-color: #FFF6F2;
		border-radius: 4px;

		.price {
			font-size: 12px;
			color: #FF5600;

			text {
				margin-right: 5px;
			}
		}

		.time {
			font-size: 12px;
			color: #2D4D89;

			>text {
				margin-right: 5px;
			}

		}
	}

	.quoteCompanyItem .top .quotebtn {
		width: 100%;
		height: auto;

		>view {
			width: 50%;
			font-size: 14px;
			padding: 4px 0;

		}
	}

	.lastyear {
		view {
			font-size: 12px;
		}

		.left {
			border: 1px solid #229805;
			border-radius: 2px;
			padding: 1px 6px;
			color: #229805;
		}

		.right {
			border-radius: 2px;
			padding: 1px 6px;
			border: 1px solid #FF5600;
			color: #FF5600;
		}
	}

	.quoteCompanyItem .top .companyName {
		font-size: 14px;
		font-weight: bold;
		color: #232832;
	}

	.quoteCompanyItem .top .totalMoney {
		font-size: 40upx;
		font-weight: bold;
		color: $themeColor;
		position: absolute;
		top: -15upx;
		right: 0;
	}

	.quoteCompanyItem .top .tip {
		font-size: 26upx;
		font-weight: bold;
		color: #999;
		position: absolute;
		top: 0upx;
		right: 0;
	}

	.sum {
		color: #0052FF;
		font-size: 14px;
		font-weight: bold;
	}

	.quoteCompanyItem .top .signs {
		width: 500upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.quoteCompanyItem .top .sign {
		height: 40upx;
		margin: 0upx 10upx;
		background: rgba($themeColor, 0.6);
		color: $themeColor;
		font-size: 20upx;
		margin-right: 10upx;
		border-radius: 6upx;
		padding: 0 2px;
		line-height: 40upx;
	}

	.jqsign {
		height: 20px;
		background: rgba(255, 177, 177, 0.55);
		color: #fd0a0a;
		font-size: 20upx;
		border-radius: 6upx;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.quoteCompanyItem .body {
		padding: 20upx 0;
		flex-wrap: wrap;
	}

	.quoteCompanyItem .body>view {
		flex-shrink: 0;
		width: 50%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.quoteCompanyItem .body .icon-exchange {
		margin-right: 15upx;
		display: inline-block;
	}

	/* 报价公司End */
	/* 整个页面的统一样式 End */
	.plan-ins-title {
		color: #232832;
		font-size: 15px;
		font-weight: bold;
		padding: 8px;
	}

	.immediately {
		padding: 19rpx 15px;

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

	.common-title {
		font-size: 32upx;
		font-weight: bold;
	}

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

	/* 交强险和商业险弹出框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;
	}

	/* 交强险和商业险弹出框End */
	.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;

			}
		}
	}

	.footer-btn {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 62px;
		background: #FFFFFF;
		box-shadow: 0px -4px 10px 0px #DAE3F4;
		border-radius: 0px 0px 0px 0px;
		padding: 12px 16px;
		z-index: 99;
	}

	.priceComparison {
		width: 20%;
		background: linear-gradient(180deg, #FA6464 0%, #E53F3F 100%);
		box-shadow: 0px 2px 5px 0px rgba(232, 66, 66, 0.3);
		border-radius: 4px;
		border: 1px solid #FF9A9A;
	}

	.ZJcheckboxGroup {
		padding: 0 10px;

		.title {
			font-size: 14px;
			color: #232832;
			font-weight: bold;
			padding: 10px;
			border-bottom: 1px solid #f2f2f2;
		}

		.scolcentent {
			max-height: 400px;
			padding-bottom: 40px;
		}

		.operateBtn {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			font-weight: bold;
			font-size: 16px;

			.cancel {
				width: 50%;
				height: 46px;
				color: #FF504D;
				background-color: #EAEAEA;
			}

			.confirm {
				width: 50%;
				height: 46px;
				color: #fff;
				background: linear-gradient(90deg, #FF4D4D 0%, #FF784D 100%);
			}
		}
	}

	/deep/ {
		.jq {
			.u-th {
				background: #F6F7FE;
				padding: 5px 10px !important;
			}

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

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