partnerApp/pages/carInsure1/quote1.vue

<template>
	<view :style="getHeight" style="background-color: #F5F5F5;">
		<!-- 头部 -->
		<view class="carInfo w-100 px-3 box-sizing">
			<view class="d-flex">
				<view class="icon iconfont icon-tree-round-car flex-shrink topLeft"></view>
				<view class="topRight d-flex flex-1 p-3 flex-column" style="color: #FFFFFF;">
					<view class="d-flex flex-1">
						<view class="font-lg d-flex a-center">{{this.carInfo.licenseNo}}
							<view class="icon iconfont icon-bianji1 ml-2" @tap="toCarInfo"></view>
						</view>
					</view>
					<view class="brandName">{{this.carInfo.modelcname}}</view>
				</view>
			</view>
			<view class="other d-flex j-sb px-3">
				<view class="d-flex flex-1 a-center">
					<view class="privilege d-flex a-center j-center flex-shrink px-2">特权</view>
					<view class="content">每月自动查违章，无违章领奖励</view>
				</view>
				<view class="flex-shrink icon iconfont icon-youjiantou d-flex a-center font-sm"></view>
			</view>
		</view>
		<!-- 报价方案 -->
		<view class="pageContent">
			<view class="quotePlan mx-3">
				<view class="header j-sb d-flex a-center px-3">
					<view class="title font-md">报价方案</view>
					<view class="adjustPlan main-text-color" @tap="toInsureItems">调整方案</view>
				</view>
				<view class="body">
					<view class="insurance">
						<template v-if="jqstartDate">
							<view class="row j-sb  d-flex a-center">
								<view>交强险</view>
								<view>投保</view>
							</view>
						</template>
						<template v-if="systartDate">
							<block v-for="(item,index) in insureList" :key="index">
								<template v-if="item.amount!=0">
									<view class="row j-sb  d-flex a-center">
										<view>{{item.kindName}}</view>
										<text
											v-if="['TY2','TY3','TY4'].includes(item.kindCode)">{{item.amountDesc}}</text>
										<block v-else v-for="(item2,index2) in item.amtList" :key="index2">
											<template v-if="item2.value == item.amount">
												<view>{{item2.label}}</view>
											</template>
										</block>
									</view>
								</template>
							</block>
						</template>
						<view class="dis j-s a-c" v-if="jqstartDate">
							<view style="margin-right: 40px;">交强起保日期：</view>
							<u-input type="select" :select-open="jqstartShow" v-model="jqstartDate"
								@click="jqstartShow = true" style="width: 100px;"></u-input>
							<u-picker v-model="jqstartShow" mode="time" :params="params"
								@confirm="jqstartconfirm"></u-picker>
						</view>
						<view class="dis j-s a-c" v-if="jqendDate">
							<view style="margin-right: 40px;">交强终保日期：</view>
							<u-input type="select" :select-open="jqendShow" v-model="jqendDate"
								@click="jqendShow = true" style="width: 100px;"></u-input>
							<u-picker v-model="jqendShow" mode="time" :params="params"
								@confirm="jqendconfirm"></u-picker>
						</view>
						<view class="dis j-s a-c" v-if="systartDate">
							<view style="margin-right: 40px;">商业起保日期：</view>
							<u-input type="select" :select-open="systartShow" v-model="systartDate"
								@click="systartShow = true" style="width: 100px;"></u-input>
							<u-picker v-model="systartShow" mode="time" :params="params"
								@confirm="systartconfirm"></u-picker>
						</view>
						<view class="dis j-s a-c" v-if="syendDate">
							<view style="margin-right: 40px;">商业终保日期：</view>
							<u-input type="select" :select-open="syendShow" v-model="syendDate"
								@click="syendShow = true" style="width: 100px;"></u-input>
							<u-picker v-model="syendShow" mode="time" :params="params"
								@confirm="syendconfirm"></u-picker>
						</view>
					</view>
					<!-- <view class="addedServices">
						<view class="row j-sb  d-flex a-center">
							<view>增值服务</view>
							<view>赠送</view>
						</view>
						<view style="padding: 15upx;color: #A6A6A6;font-size: 24upx;background-color: #F8FAFC;">
							注：包含道路救援/安全检测/代为驾驶/代为送检，投保以上商业主险免费赠送，各家保司各个地区旅游差异，具体以保单信息为准</view>
					</view> -->
				</view>
			</view>
			<view class="quoteCompany">
				<view class="header dis a-c j-s">
					<view class="title  d-flex">精选保险公司<view class="icon iconfont icon-Group-"></view>
					</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 totalCompanyList" :key="totalindex">
					<template>
						<view class="quoteCompanyItem">
							<view class="top dis  f-c">
								<ls-loading v-show="totalitem.quoteCode==1" text="掌柜正在为您报价，请稍等......"
									:animation="animation" fontSize="22" />
								<view class="companyIcon dis j-s  a-c">

									<view class="dis">
										<!-- 勾选框 -->
										<u-checkbox
											@change="event=>checkboxChange(event,totalitem.id,totalitem.cnName, totalindex)"
											v-model="totalitem.checked" active-color="rgb(250, 53, 52)"></u-checkbox>
										<!-- logo -->
										<image :src="totalitem.logo"></image>
										<!-- 名称 -->
										<view class="companyName">{{totalitem.namesimple}}</view>
									</view>
									<!-- 价格 -->
									<text v-show="totalitem.quoteCode==200"
										class="sum">￥{{totalitem.result.sumPermium}}</text>
									<text
										v-show="(totalitem.quoteCode != '200') && (totalitem.quoteCode != '0') && (totalitem.quoteCode != '1')"
										class="sum" style="color: #999;font-size: 12px;"
										@click="ErrorMsg(totalitem.msg,totalitem.namesimple)">报价失败，请点击查看</text>
								</view>
								<view v-show="totalitem.quoteCode==200" class="dis Premium f-wrap"
									style="font-size: 12px;color: #ee7000;">
									<text v-if="totalitem.result.jqPremium">交强险：￥{{totalitem.result.jqPremium}}</text>
									<text v-if="totalitem.result.syPremium"
										style="margin: 0 5px;">商业险：￥{{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 v-show="totalitem.quoteCode==200" class="dis Premium  f-wrap"
									style="font-size: 12px;color: #6495ed;border-top: 1px solid #f2f2f2;">

									<text
										v-if="totalitem.result.jqPremium">交强险：{{totalitem.result.startDateJq}}~{{totalitem.result.endDateJq}}

									</text>
									<u-icon style="color:#ee7000;font-size: 16px;" name="clock"
										@click="syncData(totalitem.result)"></u-icon>
									<text
										v-if="totalitem.result.startDateSy">商业险：{{totalitem.result.startDateSy}}~{{totalitem.result.endDateSy}}

									</text>
									<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.accidentInfoStr">出险信息：{{ totalitem.result.accidentInfoStr ?
				  totalitem.result.accidentInfoStr : '无' }}</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.TossRation">总赔付率：{{ totalitem.result.TossRation ?
				  totalitem.result.TossRation : '无' }}</text>
									<text v-if="totalitem.result.jgLossRation">交强赔付率：{{ totalitem.result.jgLossRation ?
				  totalitem.result.jgLossRation : '无' }}</text>
									<text v-if="totalitem.result.syLossRation">商业赔付率：{{ totalitem.result.syLossRation ?
				  totalitem.result.syLossRation : '无' }}</text>
								</view>
								<text v-if="totalitem.result.tips && totalitem.namesimple == '众安财险'"
									style="color: red;">{{ totalitem.result.tips}}</text>
								<template v-if="totalitem.result.iszdj !=null && totalitem.result.iszdj!=''">
									<text v-if="totalitem.result.iszdj==0" style="color: red;">假单交</text>
									<text v-else="totalitem.result.iszdj==1" style="color: red;">真单交</text>
								</template>
								<view class="dis  j-s f-c" v-if="totalitem.checked">
									<view class="dis  j-s a-c">
										<u-form-item label="报价协议选择" :prop="totalitem.agreementId" label-width="200"
											:border-bottom='false' style="padding: 0;">
											<u-input type="select" :select-open="totalitem.selectShow"
												v-model="totalitem.agreementName" placeholder="请选择协议"
												@click="totalitem.selectShow = true"></u-input>
											<u-select mode="single-column" :list="totalitem.agreement" value-name="id"
												label-name="agreementName" v-model="totalitem.selectShow"
												@confirm="val=>selectConfirm(val,totalindex)"></u-select>
										</u-form-item>
										<u-button v-if="totalitem.namesimple == '紫金财险'" size="mini " type="warning"
											:hair-line="false" @click="zijinPopupshow=true"
											style="margin-left: 10px;">意外险选择</u-button>
										<u-button v-if="totalitem.namesimple == '国任财险'" size="mini " type="warning"
											:hair-line="false" @click="guoRencontributing(totalitem.agreementId)"
											style="margin-left: 10px;">特约选择</u-button>
									</view>
									<text
										style="color: #ff9000;font-weight: bold;">{{totalitem.underwritingDescription}}</text>
								</view>
								<template
									v-if="totalitem.namesimple == '中国人寿' && totalitem.checked && totalitem.agreementId && renshouaccidentalDrivingVo.id">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
												@change="checkboxChangeInfo($event,totalindex)"
												active-color="rgb(255, 170, 0)"></u-checkbox>
											<view class=" dis a-c j-s " @click="renshouPopupshow=true">
												<text
													style="font-size: 14px;">{{renshouaccidentalDrivingVo.productName}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<view class=" dis j-s a-c">
											<view class="">
												<text style="font-size: 14px;">保费：</text>
												<text
													style="font-size: 14px;color: #ee7000;">￥{{renshouaccidentalDrivingVo.totalPremium*renshouaccidentalDrivingVo.quantity}}.00起</text>
											</view>
											<view class="">
												<text style="font-size: 14px;">份数：</text>
												<u-number-box v-model="renshouaccidentalDrivingVo.quantity" :min="1"
													:max="1" :disabled-input="true" :input-width="70" :input-height="44"
													size="26"></u-number-box>
											</view>


										</view>
									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '紫金财险' && totalitem.checked && totalitem.agreementId ">
									<text style="font-weight: bold;font-size: 12px;"
										v-if="zijinaccidentalDrivingVo.length>0">意外险信息</text>
									<view class="accident-style dis f-c "
										v-for="(item,index) in zijinaccidentalDrivingVo" :key="index">
										<view class=" accident-ins dis a-c j-s">

											<view class=" dis a-c j-s ">
												<text style="font-size: 14px;">{{item.projectName}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<view class=" dis j-s a-c">
											<view class="">
												<text style="font-size: 14px;">保费：</text>
												<text
													style="font-size: 14px;color: #ee7000;">￥{{item.sumPremium*item.quantity}}.00</text>
											</view>
											<view class="">
												<text style="font-size: 14px;">份数：</text>
												<u-number-box v-model="item.quantity" :min="1" :max="item.maxQuantity"
													:disabled-input="item.maxQuantity==1?true :false" :input-width="70"
													:input-height="44" size="26"></u-number-box>
											</view>
										</view>
									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '恒邦财险' && totalitem.checked && totalitem.agreementId && hengbangaccidentalDrivingVo.programcode">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
												@change="checkboxChangeInfo($event,totalindex)"
												active-color="rgb(255, 170, 0)"></u-checkbox>
											<view class=" dis a-c j-s " @click="hengbangPopupshow=true">
												<text
													style="font-size: 14px;">{{hengbangaccidentalDrivingVo.programname}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<view class=" dis j-s a-c">
											<view class="">
												<text style="font-size: 14px;">保费：</text>
												<text
													style="font-size: 14px;color: #ee7000;">￥{{hengbangaccidentalDrivingVo.sumgrosspremium*hengbangaccidentalDrivingVo.quantity}}.00</text>
											</view>
											<view class="">
												<text style="font-size: 14px;">份数：</text>
												<u-number-box v-model="hengbangaccidentalDrivingVo.quantity" :min="1"
													:max="1" :disabled-input="true" :input-width="70" :input-height="44"
													size="26"></u-number-box>
											</view>

										</view>
									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '太平财险' && totalitem.checked && totalitem.agreementId && taipingaccidentalDrivingVo.id">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
												@change="checkboxChangeInfo($event,totalindex)"
												active-color="rgb(255, 170, 0)"></u-checkbox>
											<view class=" dis a-c j-s " @click="taipingPopupshow=true">
												<text
													style="font-size: 14px;">{{taipingaccidentalDrivingVo.rationName}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<view class=" dis j-s a-c">
											<view class="">
												<text style="font-size: 14px;">保费：</text>
												<text
													style="font-size: 14px;color: #ee7000;">￥{{taipingaccidentalDrivingVo.price*taipingaccidentalDrivingVo.quantity}}.00</text>
											</view>
											<view class="">
												<text style="font-size: 14px;">份数：</text>
												<u-number-box v-model="taipingaccidentalDrivingVo.quantity" :min="1"
													:max="taipingaccidentalDrivingVo.maxQuantity" :disabled-input="true"
													:input-width="70" :input-height="44" size="26"></u-number-box>
											</view>

										</view>
									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '众安财险' && totalitem.checked && totalitem.agreementId && zhonganaccidentalDrivingVo.combination">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
												@change="checkboxChangeInfo($event,totalindex)"
												active-color="rgb(255, 170, 0)"></u-checkbox>
											<view class=" dis a-c j-s " @click="zhonganPopupshow=true">
												<text
													style="font-size: 14px;">{{zhonganaccidentalDrivingVo.name}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<view class=" dis j-s a-c">
											<text style="font-size: 14px;">份数：</text>
											<u-number-box v-model="zhonganaccidentalDrivingVo.quantity" :min="1"
												:max="1" :disabled-input="true" :input-width="70" :input-height="44"
												size="26"></u-number-box>
										</view>
									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '永诚财险' && totalitem.checked && totalitem.agreementId && yongchengaccidentalDrivingVo.rideRiskCode">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
												@change="checkboxChangeInfo($event,totalindex)"
												active-color="rgb(255, 170, 0)"></u-checkbox>
											<view class=" dis a-c j-s " @click="yongchengPopupshow=true">
												<text
													style="font-size: 14px;">{{yongchengaccidentalDrivingVo.rideRiskName}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<view class=" dis j-s a-c">
											<view class="">
												<text style="font-size: 14px;">保费：</text>
												<text
													style="font-size: 14px;color: #ee7000;">￥{{yongchengaccidentalDrivingVo.premium*yongchengaccidentalDrivingVo.quantity}}</text>
											</view>
											<view class="">
												<text style="font-size: 14px;">份数：</text>
												<u-number-box v-model="yongchengaccidentalDrivingVo.quantity" :min="1"
													:max="100" :input-width="70" :input-height="44"
													size="26"></u-number-box>
											</view>
										</view>
									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '安盛天平' && totalitem.checked && totalitem.agreementId && anshengaccidentalDrivingVo.planCode">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<text style="font-size: 14px;">分类</text>
											<view class=" dis a-c j-s " @click="anshengPopupshow=true">
												<text
													style="font-size: 14px;">{{anshengaccidentalDrivingVo.planCode}}{{anshengaccidentalDrivingVo.planChineseName}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<template v-if="anshengInsuranceData.length>0">
											<view class=" accident-ins dis a-c j-s">
												<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
													@change="checkboxChangeInfo($event,totalindex)"
													active-color="rgb(255, 170, 0)"></u-checkbox>
												<view class=" dis a-c j-s " @click="anshengPopupshow1=true">
													<text
														style="font-size: 14px;">{{anshengaccidentalDrivingVo.productCode}}{{anshengaccidentalDrivingVo.productName}}</text>
													<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
												</view>
											</view>
											<view class=" dis j-s a-c">
												<text style="font-size: 14px;">份数：</text>
												<u-number-box v-model="anshengaccidentalDrivingVo.quantity" :min="1"
													:max="1" :disabled-input="true" :input-width="70" :input-height="44"
													size="26"></u-number-box>
											</view>
										</template>

									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '国任财险' && totalitem.checked && totalitem.agreementId && guorenaccidentalDrivingVo.goodsCode">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<text style="font-size: 14px;">分类</text>
											<view class=" dis a-c j-s " @click="guorenPopupshow=true">
												<text
													style="font-size: 14px;">{{guorenaccidentalDrivingVo.goodDesc}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<template v-if="guorenInsuranceData.length>0">
											<view class=" accident-ins dis a-c j-s">
												<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
													@change="checkboxChangeInfo($event,totalindex)"
													active-color="rgb(255, 170, 0)"></u-checkbox>
												<view class=" dis a-c j-s " @click="guorenPopupshow1=true">
													<text
														style="font-size: 14px;">{{guorenaccidentalDrivingVo.prodCName}}</text>
													<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
												</view>
											</view>
											<view class=" dis j-s a-c">
												<view class="">
													<text style="font-size: 14px;">保费：</text>
													<text
														style="font-size: 14px;color: #ee7000;">￥{{guorenaccidentalDrivingVo.premium*guorenaccidentalDrivingVo.quantity}}.00</text>
												</view>
												<view class="">
													<text style="font-size: 14px;">份数：</text>
													<u-number-box v-model="guorenaccidentalDrivingVo.quantity" :min="1"
														:max="Number( guorenaccidentalDrivingVo.policyNum)"
														:input-width="70" :input-height="44" size="26"></u-number-box>
												</view>
											</view>
										</template>

									</view>
								</template>
								<template
									v-if="totalitem.namesimple == '大家财险' && totalitem.checked && totalitem.agreementId && dajiaaccidentalDrivingVo.rideRiskCode">
									<view class="accident-style dis f-c ">
										<text style="font-weight: bold;font-size: 12px;">意外险信息</text>
										<view class=" accident-ins dis a-c j-s">
											<u-checkbox shape="circle" size="30" v-model="totalitem.jychecked"
												@change="checkboxChangeInfo($event,totalindex)"
												active-color="rgb(255, 170, 0)"></u-checkbox>
											<view class=" dis a-c j-s " @click="dajiaPopupshow=true">
												<text
													style="font-size: 14px;">{{dajiaaccidentalDrivingVo.rideRiskName}}</text>
												<u-icon name="arrow-right" style="color: #999;" size="24"></u-icon>
											</view>
										</view>
										<view class=" dis j-s a-c">
											<view class="">
												<text style="font-size: 14px;">保费：</text>
												<text
													style="font-size: 14px;color: #ee7000;">￥{{dajiaaccidentalDrivingVo.price*dajiaaccidentalDrivingVo.quantity}}.00</text>
											</view>
											<view class="">
												<text style="font-size: 14px;">份数：</text>
												<u-number-box v-model="dajiaaccidentalDrivingVo.quantity" :min="1"
													:max="1" :disabled-input="true" :input-width="70" :input-height="44"
													size="26"></u-number-box>
											</view>

										</view>
									</view>
								</template>
								<view v-if="totalitem.namesimple == '国任财险' && guoRenSpecialAgreementVo.length>0">
									<text style="font-weight: bold;font-size: 12px;">特别约定</text>
									<view class="contributing dis f-c"
										v-for="(guoRenitem,guoRenindex) in guoRenSpecialAgreementVo" :key="guoRenindex">
										<text>{{guoRenitem.clauses}}</text>
										<text>{{guoRenitem.clausesContext}}</text>
									</view>
								</view>
								<view v-show="totalitem.quoteCode==200" class="dis j-end"
									style="border-top: 1px solid #f2f2f2;padding: 10px 0;">
									<u-button v-if="totalitem.lastYearMsg" size="mini " type="warning"
										:hair-line="false" @click="YearMsg(totalitem.lastYearMsg,totalitem.namesimple)"
										style="margin-left: 10px;">上年信息</u-button>
									<u-button size="mini " type="warning" :hair-line="false"
										@click="bjdpreview(totalitem.result.companyId)"
										style="margin-left: 10px;">报价单</u-button>
									<u-button size="mini" style="background-color: #ea552d;margin-left: 10px;"
										type="error" :hair-line="false" :disabled="totalitem.result.tips"
										@click="querydetial(totalitem.result.companyId)">查看详情</u-button>
								</view>
							</view>
						</view>
					</template>
				</block>
			</view>
		</view>
		<wyb-popup ref="lastYearMsgCI" type="center" mode="size-fixed" height="900" radius="6" :showCloseIcon="true">

			<view class="popupBody">
				<view class="popHeader d-flex a-center j-center">
					投保方案建议
				</view>
				<scroll-view scroll-top="0" scroll-y="true" class="popupScroll">

				</scroll-view>
				<view class="popBottom d-flex a-center j-center main-text-color" @tap="adjustPopupInsureSubmit">我知道了
				</view>
			</view>
		</wyb-popup>
		<!-- 人寿驾意险弹框 -->
		<u-popup v-model="renshouPopupshow" mode="center" width="70%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;" @change="RSradioChange"
						v-for="(item, index) in renshouInsuranceData" :key="index" :name="item.id">
						{{item.productName}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<!-- 恒邦驾意险弹框 -->
		<u-popup v-model="hengbangPopupshow" mode="center" width="80%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="HBradioChange"
						v-for="(item, index) in hengbangInsuranceData" :key="index" :name="item.programcode">
						{{item.programname}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<!-- 众安驾意险弹框 -->
		<u-popup v-model="zhonganPopupshow" mode="center" width="50%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="ZAradioChange"
						v-for="(item, index) in zhonganInsuranceData" :key="index" :name="item.combination">
						{{item.name}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<u-popup v-model="yongchengPopupshow" mode="center" width="50%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="YCradioChange"
						v-for="(item, index) in yongchengInsuranceData" :key="index" :name="item.id">
						{{item.name}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<!-- 安盛驾意险弹框 -->
		<u-popup v-model="anshengPopupshow" mode="center" width="90%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="ASprogrammeradioChange"
						v-for="(item, index) in anshengprogrammeData" :key="index" :name="item.planCode">
						{{item.planCode}}{{item.planChineseName}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<u-popup v-model="anshengPopupshow1" mode="center" width="90%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="ASInsuranceradioChange"
						v-for="(item, index) in anshengInsuranceData" :key="index" :name="item.productCode">
						{{item.productCode}}{{item.productName}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<!-- 紫金驾意险弹框 -->
		<u-modal v-model="zijinPopupshow" title="意外险" :scroll-height="{height: '300px'}">
			<view class="slot-content">
				<u-checkbox-group @change="ZJcheckboxGroupChange">
					<u-checkbox style="margin: 8px 0;flex: auto;" class="ZJcheckboxGroup" v-model="item.checked"
						active-color="rgb(255, 153, 0)" v-for="(item, index) in zijinInsuranceData" :key="index"
						:name="item.projectCode">{{item.projectName}}</u-checkbox>
				</u-checkbox-group>
			</view>
		</u-modal>
		<!-- 国任驾意险弹框 -->
		<u-popup v-model="guorenPopupshow" mode="center" width="70%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="GRprogrammeradioChange"
						v-for="(item, index) in guorenprogrammeData" :key="index" :name="item.goodId">
						{{item.goodDesc}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<u-popup v-model="guorenPopupshow1" mode="center" width="70%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="GRInsuranceradioChange"
						v-for="(item, index) in guorenInsuranceData" :key="index" :name="item.prodCode">
						{{item.prodCName}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<!-- 国任特约弹框 -->
		<u-modal v-model="guoRencontributingshow" title="国任特约选择" :title-style="{fontWeight: 'bold'}"
			:scroll-height="{height: '300px'}">
			<view class="slot-content">
				<u-checkbox-group @change="guoRencontributingChange" style="display: contents;">
					<u-checkbox v-model="item.checked" active-color="rgb(255, 153, 0)"
						v-for="(item, index) in guoRenSpecialAgreementData" :key="index"
						:name="item.clauseCode">{{item.clauseCode}}{{item.clauses}}</u-checkbox>
				</u-checkbox-group>
			</view>
		</u-modal>
		<!-- 大家驾意险弹框 -->
		<u-popup v-model="dajiaPopupshow" mode="center" width="80%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="DJradioChange"
						v-for="(item, index) in dajiaInsuranceData" :key="index" :name="item.id">
						{{item.productName}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<!-- 太平驾意险弹框 -->
		<u-popup v-model="taipingPopupshow" mode="center" width="80%" border-radius="10">
			<view class="popContent dis f-c a-c">
				<u-radio-group size="30" active-color="rgb(255, 170, 0)">
					<u-radio style="margin: 4px 0;flex: auto;" @change="TPradioChange"
						v-for="(item, index) in taipingInsuranceData" :key="index" :name="item.id">
						{{item.rationName}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-popup>
		<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>
		<view class="infoBottom d-flex a-center j-center j-sb">
			<button type="default" class="d-flex a-center j-center" @tap="toNext">保费计算</button>
		</view>
	</view>
</template>
<script>
	import {
		mapState
	} from "vuex"
	import {
		delEmptyQueryNodes
	} from '@/plugins/utils';
	import wybPopup from '@/components/common/wyb-popup/wyb-popup.vue'
	import lsLoading from '@/components/common/ls-loading/ls-loading.vue';
	export default {
		components: {
			wybPopup,
			lsLoading
		},
		computed: {
			...mapState(['userInfo']),
			getHeight() {
				let height = uni.getSystemInfoSync().windowHeight;
				return `minHeight: ${height}px;`;
			}
		},
		// 监听导航栏的按钮
		onNavigationBarButtonTap(e) {
			if (e.index == 0) {
				this.navigate({
					url: '/pages/index/index'
				}, "switchTab", true);
			}
		},
		data() {
			return {
				Selectchecked: false,
				params: {
					year: true, //年
					month: true, //月
					day: true, //日
					hour: true, //时
					minute: true, //分
					second: true, //秒
				},
				Generateshow: false,
				zijinPopupshow: false,
				zijinInsuranceData: [], //紫金意外险list
				zijinaccidentalDrivingVo: [], //紫金意外险
				taipingPopupshow: false,
				taipingInsuranceData: [], //太平意外险list
				taipingaccidentalDrivingVo: [], //太平意外险
				anshengPopupshow: false,
				anshengPopupshow1: false,
				anshengprogrammeData: [],
				anshengInsuranceData: [], //安盛意外险list
				anshengaccidentalDrivingVo: {}, //安盛意外险
				guorenPopupshow: false,
				guorenPopupshow1: false,
				guorenprogrammeData: [],
				guorenInsuranceData: [], //国任意外险list
				guorenaccidentalDrivingVo: {}, //国任意外险
				guoRencontributingshow: false, //国任特约
				dajiaPopupshow: false,
				dajiaInsuranceData: [], //大家意外险list
				dajiaaccidentalDrivingVo: {}, //大家意外险
				guoRenSpecialAgreementData: [],
				guoRenSpecialAgreementVo: [],
				yongchengPopupshow: false,
				yongchengInsuranceData: [], //永诚意外险list
				yongchengaccidentalDrivingVo: {}, //永诚意外险
				zhonganPopupshow: false,
				zhonganInsuranceData: [], //-众安意外险list
				zhonganaccidentalDrivingVo: {}, //众安意外险
				hengbangPopupshow: false,
				hengbangInsuranceData: [], //-恒邦意外险list
				hengbangaccidentalDrivingVo: {}, //恒邦意外险
				renshouPopupshow: false,
				renshouInsuranceData: [], //-人寿意外险list
				renshouaccidentalDrivingVo: {}, //人寿意外险
				jqstartShow: false, //交强起保日期
				jqendShow: false, //交强终保日期
				systartShow: false, //商业起保日期
				syendShow: false, //商业终保日期
				content: ``,
				vehicleAndVesselTaxForm: {}, //车船税信息
				agreementList: [],
				zmDrivingForm: {}, //中煤驾意险
				zjaccidentalDrivingVo: [], //紫金驾意险
				carInfoPositiveList: [], //车辆影像
				ownerInfoPositiveList: [], //车主影像
				policyHolderInfoPositiveList: [], //投保人影像
				insuredPersonInfoPositiveList: [], //被保人影像
				orderno: "", //订单号
				show1: false, //华农
				animation: 'twinkle', //动画类型
				jqjishi: false,
				syjishi: false,
				timeArray: [],
				jqTimeIndex: 0,
				syTimeIndex: 0,
				time1: "",
				time2: "",
				carTypeList: [], //车辆品牌型号列表
				msg: "",
				quoteno: "", //报价编号
				hasKindCodeA: false, //是否含有车损险
				carInfo: {}, //车辆信息
				ownerInfo: {}, //车主信息
				policyHolderInfo: {}, //投保人信息
				insuredPersonInfo: {}, //被保人信息
				riskList: [], //险种大类信息
				kindList: [], //商业险险别
				showCarInfo: false, //控制车辆信息显示
				showInsureDate: true, //控制险种时间显示
				jqstartDate: "", //交强险日期
				jqendDate: " ", //交强险日期
				systartDate: "", //商业险日期
				syendDate: "", //商业险日期
				insureList: [{
						amount: "0",
						amountDesc: "投保",
						amtList: [{
							"label": "不投保",

							"value": "0"
						}, {
							"label": "投保",
							"value": "1"
						}],
						kindCode: "A",
						isMainRisk: true,
						kindName: "机动车损失险",
						desc: "保险期间内，被保险人或被保险机动车驾驶人在使用被保险机动车过程中，因自然灾害、意外事故、机动车被盗窃、抢劫、抢夺等情况（详见保险条款）造成被保险机动车直接损失，且不属于免除保险人责任的范围，保险人依照本保险合同的约定负责赔偿的险种。"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "50万",
								value: "500000"
							},
							{
								label: "100万",
								value: "1000000"
							},
							{
								label: "150万",
								value: "1500000"
							},
							{
								label: "200万",
								value: "2000000"
							},
							{
								label: "250万",
								value: "2500000"
							},
							{
								label: "300万",
								value: "3000000"
							},
							{
								label: "500万",
								value: "5000000"
							},
							{
								label: "1000万",
								value: "10000000"
							}
						],
						kindCode: "B",
						isMainRisk: true,
						kindName: "第三者责任险",
						desc: "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使第三者遭受人身伤亡或财产直接损毁，依法应当对第三者承担的损害赔偿责任，且不属于免除保险人责任的范围，保险人依照本保险合同的约定，对于超过机动车交通事故责任强制保险各分项赔偿限额的部分负责赔偿的险种。"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "3万",
								value: "30000"
							},
							{
								label: "4万",
								value: "40000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "6万",
								value: "60000"
							},
							{
								label: "7万",
								value: "70000"
							},
							{
								label: "8万",
								value: "80000"
							},
							{
								label: "9万",
								value: "90000"
							},
							{
								label: "10万",
								value: "100000"
							},
							{
								label: "15万",
								value: "150000"
							},
							{
								label: "20万",
								value: "200000"
							},
							{
								label: "25万",
								value: "250000"
							},
							{
								label: "30万",
								value: "300000"
							},
							{
								label: "35万",
								value: "350000"
							},
							{
								label: "40万",
								value: "400000"
							},
							{
								label: "45万",
								value: "450000"
							},
							{
								label: "50万",
								value: "500000"
							},

						],
						kindCode: "D3",
						isMainRisk: true,
						kindName: "司机责任险",
						desc: "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使车上人员遭受人身伤亡，且不属于免除保险人责任的范围，依法应当对车上人员承担的损害赔偿责任，保险人依照本保险合同的约定负责赔偿的险种。"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
							"label": "不投保",
							"value": "0"
						}, {
							"label": "1万",
							"value": "10000"
						}, {
							"label": "2万",
							"value": "20000"
						}, {
							"label": "4万",
							"value": "40000"
						}, {
							"label": "5万",
							"value": "50000"
						}, {
							"label": "10万",
							"value": "100000"
						}, {
							"label": "15万",
							"value": "150000"
						}, {
							"label": "20万",
							"value": "200000"
						}],
						kindCode: "D4",
						isMainRisk: true,
						kindName: "乘客责任险",
						desc: "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使车上人员遭受人身伤亡，且不属于免除保险人责任的范围，依法应当对车上人员承担的损害赔偿责任，保险人依照本保险合同的约定负责赔偿的险种。"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
							"label": "不投保",
							"value": "0"
						}, {
							"label": "2000",
							"value": "2000"
						}, {
							"label": "5000",
							"value": "5000"
						}, {
							"label": "1万",
							"value": "10000"
						}],
						desc: "保险期间内，被保险机动车在被保险人或被保险机动车驾驶人使用过程中，发生无明显碰撞痕迹的车身划痕损失，保险人按照保险合同约定负责赔偿的险种",
						isMainRisk: true,
						kindCode: "L",
						kindName: "车身划痕险",
						mainRiskCodeList: "A"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
							"label": "不投保",
							"value": "0"
						}, {
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						desc: "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
						isMainRisk: true,
						kindCode: "MJ1",
						kindName: "绝对免赔率特约险（车损）",
						mainRiskCodeList: "A"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
							"label": "不投保",
							"value": "0"
						}, {
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						desc: "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
						isMainRisk: true,
						kindCode: "MJ2",
						kindName: "绝对免赔率特约险（三者）",
						mainRiskCodeList: "B"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
							"label": "不投保",
							"value": "0"
						}, {
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						desc: "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
						isMainRisk: true,
						kindCode: "MJ3",
						kindName: "绝对免赔率特约险（司机）",
						mainRiskCodeList: "D3"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
							"label": "不投保",
							"value": "0"
						}, {
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						desc: "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
						isMainRisk: true,
						kindCode: "MJ4",
						kindName: "绝对免赔率特约险（乘客）",
						mainRiskCodeList: "D4"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: 0,
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "4万",
								value: "40000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "8万",
								value: "80000"
							},
							{
								label: "10万",
								value: "100000"
							},
							{
								label: "20万",
								value: "200000"
							},
							{
								label: "30万",
								value: "300000"
							},
							{
								label: "50万",
								value: "500000"
							},
							{
								label: "100万",
								value: "1000000"
							},
							{
								label: "200万",
								value: "2000000"
							},
							{
								label: "300万",
								value: "3000000"
							},
						],
						kindCode: "SY_FJ_YBW1",
						isMainRisk: true,
						kindName: "附加医保-三者",
						desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: 0,
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "10万",
								value: "100000"
							}
						],
						kindCode: "SY_FJ_YBW2",
						isMainRisk: true,
						kindName: "附加医保-座位险(乘客)",
						desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: 0,
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "10万",
								value: "100000"
							}
						],
						kindCode: "SY_FJ_YBW3",
						isMainRisk: true,
						kindName: "附加医保-座位险(司机)",
						desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: 0,
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "2次",
								value: "2"
							},
							{
								label: "7次",
								value: "7"
							},
							{
								label: "12次",
								value: "12"
							},
							{
								label: "17次",
								value: "17"
							},
							{
								label: "22次",
								value: "22"
							},
						],
						kindCode: "TY1",
						isMainRisk: true,
						kindName: "道路救援服务特约条款",
						desc: "道路救援服务特约条款是指在保险期内，被保险机动车在使用过程中发生故障而丧失行驶能力时，保险人根据被保险人的请求，向被保险人提供道路救援服务。"
					},
					{
						amount: 0,
						amountDesc: "不投保",
						kindCode: "TY2",
						isMainRisk: true,
						kindName: "车辆安全检测特约条款",
						desc: "安全检测特约条款是指保险期间内，为保障车辆安全运行，保险人或其受托人根据被保险人请求，为被保险机动车提供车辆安全检测服务。"
					},
					{
						amount: 0,
						amountDesc: "不投保",
						kindCode: "TY3",
						isMainRisk: true,
						kindName: "代为驾驶服务特约条款",
						desc: "代为驾驶特约条款是指保险期间内，在被保险人或其允许的驾驶人因饮酒、服用药物等原因无法驾驶或存在重大安全驾驶隐患时，提供单程30公里以内的短途代驾服务。"
					},
					{
						amount: 0,
						amountDesc: "不投保",
						kindCode: "TY4",
						isMainRisk: true,
						kindName: "代为送检服务特约条款",
						desc: "代为送检特约条款是指保险期间内，由保险人或其受托人代替车辆所有人进行车辆送检。"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "50万",
								value: "500000"
							},
							{
								label: "100万",
								value: "1000000"
							},
							{
								label: "150万",
								value: "1500000"
							},
							{
								label: "200万",
								value: "2000000"
							},
							{
								label: "250万",
								value: "2500000"
							},
							{
								label: "300万",
								value: "3000000"
							},
							{
								label: "500万",
								value: "5000000"
							},
							{
								label: "1000万",
								value: "10000000"
							}
						],
						desc: "保险期间内，被保险人或其允许的驾驶人在法定节假日期间使用被保险机动车发生机动车第三者责任保险范围内的事故，并经公安部门或保险人查勘确认的，被保险机动车第三者责任保险所适用的责任限额在保险单载明的基础上增加一倍的险种",
						isMainRisk: true,
						kindCode: "BD",
						kindName: "法定节假日限额翻倍险",
						mainRiskCodeList: "B"
					}

				],
				accidentForm: {
					fen: "1"
				}, //意外险内容
				//永诚转保确认码
				cqryCdeJq: "",
				cqryCdeSy: "",
				renewalCodeJq: "", //交强确认码
				renewalCodeSy: "", //商业确认码
				//-----------------
				totalCompanyList: [], //保险公司列表
				insAreaCompanyEditingDtos: [],
				notStartedQuote: true, //未开始报价(true表示未开始报价，false表示已经报价结束)
				quoteCompanyCount: 0,
			}
		},
		async onLoad(params) {
			if (params.orderno) {
				let res = await this.$http.post('/insurance/order/revise', {
					orderNo: params.orderno
				});
				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.kindList = res.data.king; //商业险险别
				this.vehicleAndVesselTaxForm = res.data.vehicleAndVesselTax; //车船税信息
				this.orderno = res.data.orderno;
				this.quoteno = res.data.quoteno;
				this.imageEcho(res.data.quoteno) // 影像获取完毕
				this.insAreaCompanyEditingDtos = res.data.insAreaCompanyEditingDtos;
				if (this.riskList.length > 0) {
					for (let i = 0; i < this.riskList.length; i++) {
						if (this.riskList[i].riskCode == '0507') {
							this.jqstartDate = this.riskList[i].startDate;
							this.jqendDate = this.riskList[i].endDate;
						}
						if (this.riskList[i].riskCode == '0510') {
							this.systartDate = this.riskList[i].startDate;
							this.syendDate = this.riskList[i].endDate;
							this.kindList.map(ele1 => {
								this.insureList.map(ele2 => {
									if (ele2.kindCode == ele1.kindCode) {
										switch (ele1.kindCode) {
											case 'D4':
											case 'SY_FJ_YBW2':
												ele2.amount = ele1.unitAmount;
												break;
											case "MJ1":
											case "MJ2":
											case "MJ3":
											case "MJ4":
												ele2.amount = ele1.deductibleRate;
												break;
											case "TY1":
											case "TY2":
											case "TY3":
											case "TY4":
												ele2.amount = ele1.serviceTimes;
												ele2.amountDesc = ele1.serviceTimes +
													'次'
												break;
											default:
												ele2.amount = ele1.amount;
										}
									}
								})
							})

						}
					}
				}
			} else {
				const eventChannel = this.getOpenerEventChannel()
				// 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
				eventChannel.on('acceptData', async (data) => {
					console.log(data)
					this.carInfo = data.carInfo; //车辆信息
					this.ownerInfo = data.ownerInfo; //车主信息
					this.policyHolderInfo = data.policyHolderInfo; //投保人信息
					this.insuredPersonInfo = data.insuredPersonInfo; //被保人信息
					this.riskList = data.riskList; //险种大类
					this.kindList = data.kindList; //商业险险别
					this.vehicleAndVesselTaxForm = data.vehicleAndVesselTaxForm; //车船税信息
					this.carInfoPositiveList = data.carInfoPositiveList; //车辆
					this.ownerInfoPositiveList = data.ownerInfoPositiveList; //车主
					this.policyHolderInfoPositiveList = data.policyHolderInfoPositiveList; //投保
					this.insuredPersonInfoPositiveList = data.insuredPersonInfoPositiveList; //被保人
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0507') {
								this.jqstartDate = this.riskList[i].startDate;
								this.jqendDate = this.riskList[i].endDate;
							}
							if (this.riskList[i].riskCode == '0510') {
								this.systartDate = this.riskList[i].startDate;
								this.syendDate = this.riskList[i].endDate;
								this.kindList.map(ele1 => {
									this.insureList.map(ele2 => {
										if (ele2.kindCode == ele1.kindCode) {
											switch (ele1.kindCode) {
												case 'D4':
												case 'SY_FJ_YBW2':
													ele2.amount = ele1.unitAmount;
													break;
												case "MJ1":
												case "MJ2":
												case "MJ3":
												case "MJ4":
													ele2.amount = ele1.deductibleRate;
													break;
												case "TY1":
												case "TY2":
												case "TY3":
												case "TY4":
													ele2.amount = ele1.serviceTimes;
													ele2.amountDesc = ele1.serviceTimes +
														'次'
													break;
												default:
													ele2.amount = ele1.amount;
											}
										}
									})
								})

							}
						}
					}
				})
			}
			const storage = uni.getStorageSync('historyInfo');
			if (storage) {
				Object.keys(storage).forEach(key => {
					this[key] = storage[key]
				})
			} else {
				this.commpanyList();

			}

		},
		onHide() {
			let historyInfo = {
				quoteno: this.quoteno,
				orderno: this.orderno,
				totalCompanyList: this.totalCompanyList,
				zijinInsuranceData: this.zijinInsuranceData, //紫金意外险list
				zijinaccidentalDrivingVo: this.zijinaccidentalDrivingVo, //紫金意外险
				anshengprogrammeData: this.anshengprogrammeData,
				anshengInsuranceData: this.anshengInsuranceData, //安盛意外险list
				anshengaccidentalDrivingVo: this.anshengaccidentalDrivingVo, //安盛意外险
				yongchengInsuranceData: this.yongchengInsuranceData, //永诚意外险list
				yongchengaccidentalDrivingVo: this.yongchengaccidentalDrivingVo, //永诚意外险
				zhonganInsuranceData: this.zhonganInsuranceData, //-众安意外险list
				zhonganaccidentalDrivingVo: this.zhonganaccidentalDrivingVo, //众安意外险
				hengbangInsuranceData: this.hengbangInsuranceData, //-恒邦意外险list
				hengbangaccidentalDrivingVo: this.hengbangaccidentalDrivingVo, //恒邦意外险
				renshouInsuranceData: this.renshouInsuranceData, //-人寿意外险list
				renshouaccidentalDrivingVo: this.renshouaccidentalDrivingVo, //人寿意外险
			}
			let res = delEmptyQueryNodes(historyInfo);
			uni.setStorageSync('historyInfo', res);
		},
		methods: {
			SelectAll(e) {
				this.totalCompanyList.map((ele, index) => {
					e.value ? ele.checked = true : ele.checked = false;
					this.checkboxChange(e, ele.id, ele.cnName, index)

				})
			},
			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;
			},
			//影像查询
			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;
							}
						}
					});
				}
			},
			//查看详情
			querydetial(id) {
				this.navigate({
						url: "/pages/carInsure1/quoteDetail1?companyId=" + id
					},
					"navigateTo", true);
			},
			//报价单
			bjdpreview(id) {
				uni.navigateTo({
					url: "/pages/orders/quotation?companyId=" + id
				})
			},
			//选择协议
			selectConfirm(e, index) {
				this.totalCompanyList[index].agreementId = e[0].value;
				this.totalCompanyList[index].agreementName = e[0].label;
				this.totalCompanyList[index].apiType = e[0].extra;
			},
			//国任特约
			async guoRencontributing(id) {
				let guoRen = await this.$http.post('/api/guoRen/queryClauseData', {
					agreementId: id,
				})
				if (guoRen.code == '200') {
					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,
					})
				})
			},
			/**
			 * 选择保险公司方法
			 * @param {String} event  change选中事件
			 * @param {String} code 保险公司ID
			 * @param {String} name 保险公司主体全拼
			 * @param {String} index 选中下标
			 */
			async checkboxChange(event, code, name, index) {
				if (event.value) {
					let ins = this.totalCompanyList[index].namesimple;
					this.totalCompanyList[index].checked = event.value;
					let list = this.totalCompanyList[index].agreement;
					// let arr = this.totalCompanyList[index].agreement;
					// let list = [];
					// list = arr.filter(item => {
					// 	return item.licenseNo.length > 0 ? item.licenseNo.includes(this.carInfo.licenseNo.slice(0,2)) : "true"
					// })
					list.map(ele => {
						ele.extra = ele.apiType;
						return ele;
					})
					this.totalCompanyList[index].agreement = list;
					this.totalCompanyList[index].agreementId = this.totalCompanyList[index].agreement[0].id;
					this.totalCompanyList[index].agreementName = this.totalCompanyList[index].agreement[0]
						.agreementName;
					this.totalCompanyList[index].apiType = this.totalCompanyList[index].agreement[0].extra;
					this.totalCompanyList[index].underwritingDescription = this.totalCompanyList[index].agreement[0]
						.underwritingDescription;
					switch (ins) {
						case '永诚财险':
							let yccallback = await this.$http.post('/api/yongCheng/gainAccidentList', {
								agreementId: this.totalCompanyList[index].agreement[0].id,
								companyCode: code,
								seatNum: Number(this.carInfo.seatCount)
							});
							if (yccallback.code == '200') {
								let yccallback1 = await this.$http.post(
									'/api/yongCheng/gainAccidentSchemeList', {
										agreementId: this.totalCompanyList[index].agreement[0].id,
										companyCode: code,
										code: yccallback.data[0].code,
										seatNum: Number(this.carInfo.seatCount)
									});
								yccallback1.data.map(val => {
									yccallback.data[0].premium += Number(val.premium)
									return val;
								})
								let data = yccallback.data;
								data.map(ele => {
									ele.quantity = 1;
									return ele;
								})
								this.yongchengInsuranceData = data;
								this.yongchengaccidentalDrivingVo = {
									rideRiskCode: data[0].code,
									rideRiskName: data[0].name,
									quantity: data[0].quantity,
									premium: data[0].premium,
								};
							}
							break;
						case '紫金财险':
							let zjcallback = await this.$http.post('/order/zijin/queryVehicleProducts', {
								agreementId: this.totalCompanyList[index].agreement[0].id,
								seatCount: Number(this.carInfo.seatCount)
							});
							if (zjcallback.code == '200') {
								let data = zjcallback.data;
								data.map(ele => {
									ele.quantity = 1;
									return ele;
								})
								this.zijinInsuranceData = data;

							}
							break;
						case '安盛天平':
							let ascallback = await this.$http.post('/insurance/crawler/getDrivingInsurance', {
								agreementId: this.totalCompanyList[index].agreement[0].id
							});
							if (ascallback.code == '200') {
								let data = ascallback.data;
								data.map(ele => {
									ele.departmentProductList.map(val => {
										val.quantity = 1;
									})
									return ele;
								})
								this.anshengprogrammeData = data;
								this.anshengInsuranceData = data[0].departmentProductList;
								this.anshengaccidentalDrivingVo = {
									personFlag: data[0].personFlag,
									planChineseName: data[0].planChineseName,
									planCode: data[0].planCode,
									planSeries: data[0].planSeries,
									productCode: data[0].departmentProductList[0].productCode,
									productName: data[0].departmentProductList[0].productName,
									quantity: data[0].departmentProductList[0].quantity
								}
							}
							break;
						case '国任财险':
							let grcallback = await this.$http.post('/api/guoRen/syncNonAutoIns', {
								agreementId: this.totalCompanyList[index].agreement[0].id
							});
							if (grcallback.code == '200') {
								let data = grcallback.data;
								this.guorenprogrammeData = data;
								let grcallback1 = await this.$http.post('/api/guoRen/syncNonAutoIns', {
									goodsCode: grcallback.data[0].goodId
								});
								this.guorenInsuranceData = grcallback1.data;
								this.guorenaccidentalDrivingVo = {
									goodsCode: data[0].goodId, //驾意险商品号
									prodCode: grcallback1.data[0].prodCode, //产品code
									riskCode: grcallback1.data[0].riskCode, //险种code
									premium: grcallback1.data[0].premium, //保费
									amount: grcallback1.data[0].amount, //保额
									quantity: 1, //份数
									goodDesc: data[0].goodDesc, //驾意险商品名称
									prodCName: grcallback1.data[0].prodCName, //产品名称
									policyNum: Number(grcallback1.data[0].policyNum), //最大份数
								}
							}
							break;
						case '大家财险':
							let djcallback = await this.$http.post('/api/dajia/accidentalDrivingList', {
								agreementId: this.totalCompanyList[index].agreement[0].id
							});
							if (djcallback.code == '200') {
								let data = djcallback.data;
								data.map(ele => {
									ele.quantity = 1;
									return ele;
								})
								this.dajiaInsuranceData = data;
								this.dajiaaccidentalDrivingVo = {
									rideRiskCode: data[0].id,
									rideRiskName: data[0].productName,
									quantity: data[0].quantity,
									price: data[0].price,
								};
							}
							break;
						case '中国人寿':
						case '恒邦财险':
						case '众安财险':
						case '太平财险':
							let Insurancecallback = await this.$http.post(
								'/insurance/crawler/getDrivingInsurance', {
									agreementId: this.totalCompanyList[index].agreement[0].id
								});
							if (Insurancecallback.code == 200) {
								let data = Insurancecallback.data;
								data.map(ele => {
									ele.quantity = 1;
									return ele;
								})
								this[name + "InsuranceData"] = data;
								this[name + 'accidentalDrivingVo'] = data[0];
							}
							break;
						default:
							break;
					}
				} else {}
			},
			//驾意险勾选框
			checkboxChangeInfo(event, index) {
				this.totalCompanyList[index].jychecked = event.value;
			},

			//人寿意外险
			RSradioChange(id) {
				this.renshouaccidentalDrivingVo = this.renshouInsuranceData.find(val => val.id == id)
				this.renshouPopupshow = false;
			},
			//恒邦意外险
			HBradioChange(id) {
				this.hengbangaccidentalDrivingVo = this.hengbangInsuranceData.find(val => val.programcode ==
					id)
				this.hengbangPopupshow = false;
			},
			//众安意外险
			ZAradioChange(id) {
				this.zhonganaccidentalDrivingVo = this.zhonganInsuranceData.find(val => val.combination == id)
				this.zhonganPopupshow = false;
			},
			//大家意外险
			DJradioChange(id) {
				let info = this.dajiaInsuranceData.find(val => val.id == id)
				this.dajiaaccidentalDrivingVo = {
					rideRiskCode: info.id,
					rideRiskName: info.productName,
					quantity: info.quantity,
					price: info.price,
				};
				this.dajiaPopupshow = false;
			},
			TPradioChange(id) {
				this.taipingaccidentalDrivingVo = this.taipingInsuranceData.find(val => val.id == id)
				this.taipingPopupshow = false;
			},
			//永诚意外险
			YCradioChange(id) {
				let info = this.yongchengInsuranceData.find(val => val.id == id)
				this.yongchengaccidentalDrivingVo.rideRiskCode = info.code;
				this.yongchengaccidentalDrivingVo.rideRiskName = info.name;
				this.yongchengaccidentalDrivingVo.quantity = info.quantity;
				this.yongchengaccidentalDrivingVo.premium = info.premium;
				this.yongchengPopupshow = false;
			},
			//安盛一级选择
			ASprogrammeradioChange(id) {
				let info = this.anshengprogrammeData.find((val => val.planCode == id))
				this.anshengPopupshow = false;
				this.anshengInsuranceData = info.departmentProductList;
				let dataInfo = {
					personFlag: info.personFlag,
					planChineseName: info.planChineseName,
					planCode: info.planCode,
					planSeries: info.planSeries,
					productCode: info.departmentProductList[0].productCode,
					productName: info.departmentProductList[0].productName,
					quantity: info.departmentProductList[0].quantity
				}
				Object.assign(this.anshengaccidentalDrivingVo, dataInfo);
			},
			//安盛二级选择
			ASInsuranceradioChange(id) {
				let info = this.anshengInsuranceData.find((val => val.productCode == id))
				Object.assign(this.anshengaccidentalDrivingVo, info);
				this.anshengPopupshow1 = false;
			},
			//国任一级选择
			async GRprogrammeradioChange(id) {
				let info = this.guorenprogrammeData.find((val => val.goodId == id))
				this.guorenPopupshow = false;
				this.guorenaccidentalDrivingVo.goodsCode = info.goodId;
				this.guorenaccidentalDrivingVo.goodDesc = info.goodDesc;
				let res = await this.$http.post('/api/guoRen/syncNonAutoIns', {
					goodsCode: info.goodId
				});
				if (res.code == '200') {
					this.guorenInsuranceData = res.data;
					let dataInfo = {
						prodCode: res.data[0].prodCode, //产品code
						riskCode: res.data[0].riskCode, //险种code
						premium: res.data[0].premium, //保费
						amount: res.data[0].amount, //保额
						quantity: 1, //份数
						prodCName: res.data[0].prodCName, //产品名称
						policyNum: res.data[0].policyNum, //最大份数
					}
					Object.assign(this.guorenaccidentalDrivingVo, dataInfo);
				} else {
					uni.showToast({
						title: res.msg,
						icon: 'none',
					});
					this.guorenInsuranceData = []
				}
			},
			//国任二级选择
			GRInsuranceradioChange(id) {
				let info = this.guorenInsuranceData.find((val => val.prodCode == id))
				let dataInfo = {
					prodCode: info.prodCode, //产品code
					riskCode: info.riskCode, //险种code
					premium: info.premium, //保费
					amount: info.amount, //保额
					quantity: 1, //份数
					prodCName: info.prodCName, //产品名称
					policyNum: info.policyNum, //最大份数
				}
				Object.assign(this.guorenaccidentalDrivingVo, dataInfo);
				this.guorenPopupshow1 = false;
			},

			//紫金意外险
			ZJcheckboxGroupChange(detail) {
				this.zijinaccidentalDrivingVo = [];
				detail.map(val => {
					let list = this.zijinInsuranceData.find(item => item.projectCode == val)
					this.zijinaccidentalDrivingVo.push(list)
				})
			},
			//获取保险公司列表
			async commpanyList() {
				let commpanykad = await this.$http.get('/insurance/order/getAgreementInsCompany');
				commpanykad.data.map(ele => {
					ele["result"] = {};
					ele["quoteCode"] = 0;
					ele["checked"] = false;
					ele["jychecked"] = false;
					ele["msg"] = "";
					ele["agreementId"] = "";
					ele["lastYearMsg"] = "";
					ele["agreementName"] = "";
					ele["apiType"] = "";
					ele["selectShow"] = false;
					ele['underwritingDescription'] = "";
				})
				if (this.insAreaCompanyEditingDtos.length > 0) {
					commpanykad.data.forEach((val, index) => {
						this.insAreaCompanyEditingDtos.map(ele => {
							if (val.namesimple == ele.inscompany) {
								commpanykad.data[index].quoteCode = 200;
								commpanykad.data[index].result = ele;
							}
						})
					})
				}
				this.totalCompanyList = commpanykad.data;
			},
			async toNext() {
				var allAreFalse = this.totalCompanyList.every(function(element) {
					return element.checked === false;
				});
				if (!allAreFalse) {
					this.OrderStageProcessing();
				} else {
					uni.showToast({
						title: "请选择保险公司后，在进行报价",
						icon: 'none',
					});
				}
			},
			async OrderStageProcessing() {
				this.riskList.map(val => {
					if (val.riskCode == '0507') {
						val.startDate = this.jqstartDate;
						val.endDate = this.jqendDate;
					} else if (val.riskCode == '0510') {
						val.startDate = this.systartDate;
						val.endDate = this.syendDate;
					}
				})
				let param = {
					userId: this.userInfo.sysUser.id,
					quoteno: this.quoteno ? this.quoteno : "",
					orderNo: this.orderno ? this.orderno : "",
					carInfo: this.carInfo,
					insuredPersonInfo: this.insuredPersonInfo,
					ownerInfo: this.ownerInfo,
					policyHolderInfo: this.policyHolderInfo,
					kindList: this.kindList,
					riskList: this.riskList,
					vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
				};
				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.totalCompanyList.map((ele, index) => {
						if (ele.checked) {
							//动态调用报价接口
							ele.quoteCode = "1";
							this.ToolClickFun(ele.cnName, index, ele.id);
						}
					});
				} else if (orders.code == '1001') {
					this.Generateshow = true;
				} else {
					uni.showToast({
						title: orders.msg,
						icon: 'none',
					});
				}
			},
			GenerateModalConfirm() {
				this.orderno = "";
				this.quoteno = "";
				this.toNext();
			},
			//动态函数
			ToolClickFun(MethodName, Parameter, companyId) {
				this[`${MethodName}`](Parameter, companyId)
			},
			//永安报价
			async yongan(num, id) {
				let params = {
					orderNo: this.orderno,
					companyId: id
				};
				let quote = await this.$http('/order/yongAn/quote', params);
				if (quote.msg == "重复投保" && quote.code == "501") {
					if (!!quote.data.jqStartDate && !quote.data.syStartDate) {
						this.jqstartDate = quote.data.jqStartDate;
						this.jqendDate = quote.data.jqEndDate;
						if (this.riskList.length > 0) {
							for (let i = 0; i < this.riskList.length; i++) {
								if (this.riskList[i].riskCode == "0507") {
									this.riskList[i].startDate = quote.data.jqStartDate;
									this.riskList[i].endDate = quote.data.jqEndDate;
								}
							}
						}
						let param = {
							userId: this.userInfo.sysUser.id,
							quoteno: this.quoteno,
							orderNo: this.orderno,
							carInfo: this.carInfo,
							insuredPersonInfo: this.insuredPersonInfo,
							ownerInfo: this.ownerInfo,
							policyHolderInfo: this.policyHolderInfo,
							kindList: this.kindList,
							riskList: this.riskList,
							vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
						};
						await this.$http.post('/insurance/order/generateOrder', param);
						return this.yongan(num, id);

					} else if (!!quote.data.syStartDate && !quote.data.jqStartDate) {


					} else if (!!quote.data.syStartDate && !!quote.data.jqStartDate) {

					} else {
						this.totalCompanyList[num].quoteCode = "3";
						this.totalCompanyList[num].msg = "重复投保";
					}

				} else if (quote.code == "500" || quote.code == "502" || quote.code ==
					"-9999") {
					this.totalCompanyList[num].quoteCode = "-9999";
					this.totalCompanyList[num].msg = quote.msg;
				} else {
					this.totalCompanyList[num].quoteCode = 200;
					this.totalCompanyList[num].result = quote.data;
				}
			},
			//中煤报价
			async zhongmei(num, id) {
				let params = {
					accidentalDrivingVo: this.zmDrivingForm,
					orderNo: this.orderno,
					companyId: id,
					agreementId: this.totalCompanyList[num].agreementId,
				};

				let res = await this.$http.post('/order/zhongMeiApi/quote', params);
				this.totalCompanyList[num].msg = res.msg;
				if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
					this.totalCompanyList[num].quoteCode = "4";
					this.totalCompanyList[num].msg = res.msg;
					return;
				} else if (
					res.data == null &&
					res.msg.indexOf("交强险平台返回") > -1 &&
					res.msg.indexOf(";终保日期") > -1
				) {
					let time =
						res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
					this.jqstartDate = time;
					this.jqendDate = this.oneYearPast(time);
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == "0507") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this.oneYearPast(time);
							}
						}
					}
					let param = {
						userId: this.userInfo.sysUser.id,
						quoteno: this.quoteno,
						orderNo: this.orderno,
						carInfo: this.carInfo,
						insuredPersonInfo: this.insuredPersonInfo,
						ownerInfo: this.ownerInfo,
						policyHolderInfo: this.policyHolderInfo,
						kindList: this.kindList,
						riskList: this.riskList,
						vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
					};
					await this.$http.post('/insurance/order/generateOrder', param);
					return this.zhongmei(num, id);
				} else if (res.code == '200') {
					if (res.data.warnMessageList != null && res.data.warnMessageList[
							0] != null && res.data
						.warnMessageList[
							0] != "") {
						this.totalCompanyList[num].lastYearMsg = "";
						let dat = res.data.warnMessageList;
						dat.map(ele => {
							this.totalCompanyList[num].lastYearMsg += ele +
								'<br>';
						})
					}
					this.totalCompanyList[num].quoteCode = 200;
					this.totalCompanyList[num].result = res.data;
				} else {
					this.totalCompanyList[num].quoteCode = "3";
					this.totalCompanyList[num].msg = res.msg;
					return;
				}
			},
			//永诚报价
			async yongcheng(num, id) {
				let jychecked = this.totalCompanyList[num].jychecked
				let params = {
					accidentalDrivingVo: jychecked ? this
						.yongchengaccidentalDrivingVo : {},
					orderNo: this.orderno,
					companyId: id,
					cqryCdeJq: this.cqryCdeJq,
					cqryCdeSy: this.cqryCdeSy,
					renewalCodeJq: this.renewalCodeJq,
					renewalCodeSy: this.renewalCodeSy,
					agreementId: this.totalCompanyList[num].agreementId,
				};
				let res = await this.$http.post('/api/yongCheng/quote', params);
				this.totalCompanyList[num].msg = res.msg;
				if (res.code == "200") {
					if (res.data.warnMessageList != null && res.data
						.warnMessageList[0] != null && res.data
						.warnMessageList[
							0] != "") {
						this.totalCompanyList[num].lastYearMsg = "";
						let dat = res.data.warnMessageList;
						dat.map(ele => {
							this.totalCompanyList[num].lastYearMsg += ele +
								'<br>';
						})
					}
					this.totalCompanyList[num].quoteCode = 200;
					this.totalCompanyList[num].result = res.data;
				} else if (res.code == "101") {
					this.totalCompanyList[num].quoteCode = "101";
					this.totalCompanyList[num].msg = res.msg;
					this.cqryCdeJq = res.data.cqryCdeJq;
					this.cqryCdeSy = res.data.cqryCdeSy;
					let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
					let jqBase64 = `data:image/png;base64,${jq}`;
					this.renewalCodeJqImg = jqBase64;
					if (res.data.renewalCodeSy) {
						let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
						let syBase64 = `data:image/png;base64,${sy}`;
						this.renewalCodeSyImg = syBase64;
					}
					this.renewalCodedialogVisible = true;
				} else {
					this.totalCompanyList[num].quoteCode = "3";
					this.totalCompanyList[num].msg = res.msg;
					return;
				}
			},
			//紫金报价
			async zijin(num, id) {
				let params = {
					accidentalDrivingVo: this.zijinaccidentalDrivingVo,
					orderNo: this.orderno,
					companyId: id,
					agreementId: this.totalCompanyList[num].agreementId,
				};
				let res = await this.$http.post('/order/zijin/quote', params);
				this.totalCompanyList[num].msg = res.msg;
				if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
					this.totalCompanyList[num].quoteCode = "4";
					this.totalCompanyList[num].msg = res.msg;
					return;
				} else if (
					res.data == null &&
					res.msg.indexOf("交强险平台返回") > -1 &&
					res.msg.indexOf(";终保日期") > -1
				) {
					let time =
						res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) +
						":00";
					this.jqstartDate = time;
					this.jqendDate = this.oneYearPast(time);
					this.systartDate = time;
					this.syendDate = this.oneYearPast(time);
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == "0507") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this.oneYearPast(
									time);
							} else if (this.riskList[i].riskCode == "0510") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this.oneYearPast(
									time);
							}
						}
					}
					let param = {
						userId: this.userInfo.sysUser.id,
						quoteno: this.quoteno,
						orderNo: this.orderno,
						carInfo: this.carInfo,
						insuredPersonInfo: this.insuredPersonInfo,
						ownerInfo: this.ownerInfo,
						policyHolderInfo: this.policyHolderInfo,
						kindList: this.kindList,
						riskList: this.riskList,
						vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
					};
					await this.$http.post('/insurance/order/generateOrder',
						param);
					return this.zijin(num, id);
				} else if (res.code == '200') {
					if (res.data.warnMessageList != null && res.data
						.warnMessageList[0] != null && res.data
						.warnMessageList[
							0] != "") {
						this.totalCompanyList[num].lastYearMsg = "";
						let dat = res.data.warnMessageList;
						dat.map(ele => {
							this.totalCompanyList[num].lastYearMsg +=
								ele;
						})
					}
					this.totalCompanyList[num].quoteCode = 200;
					this.totalCompanyList[num].result = res.data;
				} else {
					this.totalCompanyList[num].quoteCode = "3";
					this.totalCompanyList[num].msg = res.msg;
					return;
				}
			},
			//国任报价
			async guoRen(num, id) {
				let jychecked = this.totalCompanyList[num].jychecked
				let params = {
					accidentalDrivingVo: jychecked ? this
						.guorenaccidentalDrivingVo : {},
					orderNo: this.orderno,
					companyId: id,
					agreementId: this.totalCompanyList[num]
						.agreementId,
					guoRenSpecialAgreementVo: this.guoRenSpecialAgreementVo,
				};
				let res = await this.$http.post('/api/guoRen/quote',
					params);
				this.totalCompanyList[num].msg = res.msg;
				if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
					this.totalCompanyList[num].quoteCode = "4";
					this.totalCompanyList[num].msg = res.msg;
					return;
				} else if (
					res.data == null &&
					res.msg.indexOf("交强险平台返回") > -1 &&
					res.msg.indexOf(";终保日期") > -1
				) {
					let time =
						res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) +
						":00";
					this.jqstartDate = time;
					this.jqendDate = this.oneYearPast(time);
					this.systartDate = time;
					this.syendDate = this.oneYearPast(time);
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == "0507") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this
									.oneYearPast(time);
							} else if (this.riskList[i].riskCode ==
								"0510") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this
									.oneYearPast(time);
							}
						}
					}
					let param = {
						userId: this.userInfo.sysUser.id,
						quoteno: this.quoteno,
						orderNo: this.orderno,
						carInfo: this.carInfo,
						insuredPersonInfo: this.insuredPersonInfo,
						ownerInfo: this.ownerInfo,
						policyHolderInfo: this.policyHolderInfo,
						kindList: this.kindList,
						riskList: this.riskList,
						vehicleAndVesselTax: this
							.vehicleAndVesselTaxForm,
					};
					await this.$http.post('/insurance/order/generateOrder',
						param);
					return this.guoRen(num, id);
				} else if (res.code == '200') {
					if (res.data.warnMessageList != null && res.data
						.warnMessageList[0] != null && res.data
						.warnMessageList[
							0] != "") {
						this.totalCompanyList[num].lastYearMsg = "";
						let dat = res.data.warnMessageList;
						dat.map(ele => {
							this.totalCompanyList[num]
								.lastYearMsg += ele;
						})
					}
					this.totalCompanyList[num].quoteCode = 200;
					this.totalCompanyList[num].result = res.data;
				} else {
					this.totalCompanyList[num].quoteCode = "3";
					this.totalCompanyList[num].msg = res.msg;
					return;
				}
			},
			//大家报价
			async dajia(num, id) {
				let jychecked = this.totalCompanyList[num].jychecked
				let params = {
					accidentalDrivingVo: jychecked ? this
						.dajiaaccidentalDrivingVo : {},
					orderNo: this.orderno,
					companyId: id,
					cqryCdeJq: this.cqryCdeJq,
					cqryCdeSy: this.cqryCdeSy,
					renewalCodeJq: this.renewalCodeJq,
					renewalCodeSy: this.renewalCodeSy,
					agreementId: this.totalCompanyList[num]
						.agreementId,
				};
				let res = await this.$http.post('/api/dajia/quote',
					params);
				this.totalCompanyList[num].msg = res.msg;
				if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
					this.totalCompanyList[num].quoteCode = "4";
					this.totalCompanyList[num].msg = res.msg;
					return;
				} else if (
					res.data == null &&
					res.msg.indexOf("交强险平台返回") > -1 &&
					res.msg.indexOf(";终保日期") > -1
				) {
					let time =
						res.msg.substr(res.msg.indexOf(";终保日期 ") + 6,
							16) + ":00";
					this.jqstartDate = time;
					this.jqendDate = this.oneYearPast(time);
					this.systartDate = time;
					this.syendDate = this.oneYearPast(time);
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList
							.length; i++) {
							if (this.riskList[i].riskCode == "0507") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this
									.oneYearPast(time);
							} else if (this.riskList[i].riskCode ==
								"0510") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this
									.oneYearPast(time);
							}
						}
					}
					let param = {
						userId: this.userInfo.sysUser.id,
						quoteno: this.quoteno,
						orderNo: this.orderno,
						carInfo: this.carInfo,
						insuredPersonInfo: this.insuredPersonInfo,
						ownerInfo: this.ownerInfo,
						policyHolderInfo: this.policyHolderInfo,
						kindList: this.kindList,
						riskList: this.riskList,
						vehicleAndVesselTax: this
							.vehicleAndVesselTaxForm,
					};
					await this.$http.post(
						'/insurance/order/generateOrder', param);
					return this.dajia(num, id);
				} else if (res.code == '200') {
					if (res.data.warnMessageList != null && res.data
						.warnMessageList[0] != null && res.data
						.warnMessageList[
							0] != "") {
						this.totalCompanyList[num].lastYearMsg = "";
						let dat = res.data.warnMessageList;
						dat.map(ele => {
							this.totalCompanyList[num]
								.lastYearMsg += ele;
						})
					}
					this.totalCompanyList[num].quoteCode = 200;
					this.totalCompanyList[num].result = res.data;
				} else {
					this.totalCompanyList[num].quoteCode = "3";
					this.totalCompanyList[num].msg = res.msg;
					return;
				}
			},
			//华泰报价
			async huatai(num, id) {
				let params = {
					accidentalDrivingVo: {},
					orderNo: this.orderno,
					companyId: id,
					cqryCdeJq: this.cqryCdeJq,
					cqryCdeSy: this.cqryCdeSy,
					renewalCodeJq: this.renewalCodeJq,
					renewalCodeSy: this.renewalCodeSy,
					agreementId: this.totalCompanyList[num]
						.agreementId,
				};
				let res = await this.$http.post(
					'/order/huaTaiApi/quote', params);
				this.totalCompanyList[num].msg = res.msg;
				if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
					this.totalCompanyList[num].quoteCode = "4";
					this.totalCompanyList[num].msg = res.msg;
					return;
				} else if (
					res.data == null &&
					res.msg.indexOf("交强险平台返回") > -1 &&
					res.msg.indexOf(";终保日期") > -1
				) {
					let time =
						res.msg.substr(res.msg.indexOf(";终保日期 ") +
							6, 16) + ":00";
					this.jqstartDate = time;
					this.jqendDate = this.oneYearPast(time);
					this.systartDate = time;
					this.syendDate = this.oneYearPast(time);
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList
							.length; i++) {
							if (this.riskList[i].riskCode ==
								"0507") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this
									.oneYearPast(time);
							} else if (this.riskList[i].riskCode ==
								"0510") {
								this.riskList[i].startDate = time;
								this.riskList[i].endDate = this
									.oneYearPast(time);
							}
						}
					}
					let param = {
						userId: this.userInfo.sysUser.id,
						quoteno: this.quoteno,
						orderNo: this.orderno,
						carInfo: this.carInfo,
						insuredPersonInfo: this
							.insuredPersonInfo,
						ownerInfo: this.ownerInfo,
						policyHolderInfo: this
							.policyHolderInfo,
						kindList: this.kindList,
						riskList: this.riskList,
						vehicleAndVesselTax: this
							.vehicleAndVesselTaxForm,
					};
					await this.$http.post(
						'/insurance/order/generateOrder', param
					);
					return this.huatai(num, id);
				} else if (res.code == '200') {
					if (res.data.warnMessageList != null && res
						.data.warnMessageList[0] != null && res
						.data
						.warnMessageList[
							0] != "") {
						this.totalCompanyList[num].lastYearMsg =
							"";
						let dat = res.data.warnMessageList;
						dat.map(ele => {
							this.totalCompanyList[num]
								.lastYearMsg += ele;
						})
					}
					this.totalCompanyList[num].quoteCode = 200;
					this.totalCompanyList[num].result = res.data;
				} else {
					this.totalCompanyList[num].quoteCode = "3";
					this.totalCompanyList[num].msg = res.msg;
					return;
				}
			},

			//爬虫统一报价接口
			async quoteInsurance(num, id, apiType, jychecked) {
				console.log(apiType)
				let api = apiType === 2 ?
					"/insurance/crawler/quote" :
					"anshengquote";
				let ccidenttype = this.totalCompanyList[num]
					.cnName;
				let namesimple = this.totalCompanyList[num]
					.namesimple;
				let params = {
					orderNo: this.orderno,
					companyId: id,
					agreementId: this.totalCompanyList[num]
						.agreementId,
					accidentalDrivingVo: jychecked ? this[
						ccidenttype +
						'accidentalDrivingVo'] : {},
				};
				let res = await this.$http.post(`${api}`,
					params);
				this.totalCompanyList[num].msg = res.msg;
				switch (namesimple) {
					case '安盛天平':
						if (!!res.data) {
							if (res.data.warnMessageList !=
								null && res.data
								.warnMessageList[0] != null &&
								res.data
								.warnMessageList[
									0] != "") {
								this.totalCompanyList[num]
									.lastYearMsg = "";
								let dat = res.data
									.warnMessageList;
								dat.map(ele => {
									this.totalCompanyList[
											num]
										.lastYearMsg +=
										ele;
								})
							}
							this.totalCompanyList[num]
								.quoteCode = 200;
							this.totalCompanyList[num].result =
								res.data;
						} else {
							this.totalCompanyList[num]
								.quoteCode = "3";
							this.totalCompanyList[num].msg =
								res.msg;
							return;
						}
						break;
					case '中国人寿':
						if (!!res.data) {
							if (res.data.warnMessageList !=
								null && res.data
								.warnMessageList[0] != null &&
								res.data
								.warnMessageList[
									0] != "") {
								this.totalCompanyList[num]
									.lastYearMsg = "";
								let dat = res.data
									.warnMessageList;
								dat.map(ele => {
									this.totalCompanyList[
											num]
										.lastYearMsg +=
										ele;
								})
							}
							this.totalCompanyList[num]
								.quoteCode = 200;
							this.totalCompanyList[num].result =
								res.data;
						} else {
							this.totalCompanyList[num]
								.quoteCode = "3";
							this.totalCompanyList[num].msg =
								res.msg;
							return;
						}
						break;

					case '恒邦财险':
						if (!!res.data) {
							if (res.data.warnMessageList !=
								null && res.data
								.warnMessageList[0] != null &&
								res.data
								.warnMessageList[
									0] != "") {
								this.totalCompanyList[num]
									.lastYearMsg = "";
								let dat = res.data
									.warnMessageList;
								dat.map(ele => {
									this.totalCompanyList[
											num]
										.lastYearMsg +=
										ele;
								})
							}
							this.totalCompanyList[num]
								.quoteCode = 200;
							this.totalCompanyList[num].result =
								res.data;
						} else {
							this.totalCompanyList[num]
								.quoteCode = "3";
							this.totalCompanyList[num].msg =
								res.msg;
							return;
						}
						break;
					case '太平财险':
						if (!!res.data) {
							if (res.data.warnMessageList != null && res.data.warnMessageList[0] != null && res.data
								.warnMessageList[0] != "") {
								this.totalCompanyList[num].lastYearMsg = "";
								let dat = res.data.warnMessageList;
								dat.map(ele => {
									this.totalCompanyList[num].lastYearMsg += ele;
								})
							}
							this.totalCompanyList[num]
								.quoteCode = 200;
							this.totalCompanyList[num].result =
								res.data;
						} else {
							this.totalCompanyList[num]
								.quoteCode = "3";
							this.totalCompanyList[num].msg =
								res.msg;
							return;
						}
						break;
					case '众安财险':
						if (!!res.data) {
							if (res.data.warnMessageList !=
								null && res.data
								.warnMessageList[0] != null &&
								res.data
								.warnMessageList[
									0] != "") {
								this.totalCompanyList[num]
									.lastYearMsg = "";
								let dat = res.data
									.warnMessageList;
								dat.map(ele => {
									this.totalCompanyList[
											num]
										.lastYearMsg +=
										ele;
								})
							}
							this.totalCompanyList[num]
								.quoteCode = 200;
							this.totalCompanyList[num].result =
								res.data;
						} else {
							this.totalCompanyList[num]
								.quoteCode = "3";
							this.totalCompanyList[num].msg =
								res.msg;
							return;
						}
						break;
					default:
						break;
				}
			},
			//华农
			huanong(num, id) {
				this.quoteInsurance(num, id, this
					.totalCompanyList[num].apiType, this
					.totalCompanyList[num].jychecked);
			},
			//太平
			taiping(num, id) {
				this.quoteInsurance(num, id, this
					.totalCompanyList[num].apiType, this
					.totalCompanyList[num].jychecked);
				console.log(num, id, this
					.totalCompanyList[num].apiType, this
					.totalCompanyList[num].jychecked)
			},
			//安盛天平
			ansheng(num, id) {
				this.quoteInsurance(num, id, this
					.totalCompanyList[num].apiType, this
					.totalCompanyList[num].jychecked);
			},
			//众安
			zhongan(num, id) {
				this.quoteInsurance(num, id, this
					.totalCompanyList[num].apiType, this
					.totalCompanyList[num].jychecked);
			},
			//人寿
			renshou(num, id) {
				this.quoteInsurance(num, id, this
					.totalCompanyList[num].apiType, this
					.totalCompanyList[num].jychecked);
			},
			//恒邦
			hengbang(num, id) {
				this.quoteInsurance(num, id, this
					.totalCompanyList[num].apiType, this
					.totalCompanyList[num].jychecked);
			},
			Lastyear() {
				this.$refs.lastYearMsgCI.show() // 显示
			},
			adjustPopupInsureSubmit() {
				this.$refs.lastYearMsgCI.hide() // 显示
			},
			// 重新选择车型
			toCarInfo() {
				this.navigate({
					url: '/pages/carInsure1/carInfo1',
					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, //被保人

							})
					}
				}, "navigateTo", true);
			},
			// 重新选择方案
			toInsureItems() {
				this.navigate({
					url: '/pages/carInsure1/insureItems1',
					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, //被保人
								vehicleModel: this
									.vehicleAndVesselTaxForm,
							})
					}
				}, "navigateTo", true);
			},

			// 显示报错信息
			ErrorMsg(msg, title) {
				uni.showModal({
					title: title + "报价提示",
					content: msg,
					showCancel: false,
					confirmText: "关闭"
				})

			},
			//上年信息
			YearMsg(msg, title) {
				uni.showModal({
					title: title + "上年信息",
					content: msg,
					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
				});
			},
			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;
			},

		},


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

	/* 头部车辆信息和特权Start */
	.carInfo {
		height: 330upx;
		background: -webkit-linear-gradient(0deg, rgba($themeColor, 0.6), rgba($themeColor, 0.8));
		background-size: 100% 100%;
	}

	.carInfo .topLeft {
		width: 120upx;
		font-size: 90upx;
		color: #FFFFFF;
	}

	.carInfo .topRight .brandName {
		width: 400upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.carInfo .other {
		background-color: #FFFFFF;
		height: 80upx;
		border-radius: 15upx;
		box-sizing: border-box;
	}

	.carInfo .other .privilege {
		background-color: rgba($themeColor, 0.6);
		font-size: 24upx;
		color: #FFFFFF;
		font-weight: bold;
	}

	.carInfo .other .content {
		width: 460upx;
		margin-left: 15upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.carInfo .other .icon {
		width: 30upx;
	}

	/* 头部车辆信息和特权End */
	.pageContent {
		position: relative;
		top: -50upx;
		padding-bottom: 100px;
	}

	/* 报价方案Start */
	.quotePlan {
		background: #FFFFFF;
		position: relative;
		border-radius: 20upx;
	}

	.quotePlan .header {
		height: 80upx;
		position: relative;
		border-bottom: 1px solid #E6E8EA;
	}

	.quotePlan .header .title {
		// font-size: 30upx;
		font-weight: bold;
		padding-left: 25upx;
	}

	.quotePlan .header .title:before {
		content: "";
		position: absolute;
		left: 30upx;
		top: 25upx;
		width: 8upx;
		height: 30upx;
		background-color: $themeColor;
	}

	.quotePlan .body {
		padding: 0 30upx 10upx;
	}

	.quotePlan .body .insurance {
		padding-bottom: 20upx;
		border-bottom: 1px dashed #E6E8EA;
	}

	.accident-style {
		padding: 20px;

		>view {
			margin-bottom: 15px;
		}

		.accident-ins {
			text {
				margin-right: 10px;
			}
		}
	}

	.popContent {
		padding: 10px;
		max-height: 400px;
	}

	.carTypeItem {
		padding: 0 30upx 20upx;
		border-bottom: 1px solid #e5e5e5;
		margin-top: 20upx;
		width: 100%;
		box-sizing: border-box;
	}

	.carTypeItem .nav .carseriesName {
		font-size: 34upx;
		width: 360upx;
		font-family: PingFangSC-Medium, PingFangSC;
		color: #4a4a4a;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.carTypeItem .nav .modelName {
		font-size: 26upx;
		width: 400upx;
		font-family: PingFangSC-Medium, PingFangSC;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.carTypeItem .nav .nav_box {
		margin: 10upx 0;
	}

	.carTypeItem .nav .nav_box .zid {
		display: inline-block;
		padding: 6upx 10upx;
		font-size: 24upx;
		height: 40upx;
		background: #AFC9F7;
		border-radius: 25upx;
		color: #007AFF;
		font-weight: bold;
		line-height: 40upx;
	}

	.carTypeItem .nav .nav_box>p {
		margin-left: 30upx;
		color: #999;
		font-size: 24upx;
	}

	.carTypeItem .price {
		font-size: 16px;
		width: 200upx;
		flex-shrink: 0;
		font-family: PingFangSC-Regular, PingFangSC;
		font-weight: 400;
		color: #007AFF;
	}


	.quotePlan .body .row {
		height: 70upx;
	}

	.quotePlan .body .date {
		background-color: $themeColor;
		color: $themeColor;
		font-size: 22upx;
		padding: 0upx 7upx;
		border-radius: 3upx;
		margin: 10upx;
		margin-right: 10upx;
	}

	/* 报价方案End */

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

	.quoteCompany .header {
		height: 80upx;
		padding: 0 30upx;
		position: relative;
	}

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



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

	.quoteCompanyItem {
		margin-bottom: 20upx;
		background: #FFFFFF;
		border-radius: 15upx;
		padding: 10px 20px 0 20px;
		box-sizing: border-box;
		cursor: pointer;
	}

	.quoteCompanyItem>view>view {
		padding: 5px 0;
	}

	.quoteCompanyItem .top {
		position: relative;
	}

	.quoteCompanyItem .top .companyIcon {
		flex-shrink: 0;
	}

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

	.quoteCompanyItem .top .Premium text {
		margin-right: 10px;
	}


	.quoteCompanyItem .top .companyName {
		font-size: 32upx;
		font-weight: bold;
		width: 180upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.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: #ea552d;
		font-size: 22px;
		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 */
	/* 查看详情按钮Start */
	.btn {
		font-size: 16px;
		color: #fff;
		background-color: #ea552d;
		margin-top: 10px;
	}

	/* 底部的样式Start */
	.infoBottom {
		height: 140upx;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #FFFFFF;
		border-top: 1upx solid #EEEEEE;
		z-index: 99;
	}

	.infoBottom>button {
		// font-size: 30upx;
		background: $themeColor;
		color: #FFFFFF;
		flex: 1;
		margin: 0upx 30upx;
	}

	.slot-content {
		padding: 10px;
		box-sizing: border-box;
	}

	.ZJcheckboxGroup {
		border-bottom: 2px solid #f2f2f2;
	}

	.contributing {
		width: 100%;
		margin: 4px 0;
		font-size: 12px;

		text:nth-child(1) {
			font-weight: bold;
			color: #ff9000;
		}
	}

	/* 查看详情按钮End */
</style>