partnerApp/pages/carInsure/premiumCalc.vue

<template>
	<view class="">
		<image src="/static/image/car-insure/Quotablebanner.png" mode=""
			style="width: 100%;height: 110px;position: absolute;"></image>
		<view class="page">
			<view class="car-header dis a-c">
				<image src="/static/image/car-insure/Group.png" mode="" style="width: 40px;height: 40px;"></image>
				<view class="dis f-c head-name">
					<text>{{carInfo.licenseNo}} <text style="color: rgba(35,40,50,0.65);">丨</text> <text
							style="font-weight: 400;"> {{insuredPersonInfo.name}} (被保人)</text> </text>
					<view class="name1">
						<text>{{carInfo.modelcname}}</text>
					</view>
				</view>
				<view class="carJump" @tap="toCarInfo">修改信息</view>
			</view>
			<view class=" dis a-c j-s mt-3" style="position: relative;">
				<view style="color:#FF5600;font-size: 15px;font-weight: bold;">投保注意：</view>
				<view class="dis a-c  f-wrap">
					<view class="status-data" :class="carInfo.transferFlag? 'active1':''"
						@tap="immediatelyClick('transferFlag')">
						过户车
					</view>
					<view class="status-data" :class="carInfo.transferFlagBi? 'active1':''"
						@tap="immediatelyClick('transferFlagBi')">
						商业险过户
					</view>
					<view class="status-data" :class="carInfo.outOfInsurance? 'active1':''"
						@tap="immediatelyClick('outOfInsurance')">
						脱保
					</view>
					<view class="status-data" :class="carInfo.usedCar? 'active1':''" @tap="immediatelyClick('usedCar')">
						二手车
					</view>
				</view>
			</view>
			<view class="quotePlan dis a-c j-s mt-2 " style="padding: 5px 10px;" v-if="carInfo.transferFlag">
				<view>转移登记日期：</view>
				<u-input type="select" :select-open="transferDateShow" :custom-style="{textAlign:'right'}"
					v-model="carInfo.transferDate" @click="transferDateShow = true" style="width: 100px;"></u-input>
				<u-picker v-model="transferDateShow" mode="time" :params="params1"
					@confirm="transferconfirm"></u-picker>
			</view>
			<view class="quoteCompany mt-3">
				<view class="header dis a-c">
					<view class="title  d-flex">保险公司</view>
					<!-- 	<view class="">
						<u-checkbox v-model="Selectchecked" @change="SelectAll($event)"
							active-color="rgb(250, 53, 52)">全选</u-checkbox>
					</view> -->
				</view>
				<block v-for="(totalitem,totalindex) in totalCompanyList" :key="totalindex">
					<template>
						<view class="quoteCompanyItem dis f-c j-s" :class="totalitem.checked? 'quoteactive':''">
							<view class="top dis f-c">
								<view class="companyIcon dis j-s a-c mb-2"
									@tap="checkboxChange(totalitem.id,totalitem.cnName, totalindex)">
									<view class="dis a-c">
										<!-- 	<view class="" @click.stop>
											<u-checkbox @change="priceComparisonChange(totalindex,totalitem)"
												v-if="totalitem.isComparableshowHide"
												v-model="totalitem.isComparableShow" active-color="#23C1CB"
												:disabled='totalitem.isComparableDisabled'></u-checkbox>
										</view> -->
										<image :src="totalitem.logo"></image>
										<view class="companyName">{{totalitem.namesimple}}</view>
									</view>
									<view class="insuranceGuide dis a-c j-c" @click.stop="InsureGuideclick">
										投保指引
									</view>
									<ls-loading v-show="totalitem.quoteCode==1" text="掌柜正在为您报价，请稍等......"
										:animation="animation" fontSize="22" />
									<!-- 价格 -->
									<view class="dis a-c" v-if="totalitem.quoteCode==200">
										<view class="dis a-c" style="margin-right: 10px;">
											<text style="color: #FF4D4D;font-size: 12px;"
												v-if="totalitem.result.sumExportFee">优惠金额￥{{totalitem.result.sumExportFee}}</text>
										</view>
										<text class="sum">￥{{totalitem.result.sumPermium}}</text>
									</view>
									<text
										v-show="(totalitem.quoteCode != '200') && (totalitem.quoteCode != '0') && (totalitem.quoteCode != '1')"
										class="sum" style="color: #999;font-size: 12px;"
										@tap.stop.prevent="ErrorMsg(totalitem.msg,totalitem.namesimple)">报价失败，请点击查看</text>
								</view>
								<view class="planDetails mb-2 dis a-c j-c f-c">
									<view class="headers dis j-c a-c"
										@tap="totalitem.planDetailsshow = !totalitem.planDetailsshow">
										<image
											:src="totalitem.planDetailsshow?'/static/image/car-insure/DoubleLeft1.png':'/static/image/car-insure/DoubleLeft.png'"
											mode=""></image>
										<text>展开方案详情</text>
									</view>
									<view v-if="totalitem.planDetailsshow">
										321321321
									</view>
								</view>
								<view class="footer-btn dis j-s a-c">
									<u-button type="primary" size="medium"
										style="background:#E6EEFF;color:#0052FF; width: 45%;"
										@tap="SchemeSelection">方案选择</u-button>
									<u-button type="primary" size="medium"
										style="background:#FFEFE6;color: #FF5600; width: 45%;"
										@tap="next">单独报价</u-button>
								</view>
								<view class="Premium dis f-c" v-show="totalitem.quoteCode==200">
									<view class="dis price" v-if="totalitem.result.feeNoDescription">
										<text>该车未匹配销管费用，不建议投保!</text>
										<u-icon name="chat-fill" color="#ff0000" size="40"
											@click="discountErrorMessageMsg(totalitem.result.feeNoDescription,totalitem.namesimple)"></u-icon>
									</view>
									<view class="dis a-c  f-wrap price">
										<text
											v-if="totalitem.result.jqPremium">交强险：￥{{totalitem.result.jqPremium}}</text>
										<text
											v-if="totalitem.result.syPremium">商业险：￥{{totalitem.result.syPremium}}</text>
										<text
											v-if="totalitem.result.taxAmount">车船税：￥{{totalitem.result.taxAmount}}</text>
										<text
											v-if="totalitem.result.jyPremium">驾意险：￥{{totalitem.result.jyPremium}}</text>
									</view>
									<view class="dis a-c  f-wrap price" style="font-size: 20rpx;color: #FF4D4D;">
										<text>优惠金额:【
											<text
												v-if="totalitem.result.jqPremium">交强险：{{totalitem.result.jqExportFee?totalitem.result.jqExportFee:'无'}}</text>
											<text
												v-if="totalitem.result.syPremium">商业险：{{totalitem.result.syExportFee?totalitem.result.syExportFee:'无'}}</text>
											<text
												v-if="totalitem.result.jyPremium">驾意险：{{totalitem.result.noExportFee?totalitem.result.noExportFee:"无"}}</text>
											】</text>

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

											</text>
											<text
												v-if="totalitem.result.startDateSy">商业险：{{totalitem.result.startDateSy}}~{{totalitem.result.endDateSy}}

											</text>
										</view>
										<image src="/static/image/car-insure/Group30.png" mode=""
											style="width: 14px;height: 14px;" @click="syncData(totalitem.result)">
										</image>
									</view>
									<view class="dis a-c  f-wrap time">
										<text v-if="totalitem.namesimple == '永诚财险'">光博分：{{ totalitem.result.ilogPreUdwMess ?
										totalitem.result.ilogPreUdwMess : '无' }}</text>
										<text v-else>评分：{{ totalitem.result.ilogPreUdwMess ?
										totalitem.result.ilogPreUdwMess : '无' }}</text>
										<text v-if="totalitem.result.jqScore">交强类型评分：{{ totalitem.result.jqScore ?
										totalitem.result.jqScore : '无' }}</text>
										<text v-if="totalitem.result.syScore">商业类型评分：{{ totalitem.result.syScore ?
										totalitem.result.syScore : '无' }}</text>
										<text v-if="totalitem.result.lossRation">总赔付率：{{ totalitem.result.lossRation ?
										totalitem.result.lossRation : '无' }}</text>
										<text v-if="totalitem.result.jqLossRation">交强赔付率：{{ totalitem.result.jqLossRation ?
										totalitem.result.jqLossRation : '无' }}</text>
										<text v-if="totalitem.result.syLossRation">商业赔付率：{{ totalitem.result.syLossRation ?
										totalitem.result.syLossRation : '无' }}</text>
										<text
											v-if="totalitem.namesimple == '紫金财险'">鼎然-车辆风险评分：{{totalitem.result.ubiPredictedInfoScore ?
										totalitem.result.ubiPredictedInfoScore : '无'}}</text>
										<text v-if="totalitem.result.jqRenewal">交强续保：{{ totalitem.result.jqRenewal ?
										totalitem.result.jqRenewal : '无' }}</text>
										<text v-if="totalitem.result.syRenewal">商业续保：{{ totalitem.result.syRenewal ?
										totalitem.result.syRenewal : '无' }}</text>
										<text v-if="totalitem.result.jqClaims">交强出险次数：{{ totalitem.result.jqClaims ?
										totalitem.result.jqClaims : '无' }}</text>
										<text v-if="totalitem.result.syClaims">商业出险次数：{{ totalitem.result.syClaims ?
										totalitem.result.syClaims : '无' }}</text>
									</view>
									<view class="dis a-c j-end lastyear">
										<view class=" left dis j-c a-c" v-if="totalitem.lastYearMsg"
											@click="YearMsg(totalitem.lastYearMsg,totalitem.namesimple)">
											<image src="/static/image/car-insure/lastyear.png" mode=""></image>
											<text>上年信息</text>
										</view>
										<view class=" right dis j-c a-c" v-if='totalitem.result.predictInfo'
											@click="preUnderwriting(totalitem.result.predictInfo)">
											<image src="/static/image/car-insure/advance.png" mode=""></image>
											<text>预核保信息</text>
										</view>
									</view>
								</view>
								<view class="quotebtn dis j-s a-c" v-show="totalitem.quoteCode==200">
									<view class="dis a-c j-c" @click="bjdpreview(totalitem.result.companyId)"
										style="background-color: #0052FF;border-bottom-left-radius:6px;color: #fff;">
										报价单
									</view>
									<view class="dis a-c j-c"
										style="background-color: #E6EEFF;border-bottom-right-radius:6px;color: #0052FF;"
										@click="querydetial(totalitem.result.companyId)">
										查看详情
									</view>
								</view>
							</view>
						</view>
					</template>
				</block>
			</view>
		</view>
		<u-modal v-model="InsureGuidePopup" ref="uModal" :show-title="false" border-radius="12" confirm-color="#FF5600"
			:confirm-style="{background:'#FFEFE6',height:'36px',lineHeight:'36px'}">
			<view class="">
				<image src="/static/image/car-insure/InsureGuide.png" mode="" style="width: 100%;height: 40px;"></image>
				<view class="p-2 mb-2" style="min-height:120px;">
					<text>永诚财产保险股份有限公司是一家由国内实力雄厚的大型电力企业集团和产业投资集团共同发起组建的全国性股份制财产保险公司.</text>
				</view>
			</view>
		</u-modal>
		<u-popup v-model="PlanPopup" mode="center" width="100%" border-radius="6">
			<view class="">
				<image src="/static/image/car-insure/SchemeSelection.png" mode="" style="width: 100%;height: 40px;">
				</image>
				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
					<view class="Plancontent dis  f-c ">
						<text class="title mb-1">方案选择</text>
						<view class="dis  a-c f-wrap j-s modelformcss" style="margin-top: 10px;">
							<view class="status-data" :class="item.value==SelectedPlanId? 'active':''"
								v-for="(item,index) in InsurerPlanList" @tap.stop.prevent="statusclick(item.value)"
								:key="index">
								{{item.label}}
							</view>
						</view>
					</view>
					<view class="" v-if="SelectedPlanId !=='4'">
						<view class="Plancontent dis  f-c ">
							<text class="title mb-1">交强险</text>
							<view class=" dis a-c j-s modelformcss">
								<text>即时投保</text>
								<view class="dis a-c j-c">
									<view class="status-data" :class="item.value==jqimmediately? 'active':''"
										v-for="(item,index) in jqimmediatelyList"
										@tap="datelyClick(item.value,'jqimmediately','jqstartDate','jqendDate')"
										:key="index">
										{{item.label}}
									</view>
								</view>
							</view>
							<u-form ref="uForm" label-width="120px">
								<u-form-item label="交强险投保日期" class="modelformcss">
									<u-input type="select" :select-open="jqstartShow"
										:custom-style="{textAlign:'right'}" v-model="jqstartDate" placeholder="请选择开始时间"
										@click="jqstartShow = true"></u-input>
									<u-picker v-model="jqstartShow" mode="time" :params="params"
										@confirm="jqstartconfirm"></u-picker>
								</u-form-item>
								<u-form-item label="交强险终保日期" class="modelformcss">
									<u-input type="select" :select-open="jqendShow" :custom-style="{textAlign:'right'}"
										v-model="jqendDate" placeholder="请选择结束时间" @click="jqendShow = true"></u-input>
									<u-picker v-model="jqendShow" mode="time" :params="params"
										@confirm="jqendconfirm"></u-picker>
								</u-form-item>
							</u-form>
						</view>
						<view class="Plancontent dis  f-c ">
							<text class="title mb-1">车船税</text>
							<view class="">
								<u-form ref="uForm" :model="vehicleAndVesselTaxForm" label-width="130px">
									<u-form-item label="纳税类型" prop="taxRelifFlag" class="modelformcss">
										<u-input type="select" :select-open="taxRelifFlagShow"
											v-model="model.taxRelifFlag" :custom-style="{textAlign:'right'}"
											placeholder="请选择纳税类型" @click="taxRelifFlagShow = true"></u-input>
										<u-select mode="single-column" :list="taxRelifFlagoptions"
											v-model="taxRelifFlagShow" label-name="dictTag" value-name="dictValue"
											@confirm="taxRelifFlagConfirm($event,'taxRelifFlag')"></u-select>
									</u-form-item>
									<u-form-item
										v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
										label="减免税凭证号" prop="extendChar2" class="modelformcss">
										<u-input placeholder="请输入减免税凭证号" :custom-style="{textAlign:'right'}"
											v-model="vehicleAndVesselTaxForm.extendChar2" type="text"></u-input>
									</u-form-item>
									<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证号"
										prop="paidFreeCertificate" class="modelformcss">
										<u-input placeholder="请输入完税凭证号" :custom-style="{textAlign:'right'}"
											v-model="vehicleAndVesselTaxForm.paidFreeCertificate" type="text"></u-input>
									</u-form-item>
									<u-form-item
										v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
										label="减免税原因" prop="relifReason" class="modelformcss">
										<u-input type="select" :select-open="relifReasonShow"
											v-model="model.relifReason" :custom-style="{textAlign:'right'}"
											placeholder="请选择减免税原因" @click="relifReasonShow = true"></u-input>
										<u-select mode="single-column" :list="relifReasonoptions"
											v-model="relifReasonShow" label-name="dictTag" value-name="dictValue"
											@confirm="taxRelifFlagConfirm($event,'relifReason')"></u-select>
									</u-form-item>
									<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关代码"
										prop="taxComCode" class="modelformcss">
										<u-input placeholder="请输入税务机关代码" :custom-style="{textAlign:'right'}"
											v-model="vehicleAndVesselTaxForm.taxComCode" type="text"></u-input>
									</u-form-item>
									<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1" label="税务机关名称"
										prop="taxComName" class="modelformcss">
										<u-input placeholder="请输入税务机关名称" :custom-style="{textAlign:'right'}"
											v-model="vehicleAndVesselTaxForm.taxComName" type="text"></u-input>
									</u-form-item>
									<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证填发日期"
										prop="taxDocumentDate" class="modelformcss">
										<u-input type="select" :select-open="taxDocumentDateShow"
											:custom-style="{textAlign:'right'}"
											v-model="vehicleAndVesselTaxForm.taxDocumentDate" placeholder="请选择时间"
											@click="taxDocumentDateShow = true"></u-input>
										<u-picker v-model="taxDocumentDateShow" mode="time" :params="params1"
											@confirm="taxDocumentDateconfirm"></u-picker>
									</u-form-item>
									<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4" label="完税凭证地区"
										prop="taxPaidAreaCode" class="modelformcss">
										<u-input type="select" :select-open="taxPaidAreaCodeShow"
											:custom-style="{textAlign:'right'}" v-model="model.taxPaidAreaCode"
											placeholder="请选择地区" @click="taxPaidAreaCodeShow = true"></u-input>
										<u-picker mode="region" v-model="taxPaidAreaCodeShow" :params="params2"
											@confirm="taxPaidAreaCodeconfirm"></u-picker>
									</u-form-item>
									<u-form-item v-show="vehicleAndVesselTaxForm.taxRelifFlag == 3" label="减税比例"
										prop="taxRelief" class="modelformcss">
										<u-input placeholder="请输入0~1的小数" :custom-style="{textAlign:'right'}"
											v-model="vehicleAndVesselTaxForm.taxRelief" type="text"></u-input>
									</u-form-item>
								</u-form>
							</view>

						</view>
						<view class="Plancontent dis  f-c ">
							<text class="title mb-1">商业险</text>
							<view class=" dis a-c j-s modelformcss">
								<text>即时投保</text>
								<view class="dis a-c j-c">
									<view class="status-data" :class="item.value==syimmediately? 'active':''"
										v-for="(item,index) in syimmediatelyList"
										@tap="datelyClick(item.value,'syimmediately','systartDate','syendDate')"
										:key="index">
										{{item.label}}
									</view>
								</view>
							</view>
							<u-form ref="uForm" label-width="120px">
								<u-form-item label="交强险投保日期" class="modelformcss">
									<u-input type="select" :select-open="systartShow"
										:custom-style="{textAlign:'right'}" v-model="systartDate" placeholder="请选择开始时间"
										@click="systartShow = true"></u-input>
									<u-picker v-model="systartShow" mode="time" :params="params"
										@confirm="systartconfirm"></u-picker>
								</u-form-item>
								<u-form-item label="交强险终保日期" class="modelformcss">
									<u-input type="select" :select-open="syendShow" :custom-style="{textAlign:'right'}"
										v-model="syendDate" placeholder="请选择结束时间" @click="syendShow = true"></u-input>
									<u-picker v-model="syendShow" mode="time" :params="params"
										@confirm="syendconfirm"></u-picker>
								</u-form-item>
							</u-form>
						</view>
						<view class="Plancontent dis  f-c ">
							<text class="title mb-1">意外险</text>
							<view class=" modelformcss">
								<text>山西驾乘非营业客车2万档</text>
								<view class="Accident mt-1">
									<view class="dis a-c j-s">
										<view class="head dis a-c j-c">保险责任</view>
										<view class="head dis a-c j-c">保险金额</view>
										<view class="head dis a-c j-c">保费（元）</view>
									</view>
									<view class="dis a-c j-s" v-for="(item,index) in 3" :key="index">
										<view class="tr"></view>
										<view class="tr"></view>
										<view class="tr"></view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="" v-else>

					</view>
				</scroll-view>
				<view class="PlanPopup-btn dis a-c j-c">
					<u-button type="primary" shape="circle" size="medium"
						style="background: linear-gradient( 90deg, #0052FF 0%, #6595FA 100%);">确定方案</u-button>
				</view>
			</view>
		</u-popup>

	</view>

</template>
<script>
	import lsLoading from '@/components/common/ls-loading/ls-loading.vue';
	export default {
		components: {
			lsLoading
		},
		data() {
			return {
				model: {
					taxRelifFlag: "正常交税",
					taxpayerIdentifier: "身份证",
					relifReason: "",
					taxPaidAreaCode: "",
				},
				//车船税form
				vehicleAndVesselTaxForm: {
					taxRelifFlag: "1", //类型
					identifyNumber: "", //纳税人识别号
					taxpayerIdentifier: "01", //纳税人证件类型
					taxpayerName: "", //纳税人名称
					extendChar2: "", //减免税凭证号
					paidFreeCertificate: "", //完税凭证号
					relifReason: "", //减免税原因
					taxComCode: "", //税务机关代码
					taxComName: "", ///税务机关名称
					taxDocumentDate: "", //完税日期
					taxPaidAreaCode: "", //完税凭证地区代码
					taxRelief: "", //减税比例
				},
				taxRelifFlagoptions: [],
				taxpayerIdentifieroptions: [],
				relifReasonoptions: [],
				taxPaidAreaCodeShow: false, //完税凭证地区
				taxDocumentDateShow: false, //完税凭证填发日期
				taxRelifFlagShow: false, //车船税类型
				taxpayerIdentifierShow: false, //纳税人证件类型
				relifReasonShow: false, //减免税原因代码
				params: {
					year: true, //年
					month: true, //月
					day: true, //日
					hour: true, //时
					minute: true, //分
					second: true, //秒
				},
				jqimmediately: "0",
				jqimmediatelyList: [{
						label: '是',
						value: "1",
					},
					{
						label: '否',
						value: "0",
					},

				],
				syimmediately: "0",
				syimmediatelyList: [{
						label: '是',
						value: "1",
					},
					{
						label: '否',
						value: "0",
					},
				],
				jqchecked: false,
				sychecked: false,
				jqstartShow: false,
				jqendShow: false,
				systartShow: false,
				syendShow: false,

				jqstartDate: "",
				jqendDate: "",
				systartDate: "",
				syendDate: "",
				scrollTop: 0,
				carInfo: {},
				ownerInfo: {},
				policyHolderInfo: {},
				insuredPersonInfo: {},
				carInfoPositiveList: [],
				ownerInfoPositiveList: [],
				policyHolderInfoPositiveList: [],
				insuredPersonInfoPositiveList: [],
				transferDateShow: false,
				params1: {
					year: true, //年
					month: true, //月
					day: true, //日
					hour: false, //时
					minute: false, //分
					second: false, //秒
				},
				params2: {
					province: true,
					city: false,
					area: false
				},
				totalCompanyList: [],
				animation: 'twinkle', //动画类型
				InsureGuidePopup: false,
				/* 投保指引弹窗*/
				InsureGuideContent: "", // 指引内容
				PlanPopup: false, //方案选择弹窗
				SelectedPlanId: "", //已选方案id
				InsurerPlanList: [{
						label: "方案一",
						value: "1",
						PlanSet: []
					},
					{
						label: "方案二",
						value: "2",
						PlanSet: []
					},
					{
						label: "方案三",
						value: "3",
						PlanSet: []
					},
					{
						label: "自选方案",
						value: "4",
						PlanSet: []
					}
				],


			}
		},
		onShow() {

		},
		onLoad() {
			this.getDicType("taxRelifFlag"); //车船税类型
			this.getDicType("taxpayerIdentifier"); //纳税人证件类型
			this.getDicType("relifReason"); //减免税原因代码
			this.jqstartDate = this.nextday();
			this.jqendDate = this.oneYearPast(this.jqstartDate);
			this.systartDate = this.nextday();
			this.syendDate = this.oneYearPast(this.jqstartDate);
			this.commpanyList();
			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.carInfoPositiveList = data.carInfoPositiveList; //车辆
				this.ownerInfoPositiveList = data.ownerInfoPositiveList; //车主
				this.policyHolderInfoPositiveList = data.policyHolderInfoPositiveList; //投保
				this.insuredPersonInfoPositiveList = data.insuredPersonInfoPositiveList; //被保人
			})

		},
		methods: {
			taxRelifFlagConfirm(val, name) {
				this.vehicleAndVesselTaxForm[name] = val[0].value;
				this.model[name] = val[0].label;
			},
			taxDocumentDateconfirm(e) {
				this.vehicleAndVesselTaxForm.taxDocumentDate = e.year + '-' + e.month + '-' + e.day;
			},
			taxPaidAreaCodeconfirm(e) {
				this.vehicleAndVesselTaxForm.taxPaidAreaCode = e.province.value;
				this.model.taxPaidAreaCode = e.province.label;
			},
			async getDicType(type) {
				let res = await this.$http.get('/sysDict/dictDetails/' + type);
				this[type + "options"] = res.data.ddList;
			},
			jqstartconfirm(e) {
				this.jqstartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
				this.jqendDate = this.oneYearPast(this.jqstartDate)
			},
			jqendconfirm(e) {
				this.jqendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
			},
			systartconfirm(e) {
				this.systartDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
				this.syendDate = this.oneYearPast(this.systartDate)
			},
			syendconfirm(e) {
				this.syendDate = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second;
			},
			statusclick(e) {
				this.SelectedPlanId = e;
			},
			InsureGuideclick() {
				this.InsureGuidePopup = true;
			},
			SchemeSelection() {
				this.PlanPopup = true;
			},

			datelyClick(value, name, startDate, endDate) {
				this[name] = value;
				if (value == 1) {
					const date = new Date();
					date.setHours(date.getHours() + 2);
					date.setMinutes(0)
					date.setSeconds(0)
					this[startDate] = this.transformTime(date)
					this[endDate] = this.oneYearPast(date);
				} else {
					this[startDate] = this.nextday();
					this[endDate] = this.oneYearPast(this.jqstartDate);
				}
			},
			//获取保险公司列表
			async commpanyList() {
				let commpanykad = await this.$http.get('/tax/manager/getAllAgreement', {
					// kindList: this.kindList,
					// riskList: this.riskList,
					// systemType: "2",
				});
				commpanykad.data.map(ele => {
					ele["result"] = {};
					ele["quoteCode"] = 0;
					ele["checked"] = false;
					ele["msg"] = "";
					ele["lastYearMsg"] = "";
					ele["agreementName"] = "";
					ele["apiType"] = "";
					ele["coefficient"] = "";
					ele["syAdjustRate"] = "";
					ele["selectShow"] = false;
					ele['underwritingDescription'] = "";
					ele['isComparableShow'] = false;
					ele['planDetailsshow'] = false;
					ele['isComparableshowHide'] = false;
					ele['isComparableDisabled'] = false;
				})
				commpanykad.data.map(obj => {
					obj.agreement.map(ele => {
						ele.businessDescription = ele.businessDescription + "（" +
							ele.jobDescription + "）";
						return ele;
					})
				});
				this.totalCompanyList = commpanykad.data;
			},
			immediatelyClick(name) {
				this.carInfo[name] = !this.carInfo[name];
				if (name == 'transferFlag') {
					if (this.carInfo[name]) {
						this.carInfo.transferDate = this.carInfo.issueDate;
					} else {
						this.carInfo.transferDate = "";
					}
				}

			},
			toCarInfo() {
				this.navigate({
					url: '/pages/carInsure/Information',
					success: (res) => {
						res.eventChannel.emit(
							"acceptData", {
								carInfo: this
									.carInfo,
								ownerInfo: this
									.ownerInfo,
								policyHolderInfo: this
									.policyHolderInfo,
								insuredPersonInfo: this
									.insuredPersonInfo,
								riskList: this
									.riskList,
								kindList: this
									.kindList,
								carInfoPositiveList: this
									.carInfoPositiveList, //车辆
								ownerInfoPositiveList: this
									.ownerInfoPositiveList, //车主
								policyHolderInfoPositiveList: this
									.policyHolderInfoPositiveList, //投保
								insuredPersonInfoPositiveList: this
									.insuredPersonInfoPositiveList, //被保人

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

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

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

	.scroll-Y {
		height: 600px;
	}

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

	.modelformcss {
		padding: 5px 15px;
	}

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

	.Plancontent {
		padding: 8px;

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

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

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

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

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

			.tr {
				width: 33.33%;
				height: 40px;
				color: #232832;
				border: 1rpx solid #0874FF;
			}

		}

	}

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

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

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

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

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

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

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

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

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

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

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

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

	.quoteCompany .header {
		height: 80upx;
	}

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

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

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


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

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

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

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

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

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

	}

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

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

	.quoteCompanyItem .top .Premium {
		padding: 10px 8px;
		border-top: 1px solid #f2f2f2;

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

			text {
				margin-right: 5px;
			}
		}

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

			>text {
				margin-right: 5px;
			}

		}
	}

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

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

		}
	}

	.lastyear {
		view {
			font-size: 12px;
			font-weight: bold;

			image {
				width: 14px;
				height: 14px;
			}
		}

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

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

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

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

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

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

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

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

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

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

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

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

	/* 报价公司End */
</style>