zhapp/pages/quote/premiumCalc1.vue

<template>
	<view class="page">
		<!-- 头部吸顶区域 -->
		<u-sticky zIndex="999" customNavHeight="0">
			<uni-NavBar headerTitle="计算保费" background="#fff" :isSlot="false" :rightSlot="true">
				<template #rightSlot>
					<view class="dis f-c a-c mr-3" @click="getWechatCustomer">
						<image src="/static/icon/customerService.png" mode="" style="width: 48rpx;height: 48rpx;">
						</image>
						<text style="font-size: 20rpx;color: #333;">客服</text>
					</view>
					<view class="dis f-c a-c " @click="home">
						<image src="/static/icon/home.png" mode="" style="width: 48rpx;height: 48rpx;"></image>
						<text style="font-size: 20rpx;color: #333;">首页</text>
					</view>
				</template>
			</uni-NavBar>
			<!-- 修改信息提示 -->
			<view class="hint dis a-start j-s">
				<text>{{ carInfo.licenseNo }}的被保人为：{{ insuredPersonInfo.name }}</text>
				<view class="rightBtn dis a-c j-c " @click="toCarInfo">点击修改</view>
			</view>
		</u-sticky>
		<!-- 报价区域 -->
		<view class="quoteArea">
			<!-- 投保配置信息 -->
			<view class="insuranceConfig">
				<u--form labelPosition="left" ref="ownerForm" labelWidth="100" errorType="message">
					<u-form-item label="即时起保" borderBottom>
						<u-radio-group placement="row" v-model="immediateCoverage" @change="immediateCoverageChange">
							<u-radio v-for="(item, index) in immediateCoverageList" :key="index" :label="item.label"
								:name="item.value" activeColor="#FDE935" iconColor='#333' labelColor="#333"
								style="margin-left: 10px">
							</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item label="交强起保日期" borderBottom @click="jqstartShow = true"
						v-if="['0330', '0330034002', '0330034001'].includes(productId)">
						<u--input v-model="jqstartDate" disabled disabledColor="#ffffff" clearable
							suffixIconStyle="color:#333;font-size:40rpx" placeholder="请选择起保日期"
							placeholderStyle="text-align:right;" border="none" style="pointer-events: none">
						</u--input>
						<image src="/static/icon/quote/dateIcon.png"
							style="width: 30rpx;height: 30rpx;margin-left: 10rpx;" mode="">
						</image>
					</u-form-item>
					<u-form-item label="商业起保日期" borderBottom @click="systartShow = true"
						v-if="['034001', '034002', '0330034002', '0330034001'].includes(productId)">
						<u--input v-model="systartDate" disabled disabledColor="#ffffff" clearable
							suffixIconStyle="color:#333;font-size:40rpx" placeholder="请选择起保日期"
							placeholderStyle="text-align:right;" border="none" style="pointer-events: none">
						</u--input>
						<image src="/static/icon/quote/dateIcon.png"
							style="width: 30rpx;height: 30rpx;margin-left: 10rpx;" mode="">
						</image>
					</u-form-item>
					<u-form-item label="报价车型" borderBottom @click="brandModelPopup = true">
						<u--text :lines="1" bold :text="carInfo.brandName"></u--text>
						<u-icon class="ml-1" name="arrow-right" color="#333" size="11"></u-icon>
					</u-form-item>
					<u-form-item label="是否过户车" borderBottom>
						<u-radio-group placement="row" v-model="transferScene"
							@change="val => transferChange(val, 'transfer')">
							<u-radio v-for="(item, index) in transferList" :key="index" :label="item.label"
								:name="item.value" activeColor="#FDE935" iconColor='#333' labelColor="#333"
								style="margin-left: 10px">
							</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item label="是否商业过户" borderBottom>
						<u-radio-group placement="row" v-model="biTransferScene"
							@change="val => transferChange(val, 'biTransfer')">
							<u-radio v-for="(item, index) in biTransferList" :key="index" :label="item.label"
								:name="item.value" activeColor="#FDE935" iconColor='#333' labelColor="#333"
								style="margin-left: 10px">
							</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item label="是否二手车" :borderBottom="carInfo.transfer ? true : false">
						<u-radio-group placement="row" v-model="secondHandCarScene"
							@change="val => transferChange(val, 'secondHandCar')">
							<u-radio v-for="(item, index) in secondHandCarList" :key="index" :label="item.label"
								:name="item.value" activeColor="#FDE935" iconColor='#333' labelColor="#333"
								style="margin-left: 10px">
							</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item label="转移登记日期" v-if="carInfo.transfer == true">
						<u--input v-model="carInfo.transferDate" disabled disabledColor="#ffffff" clearable
							suffixIconStyle="color:#333;font-size:40rpx" placeholder="请选择起保日期"
							placeholderStyle="text-align:right;" border="none" style="pointer-events: none">
						</u--input>
						<image src="/static/icon/quote/dateIcon.png"
							style="width: 30rpx;height: 30rpx;margin-left: 10rpx;" mode="">
						</image>
					</u-form-item>
				</u--form>
			</view>
			<view class="quoteCompany mt-2">
				<view class="quoteCompanyItem dis f-c mb-2" v-for="(companyItem, compamyIndex) in quotableCompanyList"
					:key="compamyIndex" @click="dorderDetails(companyItem.result.ordersNo)">
					<view class="dis a-c j-s ">
						<!-- 左侧信息 -->
						<view class="dis a-c">
							<!-- 保险公司logo -->
							<image class="companyIcon mr-2" :src="companyItem.logo" mode=""></image>
							<view class="dis f-c ">
								<!-- 保险公司名称 -->
								<text class="companyName">{{ companyItem.nameSimple }}</text>
								<!-- 选择方案 -->
								<view class="dis a-c">
									<view class="solution dis a-c" v-if="!companyItem.insurancePlanInfo"
										@click.stop="SchemeSelection(companyItem)">
										<text>选择方案</text>
										<u-icon name="arrow-right" color="#333" size="11"></u-icon>
									</view>
									<view class="solution dis a-c" @click.stop="checkSelection(compamyIndex)"
										v-if="companyItem.insurancePlanInfo">
										<text>查看方案</text>
										<u-icon name="arrow-right" color="#333" size="11"></u-icon>
									</view>
									<view class="solution dis a-c ml-2" @click.stop="SchemeSelection(companyItem)"
										v-if="companyItem.insurancePlanInfo">
										<text>重选</text>
										<u-icon name="arrow-right" color="#333" size="11"></u-icon>
									</view>
								</view>
							</view>
						</view>
						<!-- 右侧价格信息 -->
						<view class="sum-price dis f-c a-end" v-if="companyItem.quoteCode == '200'">
							<view class="totalPrice mb-1">
								<text>￥</text>
								<text>{{ companyItem.result.costs.sumPremium }}</text>
							</view>

							<text class="discountedPrice"
								v-if="companyItem.result.insFeeOrders || companyItem.result.feeOrders">优惠
								{{ (companyItem.result.insFeeOrders &&
									companyItem.result.insFeeOrders.totalPayablePremium) ||
									(companyItem.result.feeOrders && companyItem.result.feeOrders.totalPayablePremium)
								}}</text>
							<view v-if="companyItem.isReSelect" class="quoteBtn dis a-c j-c mt-2"
								@click.stop="individualQuote(companyItem)">
								立即报价
							</view>
						</view>
						<!-- 右侧loading加载组件 -->
						<lsLoading v-if="companyItem.quoteCode == '1'"></lsLoading>
						<!-- 右侧报价按钮 -->
						<view class="quoteBtn dis a-c j-c"
							v-if="companyItem.quoteCode == '0' || companyItem.quoteCode == '3'"
							@click.stop="individualQuote(companyItem)">
							立即报价
						</view>
					</view>
					<!-- 报价失败原因 -->
					<view class="quoteFailureReason dis a-end " v-if="companyItem.quoteCode == '3'">
						<view class="iconText dis a-c ">
							<u-icon name="error-circle-fill" color="#F74141" size="16"></u-icon>
							<text>报价失败</text>
						</view>
						<u--text :lines="3" size="14" color="#666" style="text-indent: 160rpx;"
							:text="companyItem.msg || '程序异常，请联系管理员'"></u--text>
						<view class="viewReason dis a-c j-end" @click.stop="quoteFailedReason(compamyIndex)">查看</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 底部操作栏 -->
		<view class="footer dis a-c ">
			<view class="btn dis f-c a-c" @click="back">
				<image src="/static/icon/quote/back.png" mode=""></image>
				<text>上一步</text>
			</view>
			<view class="btn dis f-c a-c" @click="findOptimal">
				<image src="/static/icon/quote/optimal.png" mode=""></image>
				<text>查最优</text>
			</view>
			<view class="btn dis f-c a-c">
				<image src="/static/icon/quote/temporaryStorage.png" mode=""></image>
				<text>暂存</text>
			</view>
			<!-- 多家报价 -->
			<view class="batchQuotes dis a-c j-c" @click="multipleQuotes">
				<text>多家报价</text>
				<text class="sum" v-if="selectedInsurerCount > 0">(已选{{ selectedInsurerCount }}家)</text>
			</view>
		</view>
		<!-- 查看方案弹窗 -->
		<uni-Popup v-if="currentCompanyInfo" :show="checkSelectionPopup" @close="checkSelectionPopup = false"
			:closeable="false" headerTitle="厂牌型号" :headerSlot="true" overflow="auto" :headerStyle="{ fontSize: '36rpx' }"
			maxHeight="1160rpx" mode="bottom" class="checkSelectionPopupClass">
			<template #header>
				<view class="dis a-c j-c">
					<image class="company-icon" :src="currentCompanyInfo.logo" mode=""></image>
					<text class="companyName">{{ currentCompanyInfo.nameSimple }}</text>
				</view>
			</template>
			<template #content>
				<view class="checkSelectionPopup-body" v-if="currentCompanyInfo.insurancePlanInfo">
					<!-- 滚动区域 -->
					<view class="yellow-content">
						<!-- 交强险内容 -->
						<view class="content-item dis ">
							<!-- 标题 -->
							<view class="title dis j-c a-c ">
								<text>交强险/车船税</text>
							</view>
							<view class="right">
								<view class="riskView dis a-c j-s">
									<text>交强险</text>
									<text>投保</text>
								</view>
								<view class="riskView dis a-c j-s">
									<text>车船税</text>
									<text v-if="vehicleAndVesselTaxVo.taxRelifFlag == '1'">正常缴税</text>
									<view v-else class="dis a-c loadMore"
										@click="vehicleTaxIsExpanded = !vehicleTaxIsExpanded">
										<text>{{ vehicleTaxIsExpanded ? '收起' : '展开' }}</text>
										<text>{{ vehicleAndVesselTaxModel.taxRelifFlag }}信息</text>
										<u-icon :name="vehicleTaxIsExpanded ? 'arrow-up' : 'arrow-down'" class="ml-1 mr-1"
											color="#333" size="12"></u-icon>
									</view>
								</view>
								<view class="vehicleTaxInfo" v-if="vehicleTaxIsExpanded">
									<view class="item dis a-c j-s "
										v-if="vehicleAndVesselTaxVo.taxRelifFlag == 2 || vehicleAndVesselTaxVo.taxRelifFlag == 3">
										<text>减免税凭证号</text>
										<text>{{ vehicleAndVesselTaxVo.extendChar2 }}</text>
									</view>
									<view class="item dis a-c j-s" v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4">
										<text>完税凭证号</text>
										<text>{{ vehicleAndVesselTaxVo.paidFreeCertificate }}</text>
									</view>
									<view class="item dis a-c j-s "
										v-if="vehicleAndVesselTaxVo.taxRelifFlag == 2 || vehicleAndVesselTaxVo.taxRelifFlag == 3">
										<text>减免税原因</text>
										<text>{{ vehicleAndVesselTaxModel.relifReason }}</text>
									</view>
									<view class="item dis a-c j-s " v-if="vehicleAndVesselTaxVo.taxRelifFlag == 3">
										<text>减税比例</text>
										<text>{{ vehicleAndVesselTaxVo.taxRelief }}</text>
									</view>
									<view class="item dis a-c j-s " v-if="vehicleAndVesselTaxVo.taxRelifFlag != 1">
										<text>税务机关代码</text>
										<text>{{ vehicleAndVesselTaxVo.taxComCode }}</text>
									</view>
									<view class="item dis a-c j-s " v-if="vehicleAndVesselTaxVo.taxRelifFlag != 1">
										<text>税务机关名称</text>
										<text>{{ vehicleAndVesselTaxVo.taxComName }}</text>
									</view>
									<view class="item dis a-c j-s " v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4">
										<text>完税凭证填发日期</text>
										<text>{{ vehicleAndVesselTaxVo.taxDocumentDate }}</text>
									</view>
									<view class="item dis a-c j-s " v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4">
										<text>完税凭证地区</text>
										<text>{{ vehicleAndVesselTaxModel.taxPaidAreaCode }}</text>
									</view>
								</view>
							</view>
						</view>
						<!-- 商业险内容 -->
						<view class="content-item dis " style="border-color: #E3D5FF;"
							v-if="currentCompanyInfo.insurancePlanInfo.kinds.length">
							<!-- 标题 -->
							<view class="title dis j-c a-c " style="background-color:#F9F6FF;border-color:#F0E9FF;">
								<text>商业险</text>
							</view>
							<view class="right">
								<view class="riskView dis a-c j-s"
									v-for="(kindsItem, kindsIndex) in currentCompanyInfo.insurancePlanInfo.kinds"
									:key="kindsIndex">
									<text>{{ kindsItem.kindName }}</text>
									<text v-if="['A', 'SY_WBDWGZ'].includes(kindsItem.kindCode)">投保</text>
									<text v-else-if="['D4', 'SY_FJ_YBW2'].includes(kindsItem.kindCode)"
										class="td">{{ convertedValue(kindsItem.unitAmount) }}</text>
									<text v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(kindsItem.kindCode)"
										class="td">{{ kindsItem.deductibleRate }}%</text>
									<text v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(kindsItem.kindCode)"
										class="td">{{ kindsItem.serviceTimes }}次</text>
									<text v-else class="td">{{ convertedValue(kindsItem.amount) }}</text>
								</view>

							</view>
						</view>
						<!-- 驾意险内容 -->
						<view class="content-item dis " style="border-color: #FFE1A4;"
							v-if="currentCompanyInfo.insurancePlanInfo.drivings.length">
							<!-- 标题 -->
							<view class="title dis j-c a-c " style="background-color:#FFFEF0;border-color:#FFF1D5;">
								<text>意外险</text>
							</view>
							<view class="right">
								<view class="riskView dis a-c j-s"
									v-for="(drivingsItem, drivingsIndex) in currentCompanyInfo.insurancePlanInfo.drivings"
									:key="drivingsIndex">
									<text style="width: 80%;">{{ drivingsItem.productName }}</text>
									<text>x{{ drivingsItem.quantity }}份</text>
								</view>
							</view>
						</view>
					</view>
					<view class="footer-btn dis a-c j-s">
						<view class="btn btns dis a-c j-c" @click="updateScheme">
							修改方案
						</view>
						<view class="btn dis a-c j-c " @click="checkSelectionPopup = false">
							关闭
						</view>
					</view>
				</view>
			</template>
		</uni-Popup>
		<!-- 车牌型号弹窗 -->
		<uni-Popup :show="brandModelPopup" @close="brandModelPopup = false" :closeable="false" headerTitle="厂牌型号"
			overflow="auto" :headerStyle="{ fontSize: '36rpx' }" maxHeight="980rpx" mode="center" width="90%">
			<template #content>
				<view class="brandModelClass">
					<view class="cellView">
						<text>车系</text>
						<text>{{ carInfo.modelCode }}</text>
					</view>
					<view class="cellView">
						<text>排量</text>
						<text>{{ carInfo.displacement }}/L</text>
					</view>
					<view class="cellView">
						<text>座位数</text>
						<text>{{ carInfo.seatCount }}/座</text>
					</view>
					<view class="cellView">
						<text>年款</text>
						<text>{{ carInfo.carYear }}</text>
					</view>
					<view class="cellView">
						<text>新车购置价</text>
						<text>{{ carInfo.purchasePrice }}/元</text>
					</view>
					<view class="footer-btn dis a-c j-c" @click="brandModelPopup = false">
						关闭
					</view>
				</view>
			</template>
		</uni-Popup>
		<!-- 报价失败原因弹窗 -->
		<uni-Popup v-if="currentCompanyInfo" :show="quoteFailedReasonPopup" @close="quoteFailedReasonPopup = false"
			:closeable="false" headerTitle="厂牌型号" :headerSlot="true" overflow="auto" :headerStyle="{ fontSize: '36rpx' }"
			maxHeight="980rpx" mode="center" width="90%" class="quoteFailedReasonClass">
			<template #header>
				<!-- 保险公司信息 -->
				<view class=" dis a-c ">
					<image class="company-icon" :src="currentCompanyInfo.logo" mode=""></image>
					<text class="companyName">{{ currentCompanyInfo.nameSimple }}</text>
					<view class="quote-status">
						报价失败
					</view>
				</view>
			</template>
			<template #content>
				<!-- 失败原因 -->
				<view class="quoteFailedReason-content">
					<view style="overflow-y: auto;max-height: 340rpx;">
						<u--text size="15" color="#666" :text="currentCompanyInfo.msg || '程序异常，请联系管理员'"></u--text>
					</view>
					<view class="PopupClose-Btn dis a-c j-c " @click="quoteFailedReasonPopup = false">
						关闭
					</view>
				</view>
			</template>
		</uni-Popup>

		<!-- 查最优弹窗 -->
		<uni-Popup :show="findOptimalShow" @close='findOptimalShow = false' headerTitle="查最优">
			<template #content>
				<!-- 比价列表 -->
				<view class="findOptimalPopup">
					<zb-table style="border: 1rpx solid #FDE935;border-radius: 4rpx;" :columns="optimalColumn"
						:formatter="tableformatter" :border="false" :cell-header-style="cellheaderStyle"
						:data="optimalData"></zb-table>
				</view>
			</template>
		</uni-Popup>
		<!-- 交强起保日期 -->
		<u-datetime-picker :show="jqstartShow" v-model="jqstartvalue" mode="datetime" :formatter="formatter"
			@cancel="jqstartShow = false" @close="jqstartShow = false" :closeOnClickOverlay="true" @confirm="jqstartconfirm"
			confirmText="确定"></u-datetime-picker>
		<!-- 商业起保日期 -->
		<u-datetime-picker :show="systartShow" v-model="systartvalue" mode="datetime" :formatter="formatter"
			@cancel="systartShow = false" @close="systartShow = false" :closeOnClickOverlay="true" @confirm="systartconfirm"
			confirmText="确定"></u-datetime-picker>
		<!-- 自定义加载动画 -->
		<global-loading :show="loadingShow" :text="loadingText"></global-loading>
	</view>
</template>

<script>
import lsLoading from '@/components/ls-loading/ls-loading.vue';
import Mixin from './Mixin.js';
export default {
	components: {
		lsLoading,
	},
	mixins: [Mixin], // 注入 Mixin
	data() {
		return {
			loadingShow: false, //加载
			loadingText: '加载中', //加载提示文字
			jqstartvalue: Number(new Date().setHours(0, 0, 0)), //交强起期
			systartvalue: Number(new Date().setHours(0, 0, 0)), //商业起期
			jqstartShow: false, //交强日期选择器
			systartShow: false, //商业日期选择器
			brandModelPopup: false, //厂牌型号弹窗
			findOptimalShow: false, //查最优弹窗
			quoteFailedReasonPopup: false, //报价失败原因弹窗
			checkSelectionPopup: false, //查看方案弹窗
			vehicleTaxIsExpanded: false, //车船税展开收起
			carInfo: {}, //车辆信息
			ownerInfo: {}, //车主信息
			policyHolderInfo: {}, //投保人信息
			insuredPersonInfo: {}, //被保人信息
			jqstartDate: "", //交强起保时日期
			jqendDate: "", //交强终保日期
			systartDate: "", //商业起保日期
			syendDate: "", //商业终保日期
			companyindex: 0,
			currentCompanyInfo: {},
			insCompanyVo: {},
		}
	},
	onShow() { },
	async onLoad(params) {
		this.loadingShow = true;
		try {
			if (params.ordersNo) {
				let res = await this.$http.get('/supplementOrder/getOrderDetail', {
					ordersNo: params.ordersNo
				});
				this.productId = res.data.order.productId; //险种id
				this.productName = res.data.order.productsName; //险种name
				this.quotableCompanyList = JSON.parse(JSON.stringify(res.data.insCompanyVo));
				this.order = res.data.order;
				this.costs = res.data.costs; //价格
				this.carInfo = res.data.carInfoVo; //车辆信息
				this.ownerInfo = res.data.ownersInfo; //车主信息
				this.policyHolderInfo = res.data.policyHolderInfo; //投保人信息
				this.insuredPersonInfo = res.data.insuredPersonInfo; //被保人信息
				this.kindInfoVo = res.data.kindInfoVo; //险种大类
				this.ciRiskInfoVo = res.data.ciRiskInfoVo; //交强险
				this.biRiskInfoVo = res.data.biRiskInfoVo; //商业险
				this.vehicleAndVesselTaxVo = res.data.vehicleAndVesselTaxVo; //车船税信息
				this.orderno = res.data.order.ordersNo;
				this.quoteno = res.data.order.quoteNo;
				this.insCompanyVo = res.data.insCompanyVo[0]; //历史保险公司
				await this.ruleFilterCompany();
				await this.commpanyList(res.data);
				this.imageEcho(res.data.imageVoList) // 影像获取完毕
				if (this.ciRiskInfoVo) {
					if (this.isDateBeforeToday(this.ciRiskInfoVo.startDate)) {
						this.jqstartDate = this.nextday();
						this.jqendDate = this.oneYearPast(this.jqstartDate)
						this.ciRiskInfoVo.startDate = this.nextday()
						this.ciRiskInfoVo.endDate = this.oneYearPast(this.jqstartDate)
					} else {
						this.jqstartDate = this.ciRiskInfoVo.startDate;
						this.jqendDate = this.ciRiskInfoVo.endDate;
					}
				}
				if (this.biRiskInfoVo) {
					if (this.isDateBeforeToday(this.biRiskInfoVo.startDate)) {
						this.systartDate = this.nextday();
						this.syendDate = this.oneYearPast(this.systartDate)
						this.biRiskInfoVo.startDate = this.nextday()
						this.biRiskInfoVo.endDate = this.oneYearPast(this.systartDate)
					} else {
						this.systartDate = this.biRiskInfoVo.startDate;
						this.syendDate = this.biRiskInfoVo.endDate;
					}
				}
			} else {
				this.jqstartDate = this.nextday();
				this.jqendDate = this.oneYearPast(this.jqstartDate);
				this.systartDate = this.nextday();
				this.syendDate = this.oneYearPast(this.jqstartDate);
				const eventChannel = this.getOpenerEventChannel()
				// 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
				await eventChannel.on('acceptData', (data) => {
					console.log(data);
					this.carInfo = data.carInfo; //车辆信息
					this.ownerInfo = data.ownerInfo; //车主信息
					this.policyHolderInfo = data.policyHolderInfo; //投保人信息
					this.vehicleAndVesselTaxVo.identifyNumber = this.policyHolderInfo.identifyNumber;
					this.vehicleAndVesselTaxVo.taxpayerName = this.policyHolderInfo.name;
					this.insuredPersonInfo = data.insuredPersonInfo; //被保人信息
					this.carImageListId = data.carImageListId; //车辆
					this.ownerImageListId = data.ownerImageListId; //车主
					this.policyHolderImageListId = data.policyHolderImageListId; //投保
					this.insuredPersonImageListId = data.insuredPersonImageListId; //被保人
					this.productId = data.productId; //险种id
					this.productName = data.productName; //险种name
					this.riskTypeEchoProcessing(this.productId)
					this.quotableCompanyList = JSON.parse(JSON.stringify(data
						.quotableCompanyList)); //可报价公司
					this.commpanyList(); //保险公司数据结构处理
					console.log(this.quotableCompanyList);
				})
			}
			this.loadingShow = false;
		} catch (error) {
			this.loadingShow = false;
		}

	},
	computed: {
		//已选保险公司数量
		selectedInsurerCount() {
			return this.quotableCompanyList.filter(val => val.insurancePlanInfo !== null).length;
		},
		//获取车船税类型
		taxRelifFlagName() {
			let info = this.car_tax_codeoptions.find(ele => ele.value === this.vehicleAndVesselTaxVo.taxRelifFlag)
			return info?.description;
		},
	},
	methods: {
		// 保险公司列表过滤回显
		async ruleFilterCompany() {
			let params = {
				carInfo: this.carInfo,
				ownerInfo: this.ownerInfo,
				applyInfo: this.policyHolderInfo,
				insureInfo: this.insuredPersonInfo,
				productId: this.productId
			}
			let res = await this.$http.post('/scheme/ruleFilterCompanyApp', params);
			if (res.code == '200') {
				this.quotableCompanyList = res.data.filter(val => val.id == this.insCompanyVo.id);
			} else {
				this.quotableCompanyList = [];
				uni.showToast({
					icon: 'none',
					title: res.msg,
				});
			}

		},
		// 跳转报价详情
		dorderDetails(orderno) {
			console.log(orderno);
			if (orderno) {
				uni.navigateTo({
					url: '/pages/quote/quoteRecordDetail?ordersNo=' + orderno
				})
			}
		},
		// 修改信息
		toCarInfo() {
			uni.navigateTo({
				url: '/pages/quote/quoteInfo',
				success: (res) => {
					res.eventChannel.emit(
						"acceptData", {
						carInfo: this
							.carInfo, //车辆信息
						ownerInfo: this
							.ownerInfo, //车主信息
						policyHolderInfo: this
							.policyHolderInfo, //投保人信息
						insuredPersonInfo: this
							.insuredPersonInfo, //被保人信息
						carImageListId: this
							.carImageListId, //车辆
						ownerImageListId: this
							.ownerImageListId, //车主
						policyHolderImageListId: this
							.policyHolderImageListId, //投保
						insuredPersonImageListId: this
							.insuredPersonImageListId, //被保人
						productId: this.productId, //险种id
						productName: this.productName, //险种名称
						quoteno: this.quoteno,
					})
				}
			}, "navigateTo", true);
		},
		// 单独报价
		async individualQuote(item) {
			if (this.carInfo.licenseNo.length == '8' && this.carInfo.energyTypeCode == '0') {
				return uni.showToast({
					icon: "none",
					title: '检测到能源种类错误，与车辆信息不符。请修改后继续操作',
					duration: 3000
				});
			}
			if (!item.insurancePlanInfo) {
				uni.showToast({
					title: "请选择方案后，在进行报价",
					icon: 'none',
				});
			} else {
				this.riskTypeEchoProcessing(this.productId); //更新险种大类日期

				let param = {
					licenseNo: this.carInfo.licenseNo,
					vinNo: this.carInfo.vinNo,
					engineNo: this.carInfo.engineNo,
				};
				let orders = await this.$http.get('/unify/order/getQuoteNo', param);
				if (orders.code == '200') {
					this.quoteno = orders.msg;
					let mergedArray = [];
					let mergedArrayList = mergedArray.concat(this.carImageListId, this
						.ownerImageListId, this
						.policyHolderImageListId, this.insuredPersonImageListId)

					if (mergedArrayList.length > 0) {
						await this.$http.post('/unify/order/imageSave', {
							imageVoList: mergedArrayList,
							order: {
								quoteNo: this.quoteno,
							}

						})
					}
					this.quotableCompanyList = this.quotableCompanyList.map((ele, index) => {
						if (ele.id == item.id) {
							// 动态调用报价接口
							ele.quoteCode = '1';
							this.quoteInsurance(index, ele.id);
						}
						return ele
					});
				} else if (orders.code == '1001') {
					this.Generateshow = true;
				} else {
					uni.showToast({
						title: orders.msg,
						icon: 'none',
					});
				}
			}
		},
		// 多家报价
		async multipleQuotes() {
			var allAreFalse = this.quotableCompanyList.every(function (element) {
				return element.insurancePlanInfo == null;
			});
			if (!allAreFalse) {
				if (this.carInfo.licenseNo.length == '8' && this.carInfo.energyTypeCode == '0') {
					return uni.showToast({
						icon: "none",
						title: '检测到能源种类错误，与车辆信息不符。请修改后继续操作',
						duration: 3000
					});
				}
				this.riskTypeEchoProcessing(this.productId); //更新险种大类日期
				let param = {
					licenseNo: this.carInfo.licenseNo,
					vinNo: this.carInfo.vinNo,
					engineNo: this.carInfo.engineNo,
				};
				let orders = await this.$http.get('/unify/order/getQuoteNo', param);
				if (orders.code == '200') {
					this.quoteno = orders.msg;
					let mergedArray = [];
					let mergedArrayList = mergedArray.concat(this.carImageListId, this
						.ownerImageListId, this
						.policyHolderImageListId, this.insuredPersonImageListId)
					console.log(mergedArrayList);
					if (mergedArrayList.length > 0) {
						await this.$http.post('/unify/order/imageSave', {
							imageVoList: mergedArrayList,
							order: {
								quoteNo: this.quoteno,
							}

						})
					}
					this.quotableCompanyList = this.quotableCompanyList.map((ele, index) => {
						if (ele.insurancePlanInfo !== null) {
							// 动态调用报价接口
							ele.quoteCode = '1';
							this.quoteInsurance(index, ele.id);
						}
						return ele
					});
				} else if (orders.code == '1001') {
					this.Generateshow = true;
				} else {
					uni.showToast({
						title: orders.msg,
						icon: 'none',
					});
				}
			} else {
				uni.showToast({
					title: "请选择方案后，在进行报价",
					icon: 'none',
				});
			}
		},
		// 调用统一报价接口
		async quoteInsurance(companyIndex, companyId) {
			const company = this.quotableCompanyList[companyIndex];
			console.log(company);
			const isTaxSource = company.isTaxSource;
			const params = {
				order: {
					agreementId: company.dispatchAgreementId,
					insuranceCompanyCode: companyId,
					quoteNo: this.quoteno,
					productId: this.productId,
					orderSource: '1',
				},
				accidentalDrivings: company.insurancePlanInfo.drivings,
				kindInfoVo: this.productId === '0330' ? [] : company.insurancePlanInfo.kinds,
				ciRiskInfoVo: ['0330', '0330034002', '0330034001'].includes(this.productId) ? this
					.ciRiskInfoVo : null,
				biRiskInfoVo: ['034001', '034002', '0330034002', '0330034001'].includes(this.productId) ? this
					.biRiskInfoVo : null,
				carInfoVo: this.carInfo,
				ownersInfo: this.ownerInfo,
				policyHolderInfo: this.policyHolderInfo,
				insuredPersonInfo: this.insuredPersonInfo,
				vehicleAndVesselTaxVo: this.vehicleAndVesselTaxVo,
				isTaxSource: isTaxSource == 1 ? isTaxSource : null,
				systemType: '2'
			};

			try {
				let res = await this.$http.post('/unify/order/quote', params);
				company.msg = res.msg;
				if (res.code == "200") {
					company.result = res.data;
					const updatedItem = {
						...company,
						quoteCode: 200,
						isReSelect: false // 清除重选标记，回到“仅展示价格”状态
					};
					this.quotableCompanyList.splice(companyIndex, 1, updatedItem);
					console.log(this.quotableCompanyList);
				} else {
					company.msg = res.msg;
					const updatedItem = {
						...company,
						quoteCode: '3',
						isReSelect: false // 清除重选标记，回到“仅展示价格”状态

					};
					this.quotableCompanyList.splice(companyIndex, 1, updatedItem);
					return;
				}
			} catch (error) {
				const updatedItem = {
					...company,
					quoteCode: '3'
				};
				this.quotableCompanyList.splice(companyIndex, 1, updatedItem);
				company.msg = '接口请求超时，请重新尝试';
			}

		},
		//选择方案
		async SchemeSelection(item) {
			uni.navigateTo({
				url: '/pages/quote/chooseOption1',
				success: (res) => {
					res.eventChannel.emit("acceptData", {
						params: {
							companyId: item.id,
							productId: this.productId,
							seatCount: this.carInfo.seatCount,
							energyType: this.carInfo.energyTypeCode,
							vehicleType: this.carInfo.carKindCode,
							carnature: this.carInfo.carNatureCode,
						},
						nameSimple: item.nameSimple,
						logo: item.logo,
						cnName: item.cnName,
						jqstartDate: this.jqstartDate,
						jqendDate: this.jqendDate,
						systartDate: this.systartDate,
						syendDate: this.syendDate,
						productName: this.productName,
						quotableCompanyList: this.quotableCompanyList,
						identifyNumber: this.policyHolderInfo.identifyNumber,
						taxpayerName: this.policyHolderInfo.name,
					})
				}
			}, "navigateTo", true);
		},
		// 修改方案
		updateScheme() {
			uni.navigateTo({
				url: '/pages/quote/chooseOption1',
				success: (res) => {
					res.eventChannel.emit("acceptData", {
						params: {
							companyId: this.currentCompanyInfo.id,
							productId: this.productId,
						},
						nameSimple: this.currentCompanyInfo.nameSimple,
						logo: this.currentCompanyInfo.logo,
						cnName: this.currentCompanyInfo.cnName,
						jqstartDate: this.jqstartDate,
						jqendDate: this.jqendDate,
						systartDate: this.systartDate,
						syendDate: this.syendDate,
						productName: this.productName,
						quotableCompanyList: this.quotableCompanyList,
						identifyNumber: this.policyHolderInfo.identifyNumber,
						taxpayerName: this.policyHolderInfo.name,
					})
				}
			}, "navigateTo", true);
			this.checkSelectionPopup = false;
		},
		//查最优
		async findOptimal() {
			let res = await this.$http.get('/supplementOrder/comparePrice?quoteNo=' + this.quoteno);
			if (res.code == '200') {
				this.optimalData = res.data;
				this.findOptimalShow = true;
			}
		},
		//查看方案弹窗
		checkSelection(index) {
			this.currentCompanyInfo = this.quotableCompanyList[index];
			console.log(this.currentCompanyInfo);
			this.checkSelectionPopup = true;
		},
		// 报价原因弹窗
		quoteFailedReason(index) {
			this.currentCompanyInfo = this.quotableCompanyList[index];
			this.quoteFailedReasonPopup = true;
		},
		//即时投保切换更新投保日期
		immediateCoverageChange(e) {
			if (e == 1) {
				const date = new Date();
				date.setHours(date.getHours() + 2);
				date.setMinutes(0)
				date.setSeconds(0)
				this.jqstartDate = this.transformTime(date)
				this.jqendDate = this.oneYearPast(date);
				this.systartDate = this.transformTime(date)
				this.syendDate = this.oneYearPast(date);

			} else {
				this.jqstartDate = this.nextday();
				this.jqendDate = this.oneYearPast(this.jqstartDate);
				this.systartDate = this.nextday();
				this.syendDate = this.oneYearPast(this.systartDate);
			}
		},

		//交强日期事件
		jqstartconfirm(e) {
			this.jqstartDate = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM') + ':00';
			this.jqendDate = this.oneYearPast(this.jqstartDate)
			this.jqstartShow = false;
		},
		// 商业日期事件
		systartconfirm(e) {
			this.systartDate = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM') + ':00';
			this.syendDate = this.oneYearPast(this.systartDate)
			this.systartShow = false;
		},
		//数字格式化
		convertedValue(num) {
			if (!num) {
				return "-";
			}
			if (num < 10000) {
				return num.toString();
			} else if (num < 100000000) {
				return (Math.floor(num / 10000 * 10) / 10) + '万';
			} else {
				return (Math.floor(num / 100000000 * 10) / 10) + '亿';
			}
		},

	}
}
</script>

<style lang="scss" scoped>
::v-deep {
	.u-input__content__subfix-icon {
		margin-left: 12rpx;

		image {
			width: 30rpx;
			height: 30rpx;
		}
	}

	/* 调整输入框光标靠右 */
	.uni-input-input {
		text-align: right !important;
		font-weight: bold;
	}

	/* 设置表单项非input元素靠右布局 */
	.u-form-item__body__right {
		margin-left: auto;
		flex: unset;
	}

	.u-form-item__body {
		padding: 24rpx 0;
		box-sizing: border-box;
	}

	.u-form-item__body__left__content__label {
		color: #333;
	}

	/* 覆盖表单下边框颜色 */
	.u-form-item .u-line {
		border-bottom: 1rpx solid #eee;
	}
}

page {
	background-color: #f8f8f8;
}

.page {
	background-color: #f8f8f8;
	height: 100%;

	/* 提示信息样式 */
	.hint {
		padding: 16rpx 30rpx;
		box-sizing: border-box;
		background: #FFFBD7;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		font-size: 30rpx;
		color: #333;

		.rightBtn {
			padding: 6rpx 20rpx;
			box-sizing: border-box;
			background: rgba(253, 233, 53, 0.3);
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			border: 1rpx solid #FDE935;
			font-size: 26rpx;
			color: #333;
		}
	}

	.quoteArea {
		padding: 20rpx 30rpx 170rpx;
		box-sizing: border-box;

	}

	/* 投保配置 */
	.insuranceConfig {
		padding: 0 30rpx;
		box-sizing: border-box;
		width: 100%;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
	}
}

/* 厂牌型号弹窗 */
.brandModelClass {
	padding: 30rpx 40rpx 40rpx;
	box-sizing: border-box;

	.cellView {
		padding: 10rpx 0;
		box-sizing: border-box;
		font-size: 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		text:first-child {
			color: #666;
		}

		text:last-child {
			color: #333;
			font-weight: bold;
		}
	}

	.footer-btn {
		width: 100%;
		padding: 20rpx;
		box-sizing: border-box;
		background: rgba(253, 233, 53, 0.1);
		border-radius: 45rpx 45rpx 45rpx 45rpx;
		border: 1rpx solid #FDE935;
		margin-top: 30rpx;
	}
}

/* 报价公司 */
.quoteCompany {
	.quoteCompanyItem {
		padding: 30rpx;
		box-sizing: border-box;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;

		.companyIcon {
			width: 90rpx;
			height: 90rpx;
		}

		.companyName {
			font-size: 34rpx;
			color: #333;
			font-weight: bold;
			margin-bottom: 18rpx;
		}

		.solution {
			font-size: 28rpx;
			color: #666;
		}

		.sum-price {
			color: #FF540A;

			.totalPrice {
				font-weight: bold;

				text:first-child {
					font-size: 26rpx;
				}

				text:last-child {
					font-size: 40rpx;
				}
			}

			.discountedPrice {
				font-size: 24rpx;
			}
		}

		// 报价按钮
		.quoteBtn {
			padding: 11rpx 22rpx;
			box-sizing: border-box;
			background: #FDE935;
			border-radius: 50rpx 50rpx 50rpx 50rpx;
			font-size: 30rpx;
			color: #1F1F1F;
		}

		.quoteFailureReason {
			width: 100%;
			background: #FAFAFA;
			margin-top: 20rpx;
			border-radius: 10rpx 10rpx 10rpx 10rpx;
			padding: 10rpx;
			box-sizing: border-box;
			font-size: 28rpx;
			color: #F74141;
			position: relative;

			.iconText {
				position: absolute;
				top: 10rpx;
				left: 10rpx;

				text {
					margin-left: 5rpx;
				}
			}

			.viewReason {
				background: #FAFAFA;
				position: absolute;
				bottom: 10rpx;
				right: 10rpx;
				color: #FFAC1D;
			}
		}

	}
}

// 报价失败原因弹窗
.quoteFailedReasonClass {
	.company-icon {
		width: 50rpx;
		height: 50rpx;
	}

	.companyName {
		font-size: 36rpx;
		color: #333;
		font-weight: bold;
		margin-left: 10rpx;
		margin-right: 20rpx;
	}

	.quote-status {
		padding: 4rpx 10rpx;
		box-sizing: border-box;
		background: #FFECEC;
		border-radius: 2rpx 2rpx 2rpx 2rpx;
		font-size: 24rpx;
		color: #F74141;
		font-weight: bold;
	}

	.quoteFailedReason-content {

		padding: 40rpx;
		box-sizing: border-box;

		.PopupClose-Btn {
			background: rgba(253, 233, 53, 0.1);
			border: 1rpx solid #FDE935;
			padding: 22rpx 20rpx;
			box-sizing: border-box;
			border-radius: 45rpx;
			font-size: 30rpx;
			color: #333;
			margin-top: 40rpx;
		}
	}
}

// 查看方案弹窗
.checkSelectionPopupClass {
	.company-icon {
		width: 50rpx;
		height: 50rpx;
	}

	.companyName {
		font-size: 36rpx;
		color: #333;
		font-weight: bold;
		margin-left: 10rpx;
	}

	.checkSelectionPopup-body {
		padding: 30rpx 40rpx;
		box-sizing: border-box;

		.yellow-content {
			overflow-y: auto;
			padding-bottom: 116rpx;
		}

		.content-item {
			border-radius: 4rpx;
			border: 1rpx solid #FFD9D9;
			margin-bottom: 30rpx;

			.title {
				width: 16%;
				padding: 10rpx;
				box-sizing: border-box;
				background: #FFF8F8;
				border-right: 1rpx solid #FFE5E5;
				border-radius: 4rpx 0 0 4rpx;
				font-size: 28rpx;
				color: #333;
				font-weight: bold;

				text {
					text-align: center;
				}
			}

			.right {
				flex: 1;
				padding: 0 20rpx;
				box-sizing: border-box;

				.riskView {
					margin: 15rpx 0;

					>text:first-child {
						font-size: 28rpx;
						color: #666;
					}

					>text:last-child {
						font-size: 28rpx;
						color: #333;
						font-weight: bold;
					}

					.loadMore {
						font-size: 28rpx;
						color: #333;
						font-weight: bold;

					}
				}

				.vehicleTaxInfo {
					flex: 1;
					width: 100%;
					background: #F9F9F9;
					padding: 0 10rpx;
					box-sizing: border-box;
					border-radius: 10rpx 10rpx 10rpx 10rpx;
					margin-bottom: 15rpx;

					.item {
						padding: 15rpx 0;
						box-sizing: border-box;

						text:first-child {
							font-size: 28rpx;
							color: #666;
						}

						text:last-child {
							font-size: 28rpx;
							color: #333;
							font-weight: bold;
						}
					}
				}
			}
		}

		.footer-btn {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 25rpx 30rpx 55rpx;
			box-sizing: border-box;
			background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 254, 245, 0.7) 100%);
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			backdrop-filter: blur(12rpx);

			.btn {
				width: 100%;
				background: #FDE935;
				padding: 20rpx 20rpx;
				box-sizing: border-box;
				border-radius: 58rpx 58rpx 58rpx 58rpx;
				font-size: 36rpx;
				color: #1F1F1F;
			}

			//操作按钮特殊样式
			.btns {
				background: transparent;
				border: 1rpx solid #FDE935;
				padding: 19rpx 20rpx;
				margin-right: 30rpx;
			}
		}
	}
}

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25rpx 30rpx 55rpx;
	box-sizing: border-box;
	backdrop-filter: blur(12rpx);
	background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 254, 245, 0.7) 100%);

	.btn {
		margin-right: 36rpx;

		image {
			width: 48rpx;
			height: 48rpx;
		}

		text {
			font-size: 20rpx;
			color: #333;
		}
	}

	.batchQuotes {
		flex: 1;
		background: #FDE935;
		border-radius: 58rpx 58rpx 58rpx 58rpx;
		padding: 26rpx 60rpx;
		box-sizing: border-box;
		color: #1F1F1F;

		text:first-child {
			font-size: 36rpx;
			font-weight: bold;
			line-height: 1;
		}

		.sum {
			font-size: 28rpx;
		}

	}
}

// 查最优弹窗
.findOptimalPopup {
	height: 1200rpx;
	padding: 30rpx 40rpx;
	box-sizing: border-box;
}

.suffixClass {
	margin-left: 10rpx;
	font-size: 30rpx;
}
</style>