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

<template>
	<view :style="getHeight">
		<service-widget @btnClick="btn_click"></service-widget>
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<!-- 头部 -->
		<view class="" style="width: 100%;
		height: 210px;
		background: linear-gradient( 180deg, #0052FF 0%, #F8FAFE 100%);position: absolute;top: 0;">
		</view>
		<view class="headers ">
			<view class="price">
				<view class="price1 dis a-c j-s">
					<view class="dis f-c">
						<text class="font-weight"
							style="color: #232832;font-size: 18px;">{{orderInfo.inscompany}}</text>
						<view class="dis f-c" v-if="orderInfo.jqapplyno || orderInfo.syapplyno">
							<view class="dis a-c">
								<image src="../../static/image/car-insure/toubaodanhao.png" mode=""
									style="width: 16px;height: 16px;"></image>
								<text class="font-weight"
									style="color: #333;font-size: 14px;margin-left: 10px;">投保单号</text>
							</view>
							<view class="dis f-c">
								<text style="color: #666666;font-size: 12px;"
									v-if="orderInfo.jqapplyno">交强：{{orderInfo.jqapplyno}}</text>
								<text style="color: #666666;font-size: 12px;"
									v-if="orderInfo.syapplyno">商业：{{orderInfo.syapplyno}}</text>
							</view>
						</view>
					</view>
					<image src="../../static/image/car-insure/3D.png" mode="" style="width: 60px;height: 60px;"></image>
				</view>
				<view class="price2 dis j-end a-c">
					<text style="color: #666666;font-size: 12px;">订单编号：{{orderInfo.orderno}}</text>
				</view>
			</view>
		</view>
		<view class="page">
			<view class="car">
				<view class="header d-flex a-center j-sb" @tap="showCarInfo = !showCarInfo">
					<view class="title">车辆信息</view>
					<text style="color: #0055FF;font-size: 12px;">{{showCarInfo?'收起':'展开'}}</text>
				</view>
				<view class="body" v-if="showCarInfo">
					<view class="row d-flex a-center j-sb">
						<view>车牌号</view>
						<view>{{carInfo.licenseNo}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>品牌型号</view>
						<view>{{carInfo.modelcname}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆识别代码</view>
						<view>{{carInfo.vinNo}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>发动机号</view>
						<view>{{carInfo.engineNo}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>年款</view>
						<view>{{carInfo.caryear}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>座位数</view>
						<view>{{carInfo.seatCount}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>整备质量</view>
						<view>{{carInfo.completeKerbMass}}</view>
					</view>
					<view class="row d-flex a-center j-sb" v-if="carInfo.limitLoad">
						<view>核定载质量</view>
						<view>{{carInfo.limitLoad}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>排量</view>
						<view>{{carInfo.enginedesc}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>功率</view>
						<view>{{carInfo.powerScale}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>新车购置价</view>
						<view>{{carInfo.purchasePrice}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>使用性质</view>
						<view>{{carInfo.carnature}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆用途</view>
						<view>{{carInfo.vehicleUse}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆类型</view>
						<view>{{carInfo.cartype}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆种类</view>
						<view>{{carInfo.cimodelclass}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>能源种类</view>
						<view>{{carInfo.energyType}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>注册日期</view>
						<view>{{carInfo.registerDate }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>发证日期</view>
						<view>{{carInfo.issueDate }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>是否过户</view>
						<view>{{carInfo.transferFlag?'是':'否' }}</view>
					</view>
					<view class="row d-flex a-center j-sb" v-if="carInfo.transferFlag">
						<view>转移登记日期</view>
						<view>{{carInfo.transferDate }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业是否过户</view>
						<view>{{carInfo.transferFlagBi?'是':'否' }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>是否脱保</view>
						<view>{{carInfo.outOfInsurance?'是':'否' }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>是否二手车</view>
						<view>{{carInfo.usedCar?'是':'否' }}</view>
					</view>
				</view>
			</view>
			<view class="car" style="padding: 0;">
				<view class="header d-flex a-center j-sb " @tap="showOwerInfo = !showOwerInfo"
					style="padding: 0 10px;background: linear-gradient( 180deg, #E0D5FF 0%, rgba(231,213,255,0) 100%);">
					<view class="title">人员信息</view>
					<text style="color: #7000FF;font-size: 12px;">{{showOwerInfo?'收起':'展开'}}</text>
				</view>
				<view class="body" v-if="showOwerInfo" style="padding: 8px;">
					<u-table border-color="#F0E3F8">
						<u-tr>
							<u-th class="fen">车主姓名</u-th>
							<u-th class="fen">身份证</u-th>
							<u-th class="fen">手机号</u-th>
						</u-tr>
						<u-tr>
							<u-td>{{ownerInfo.name}}</u-td>
							<u-td>{{ownerInfo.identifyNumber}}</u-td>
							<u-td>{{ownerInfo.mobile}}</u-td>
						</u-tr>
					</u-table>
					<view class="row d-flex a-center j-sb">
						<view style="width: 60px;">地址</view>
						<view>{{ownerInfo.addr}}</view>
					</view>
					<u-table border-color="#F0E3F8">
						<u-tr>
							<u-th class="fen">投保人姓名</u-th>
							<u-th class="fen">身份证</u-th>
							<u-th class="fen">手机号</u-th>
						</u-tr>
						<u-tr>
							<u-td>{{policyHolderInfo.name}}</u-td>
							<u-td>{{policyHolderInfo.identifyNumber}}</u-td>
							<u-td>{{policyHolderInfo.mobile}}</u-td>
						</u-tr>
					</u-table>
					<view class="row d-flex a-center j-sb">
						<view style="width: 60px;">地址</view>
						<view>{{policyHolderInfo.addr}}</view>
					</view>
					<u-table border-color="#F0E3F8">
						<u-tr>
							<u-th class="fen">被保人姓名</u-th>
							<u-th class="fen">身份证</u-th>
							<u-th class="fen">手机号</u-th>
						</u-tr>
						<u-tr>
							<u-td>{{insuredPersonInfo.name}}</u-td>
							<u-td>{{insuredPersonInfo.identifyNumber}}</u-td>
							<u-td>{{insuredPersonInfo.mobile}}</u-td>
						</u-tr>
					</u-table>
					<view class="row d-flex a-center j-sb">
						<view style="width: 60px;">地址</view>
						<view>{{insuredPersonInfo.addr}}</view>
					</view>
				</view>
			</view>
			<view class="car">
				<view class="header d-flex a-center j-sb" @tap="policyInfoDetailsInfo = !policyInfoDetailsInfo"
					style="background: linear-gradient( 180deg, #FFD7C2 0%, rgba(255,215,194,0) 100%);">
					<view class="title">保费信息</view>
					<text style="color: #FF8B50;font-size: 12px;">{{policyInfoDetailsInfo?'收起':'展开'}}</text>
				</view>
				<view class="body" v-if="policyInfoDetailsInfo" style="padding:5px 8px;">
					<view class="dis f-c " v-if="orderInfo.jqstartdate">
						<view class="dis j-s a-c">
							<text class="font-weight" style="color: #6B2709;font-size: 15px;">交强险</text>
							<text
								style="color: #8B563E;font-size: 13px;">{{orderInfo.jqstartdate}}至{{orderInfo.jqenddate}}</text>
						</view>
						<u-table border-color="#F8E9E3">
							<u-tr class="baodan">
								<u-th>保险产品</u-th>
								<u-th>总计（元）</u-th>
							</u-tr>
							<u-tr>
								<u-td>交通事故强制责任险</u-td>
								<u-td>￥{{orderInfo.jqpremium}}</u-td>
							</u-tr>
						</u-table>
					</view>
					<view class="dis f-c mt-1" v-if="orderInfo.systartdate">
						<view class="dis j-s a-c">
							<text class="font-weight" style="color: #6B2709;font-size: 15px;">商业险</text>
							<text
								style="color: #8B563E;font-size: 13px;">{{orderInfo.systartdate}}至{{orderInfo.syenddate}}</text>
						</view>
						<u-table border-color="#F8E9E3">
							<u-tr class="baodan">
								<u-th>险种</u-th>
								<u-th>保额</u-th>
								<u-th>保费（元）</u-th>
							</u-tr>
							<u-tr v-for="(item,index) in orderInfo.kindinfo" :key="index">
								<u-td>{{item.kindName}}</u-td>
								<u-td
									v-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)">{{item.unitAmount}}/座*{{orderInfo.carinfo.seatCount-1}}</u-td>
								<u-td v-else-if="['D3'].includes(item.kindCode)">{{item.amount}}/座*1</u-td>
								<u-td
									v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)">{{item.deductibleRate}}</u-td>
								<u-td
									v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)">{{item.serviceTimes}}/次</u-td>
								<u-td v-else>{{item.amount}}</u-td>
								<u-td>￥{{item.coveragePremium}}</u-td>
							</u-tr>
							<u-tr>
								<u-td style="color: #8B563E">商业合计</u-td>
								<u-td>-</u-td>
								<u-td>￥{{orderInfo.sypremium}}</u-td>
							</u-tr>
						</u-table>
					</view>
					<view class="dis f-c mt-1 policyInfo" v-if="orderInfo.jyName">
						<view class="dis j-s a-c">
							<text class="font-weight" style="color: #6B2709;font-size: 15px;">驾意险</text>
						</view>
						<text class="tagHeader dis a-c">
							<text>{{orderInfo.jyName}}
								<view class="tag"></view>
							</text>
						</text>
						<u-table border-color="#F8E9E3" v-if="orderInfo.accidentInfo.length>0">
							<u-tr class="baodan">
								<u-th width="50%">保险责任</u-th>
								<u-th>保额</u-th>
								<u-th>保费（元）</u-th>
							</u-tr>
							<view class="dis">
								<view class="accident dis f-c">
									<view class="dis" v-for="(item,index) in orderInfo.accidentInfo" :key="index">
										<view style="width: 67%;">{{item.name}}</view>
										<view style="width: 33%;">{{item.amount}}</view>
									</view>
								</view>
								<view class="right dis j-c a-c">
									{{orderInfo.jypremium}}
								</view>
							</view>
						</u-table>
						<u-table border-color="#F8E9E3" v-if="orderInfo.jyName">
							<u-tr class="baodan">
								<u-th>座位数</u-th>
								<u-th>每份</u-th>
								<u-th>份数</u-th>
								<u-th>总计</u-th>
							</u-tr>
							<u-tr>
								<u-td>{{orderInfo.carinfo.seatCount}}</u-td>
								<u-td>{{orderInfo.jypremium / orderInfo.jyQuantity}}/每份</u-td>
								<u-td>{{orderInfo.jyQuantity}}份</u-td>
								<u-td>{{orderInfo.jypremium}}</u-td>
							</u-tr>
						</u-table>
					</view>
				</view>
			</view>
			<view class="car">
				<view class="header d-flex a-center j-sb"
					style="background: linear-gradient( 180deg, #FFD5D5 0%, rgba(255,213,213,0) 100%);"
					@tap="showPolicyHolderInfo = !showPolicyHolderInfo">
					<view class="title">优惠信息</view>
					<text style="color: #FF4D4D;font-size: 12px;">{{showPolicyHolderInfo?'收起':'展开'}}</text>
				</view>
				<view class="body" v-if="showPolicyHolderInfo" style="padding: 5px 8px ;">
					<view class=" dis f-c">
						<template v-if="orderInfo.jqpremium">
							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
								<text>交强险：</text>
								<text
									style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{orderInfo.jqpremium}}元</text>
							</view>
							<view class="dis f-c "
								v-if="orderInfo.feeDisplay && orderInfo.jqpremium && orderInfo.feeOrderNewVo">
								<text style="color:#F54949;font-size: 13px;">优惠费用</text>
								<u-table border-color="#F8E9E3">
									<u-tr class="bili">
										<u-th>手续费比例</u-th>
										<u-th>跟单比例</u-th>
										<u-th>总比例</u-th>
									</u-tr>
									<u-tr>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[0].superviseCosts}}%</u-td>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsProportion}}%</u-td>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[0].totalProportion}}%</u-td>
									</u-tr>
								</u-table>
								<u-table border-color="#F8E9E3">
									<u-tr class="feiyong">
										<u-th>{{orderInfo.feeView?'掌柜科技币1':'手续费用'}}</u-th>
										<u-th>{{orderInfo.feeView?'掌柜科技币2':'跟单费用'}}</u-th>
										<u-th>{{orderInfo.feeView?'总科技币':'总费用'}}</u-th>
									</u-tr>
									<u-tr>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[0].superviseCostsPremiums}}</u-td>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsPremiums}}</u-td>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[0].totalAmount}}</u-td>
									</u-tr>
								</u-table>
							</view>
						</template>
						<template v-if="taxAmount">
							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
								<text>车船税：</text>
								<text style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{taxAmount}}元</text>
							</view>
							<view class="dis f-c" v-if="orderInfo.taxArrears && orderInfo.taxArrears.length>0">
								<view class="body" style="padding: 10px 5px;">
									<u-table border-color="#F8E9E3">
										<u-tr class="baodan">
											<u-th>当年应缴</u-th>
											<u-th>去年补缴</u-th>
											<u-th>滞纳金</u-th>
											<u-th>总计</u-th>
										</u-tr>
										<u-tr v-for="(item,index) in orderInfo.taxArrears" :key="index">
											<u-td>{{item.dayYearTax}}</u-td>
											<u-td>{{item.taxDefault}}</u-td>
											<u-td>{{item.lateFee}}</u-td>
											<u-td>{{orderInfo.taxamount}}</u-td>
										</u-tr>
									</u-table>
								</view>
							</view>
						</template>
						<template v-if="sypremium">
							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
								<text>商业险：</text>
								<text style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{sypremium}}元</text>
							</view>
							<view v-if="sypremium && orderInfo.feeOrderNewVo && orderInfo.feeDisplay">
								<text style="color:#F54949;font-size: 13px;">优惠费用</text>
								<u-table border-color="#F8E9E3">
									<u-tr class="bili">
										<u-th>手续费比例</u-th>
										<u-th>跟单比例</u-th>
										<u-th>总比例</u-th>
									</u-tr>
									<u-tr>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[1].superviseCosts}}%</u-td>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsProportion}}%</u-td>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[1].totalProportion}}%</u-td>
									</u-tr>
								</u-table>
								<u-table border-color="#F8E9E3">
									<u-tr class="feiyong">
										<u-th>{{orderInfo.feeView?'掌柜科技币1':'手续费用'}}</u-th>
										<u-th>{{orderInfo.feeView?'掌柜科技币2':'跟单费用'}}</u-th>
										<u-th>{{orderInfo.feeView?'总科技币':'总费用'}}</u-th>
									</u-tr>
									<u-tr>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[1].superviseCostsPremiums}}</u-td>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsPremiums}}</u-td>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[1].totalAmount}}</u-td>
									</u-tr>
								</u-table>
							</view>
						</template>
						<template v-if="jypremium">
							<view class="dis a-c j-s mt-1" style="color: #232832;font-weight: bold;">
								<text>非车险：驾意险</text>
								<text style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{jypremium}}元</text>
							</view>
							<view class="" v-if="jypremium && orderInfo.feeOrderNewVo && orderInfo.feeDisplay">
								<text style="color:#F54949;font-size: 13px;">优惠费用</text>
								<u-table border-color="#F8E9E3">
									<u-tr class="bili">
										<u-th>手续费比例</u-th>
										<u-th>跟单比例</u-th>
										<u-th>总比例</u-th>
									</u-tr>
									<u-tr>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[2].superviseCosts}}%</u-td>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsProportion}}%</u-td>
										<u-td>{{orderInfo.feeOrderNewVo.exportFee[2].totalProportion}}%</u-td>
									</u-tr>
								</u-table>
								<u-table border-color="#F8E9E3">
									<u-tr class="feiyong">
										<u-th>{{orderInfo.feeView?'掌柜科技币1':'手续费用'}}</u-th>
										<u-th>{{orderInfo.feeView?'掌柜科技币2':'跟单费用'}}</u-th>
										<u-th>{{orderInfo.feeView?'总科技币':'总费用'}}</u-th>
									</u-tr>
									<u-tr>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[2].superviseCostsPremiums}}</u-td>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsPremiums}}</u-td>
										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[2].totalAmount}}</u-td>
									</u-tr>
								</u-table>
							</view>
						</template>
						<view class="dis a-c j-s policyInfo mt-1">
							<text class="tagHeader dis a-c">
								<text class="font-weight" style="font-size: 15px;">应缴金额
									<view
										style="background:linear-gradient( 90deg, #FF564C 0%, rgba(255,86,76,0) 100%) ;"
										class="tag"></view>
								</text>
							</text>
							<text
								style="font-size: 16px;color: #FF4D4D;font-weight: bold;">{{orderInfo.sumpremium}}元</text>
						</view>
					</view>
				</view>
			</view>
			<view class="car">
				<view class="header d-flex a-center j-sb"
					style="background:  linear-gradient( 180deg, #D5FFDB 0%, rgba(213,255,222,0) 100%)"
					@tap="showextendInfo = !showextendInfo">
					<view class="title">保费因素</view>
					<text style="color: #44DC2B;font-size: 12px;">{{showextendInfo?'收起':'展开'}}</text>
				</view>
				<view class="body" v-if="showextendInfo">
					<view class="row d-flex a-center j-sb">
						<view>评分</view>
						<view>{{extendInfo.score?extendInfo.score:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>鼎然-车辆风险评分：</view>
						<view>{{orderInfo.ubiPredictedInfoScore?orderInfo.ubiPredictedInfoScore:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>交强评分</view>
						<view style="color: #ff9000;">{{extendInfo.jqScore?extendInfo.jqScore:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业评分</view>
						<view style="color: #ff9000;">{{extendInfo.syScore?extendInfo.syScore:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>出险信息</view>
						<view style="width: 200px;text-align: right;">
							{{extendInfo.accidentInfoStr?extendInfo.accidentInfoStr:"无"}}
						</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>总赔付率</view>
						<view>{{extendInfo.lossRation}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>交强赔付率</view>
						<view>{{extendInfo.jqLossRation}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业赔付率</view>
						<view>{{extendInfo.syLossRation}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>总折扣率</view>
						<view>{{extendInfo.totalAdjustRate}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>交强险折扣</view>
						<view>{{extendInfo.jqAdjustRate}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业险折扣</view>
						<view>{{extendInfo.syAdjustRate}}</view>
					</view>

				</view>
			</view>
			<view class="car">
				<view class="header d-flex a-center j-sb"
					style="background: linear-gradient( 180deg, #D5FFFF 0%, rgba(213,255,247,0) 100%);"
					@tap="showCarImageInfo = !showCarImageInfo">
					<view class="title">影像信息</view>
					<text style="color: #00B2FF;font-size: 12px;">{{showCarImageInfo?'收起':'展开'}}</text>
				</view>
				<view class="body" style="padding: 0 8px 5px;" v-if="showCarImageInfo">
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-start ">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">行驶证主页</text>
								<block v-for="(image,index) in imgList1" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList1')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'carImageListId','imgList1')"></view>
									</view>
								</block>
								<view v-if="imgList1.length==0 " class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C01','carImageListId','imgList1')">
									</view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">行驶证副本</text>
								<block v-for="(image,index) in imgList2" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList2')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'carImageListId','imgList2')"></view>
									</view>
								</block>
								<view v-if="imgList2.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D01','carImageListId','imgList2')">
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">车主身份证正面</text>
								<block v-for="(image,index) in imgList3" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList3')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'ownerImageListId','imgList3')"></view>
									</view>
								</block>
								<view v-if="imgList3.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C02','ownerImageListId','imgList3')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">车主身份证反面</text>
								<block v-for="(image,index) in imgList4" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList4')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'ownerImageListId','imgList4')"></view>
									</view>
								</block>
								<view v-if="imgList4.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D02','ownerImageListId','imgList4')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">投保人身份证正面</text>
								<block v-for="(image,index) in imgList5" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList5')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'policyImageListId','imgList5')"></view>
									</view>
								</block>
								<view v-if="imgList5.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C03','policyImageListId','imgList5')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">投保人身份证反面</text>
								<block v-for="(image,index) in imgList6" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList6')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'policyImageListId','imgList6')"></view>
									</view>
								</block>
								<view v-if="imgList6.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D03','policyImageListId','imgList6')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">被保人身份证正面</text>
								<block v-for="(image,index) in imgList7" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList7')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'insuredImageListId','imgList7')"></view>
									</view>
								</block>
								<view v-if="imgList7.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C04','insuredImageListId','imgList7')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">被保人身份证反面</text>
								<block v-for="(image,index) in imgList8" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgList8')"></image>
										<view v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'insuredImageListId','imgList8')"></view>
									</view>
								</block>
								<view v-if="imgList8.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D04','insuredImageListId','imgList8')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">新车合格证</text>
								<block v-for="(image,index) in imgNewCarQualified" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgNewCarQualified')"></image>
										<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarQualified')">
										</view>
									</view>
								</block>
								<view v-if="imgNewCarQualified.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('XC00','imgNewCarinvoiceId','imgNewCarQualified')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">购车发票</text>
								<block v-for="(image,index) in imgNewCarInvoice" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgNewCarInvoice')"></image>
										<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarInvoice')"></view>
									</view>
								</block>
								<view v-if="imgNewCarInvoice.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('GC00','imgNewCarinvoiceId','imgNewCarInvoice')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-start">
								<text style="color: #232832;font-size: 13px;margin-left: 5px;">其他关系证明</text>
								<block v-for="(image,index) in imgRelationship" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgRelationship')"></image>
										<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center "
											@tap="delCheckImage('imgRelationship',index)"></view>
									</view>
								</block>
								<view class="uni-uploader__input-box" style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('GX00','imgRelationshipid','imgRelationship')"></view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 特约 -->
			<view class="car" v-if="['紫金财险','华泰财险'].includes(this.name)">
				<view class=" header title d-flex a-center j-sb"
					style="background: linear-gradient( 180deg, #DBFFBF 0%, rgba(219,255,191,0) 100%);"
					@tap="showAppoint=!showAppoint">
					<text style="font-weight: bold;">特约</text>
					<text style="color: #0055FF;font-size: 12px;">{{showAppoint?'收起':'展开'}}</text>
				</view>
				<view class=" dis f-c j-c " v-if="showAppoint"
					style="background-color: #fff;padding:  5px 8px;border-radius: 6px;">
					<template v-if="this.name=='紫金财险'">
						<u-button type="warning" size="mini" style="width: 80px;margin-top: 5px;"
							@click="ziJinshow=true">特约选择</u-button>
						<view class="contributing dis f-c" v-for="(ziJinitem,ziJinindex) in ziJinengageList"
							:key="ziJinindex">
							<text style="font-size: 14px;">{{ziJinitem.clauseName}}</text>
							<u-input v-if="ziJinitem.modifyFlag==1" :border="true" v-model="ziJinitem.clauses"
								size="mini" type="textarea" :custom-style="{fontSize:'12px'}" />
							<text v-else>{{ziJinitem.clauses}}</text>
						</view>
					</template>
					<template v-if="this.name=='华泰财险'">
						<u-button type="warning" size="mini" style="width: 80px;margin-top: 5px;"
							@click="huaTaishow=true">特约选择</u-button>
						<view class="contributing dis f-c" v-for="(huaTaiitem, huaTaiindex) in huaTaiengageList"
							:key="huaTaiindex">
							<text style="font-size: 14px;">{{huaTaiitem.engageTitle}}</text>
							<u-input v-if="huaTaiitem.modifyFlag==1" :border="true" v-model="huaTaiitem.engageDetail"
								size="mini" type="textarea" :custom-style="{fontSize:'12px'}" />
							<text v-else>{{huaTaiitem.engageDetail}}</text>
						</view>
					</template>
				</view>
			</view>
			<view class="car" v-if="orderInfo.orderstatus ==3">
				<view class="header d-flex a-center j-sb"
					style="background: linear-gradient( 180deg, #DBFFBF 0%, rgba(219,255,191,0) 100%);"
					@tap="showApplyno = !showApplyno">
					<view class="title">保单信息</view>
					<text style="color: #0055FF;font-size: 12px;">{{showApplyno?'收起':'展开'}}</text>
				</view>
				<view class="body" v-if="showApplyno">
					<view class="row d-flex a-center j-sb" v-if="orderInfo.jqapplyno">
						<view>交强险投保单号：</view>
						<view>{{orderInfo.jqapplyno}}</view>
					</view>
					<view class="row d-flex a-center j-sb" v-if="orderInfo.syapplyno">
						<view>商业险投保单号：</view>
						<view>{{orderInfo.syapplyno}}</view>
					</view>
					<view class="row d-flex a-center j-sb" v-if="orderInfo.jqpolicyno">
						<view>交强险保单号：</view>
						<view>{{orderInfo.jqpolicyno}}</view>
					</view>
					<view class="row d-flex a-center j-sb" v-if="orderInfo.sypolicyno">
						<view>商业险保单号：</view>
						<view>{{orderInfo.sypolicyno}}</view>
					</view>
					<view class="row dis f-c">
						<view class=" dis a-c j-s" v-for="(policyListitem,policyListindex) in policyList"
							:key="policyListindex+'保单'">
							<view class="left">{{policyListitem.fileTitle}}：{{carInfo.licenseNo}}
							</view>
							<view class="right ">
								<text class="checkButton d-flex a-center j-center"
									style="font-size: 14px;color: #2CC93B;"
									@tap="downloadPolicy(policyListitem.fileurl)">下载</text>
							</view>
						</view>
						<view class="content" v-for="(policyListitem1,policyListindex1) in policyList1"
							:key="policyListindex1+'标志'">
							<view class=" dis a-c j-s">
								<view class="left">{{policyListitem1.fileTitle}}：{{carInfo.licenseNo}}
								</view>
								<view class="right ">
									<text class="checkButton d-flex a-center j-center"
										style="font-size: 14px;color: #2CC93B;"
										@tap="downloadPolicy(policyListitem1.fileurl)">下载</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bottomBtn dis f-c"
			v-if="orderstatus==0 && routepage!='pages/orders/subOrders' && routepage!='pages/orders/quoteHistory'">
			<!-- <view class="agree dis a-c ">
				<u-checkbox v-model="agree" active-color="#FF5600" size="28" @change="agreed"
					style="display: block;margin-right: 4px;" />
				我已确认并同意 <text class="tip">保险条款</text> | <text class="tip">投保须知</text> | <text class="tip">隐私条款</text>
			</view> -->
			<view class="btnView dis a-c">
				<view class="btn dis j-start a-c">应付：<text
						style="font-size: 14px;font-weight: bold;">￥{{sumPermium}}</text> </view>
				<!-- <view class="btn dis j-c a-c" @tap="toolPopupshow=true">修改</view> -->
				<view class="btn dis a-c j-c" @tap="submitAudit">确认核保</view>
			</view>
		</view>
		<u-popup v-model="toolPopupshow" mode="bottom" border-radius="10" height="">
			<view class="tool">
				<!-- <view class="dis j-c a-c" @click="toCarInfo">修改车辆信息</view> -->
				<view class="dis j-c a-c" @click="toInsureItems">修改险种配置</view>
			</view>
			<view class="cancell dis a-c j-c" @click="toolPopupshow=false">取消</view>
		</u-popup>

		<u-modal v-model="ziJinshow" title="特约保险"
			:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
			:scroll-height="{height: '300px'}" :confirm-style="{background:'#E6EEFF',color:'#0052FF'}">
			<view class="slot-content">
				<u-checkbox-group @change="ziJincontributingChange">
					<u-checkbox v-model="item.checked" active-color="rgb(255, 153, 0)"
						v-for="(item, index) in ziJinengageListData" :key="index"
						:name="item.clauseId">{{item.clauseName}}</u-checkbox>
				</u-checkbox-group>
			</view>
		</u-modal>

		<u-modal v-model="huaTaishow" title="华泰特约选择" :title-style="{fontWeight: 'bold'}"
			:scroll-height="{height: '300px'}">
			<view class="slot-content">
				<u-checkbox-group @change="huaTaicontributingChange">
					<u-checkbox v-model="item.checked" active-color="rgb(255, 153, 0)"
						v-for="(item, index) in huaTaiengageListData" :key="index"
						:name="item.engageCode">{{item.engageTitle}}</u-checkbox>
				</u-checkbox-group>
			</view>
		</u-modal>
		<u-modal v-model="auditNextShow" content="是否确认提交核保" :show-title="false"
			:confirm-style="{background:'#0052FF',color:'#fff'}" :mask-close-able='true' @confirm="auditNextconfirm"
			:show-cancel-button="true">

		</u-modal>
		<previewImage ref="previewImage" :opacity="0.8" :circular="true" :imgs="previewImgs"></previewImage>

		<u-modal v-model="underwriteShow" :title="underwriteTitle" :title-style="{fontWeight:'bold'}"
			:confirm-text="confirmText" :cancel-text="cancelText" :confirm-style="{background:'#0052FF',color:'#fff'}"
			:show-cancel-button="true" @confirm="underwriteconfirm" @cancel="underwritecancel">
			<view class="slot-content">
				<scroll-view class="scrollBar" scroll-y="true"
					style="max-height: 300px; padding: 10px 20px; box-sizing: border-box;">
					<view class="content">
						<rich-text :nodes="underwriteMsg"></rich-text>
					</view>
				</scroll-view>
			</view>
		</u-modal>
	</view>
</template>
<script>
	import {
		mapState,
		mapMutations
	} from "vuex"
	import {
		pathToBase64,
		base64ToPath
	} from '@/common/pdf.js'
	import uniPopup from '@/components/uni-popup/uni-popup.vue';
	import previewImage from '@/components/common/previewImage/previewImage.vue'; //引用插件
	export default {
		components: {
			uniPopup,
			previewImage
		},
		computed: {
			...mapState(['userInfo', 'token', 'quotationType']),
			getHeight() {
				let height = uni.getSystemInfoSync().windowHeight;
				return `minHeight: ${height}px;`;
			}
		},
		data() {
			return {
				//核保提示
				underwriteShow: false,
				underwriteTitle: "订单自核成功", //核保状态
				confirmText: "立即缴费", //核保提示自定义按钮
				cancelText: "暂不缴费",
				underwriteMsg: "",
				//核保提示
				auditNextShow: false, //核保确认标识
				auditReturnInfoShow: false, //核保信息返回标识
				auditReturnInfoContent: "", //核保返回信息
				modificationFlag: false, //影响修改标识
				ziJinshow: false, //紫金特约
				huaTaishow: false, //紫金特约
				toolPopupshow: false, //底部弹窗
				agree: false,
				logoimg: "",
				companyId: "", //订单号
				orderInfo: {},
				licenseNo: "", //车牌号
				icon: "", //保险公司logo
				name: "", //保险公司名称
				carInfo: {}, //车辆信息
				ownerInfo: {}, //车主信息
				policyHolderInfo: {}, //投保人信息
				insuredPersonInfo: {}, //被保人信息
				riskList: [], //险种大类信息
				kindList: [], //商业险险别
				sumPermium: "", //报价金额
				taxAmount: "", //车船税金额
				jqpremium: "", //交强险金额
				sypremium: "", //商业险金额

				orderstatus: "0", //订单状态
				CIStartDate: "", //交强险日期
				BIStartDate: "", //商业险日期
				showCarInfo: true,
				showextendInfo: true,
				insureList: [{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "投保",
							"value": "1"
						}],
						kindCode: "A",
						isMainRisk: true,
						kindName: "机动车损失险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "10万",
							"value": "100000"
						}, {
							"label": "15万",
							"value": "150000"
						}, {
							"label": "20万",
							"value": "200000"
						}, {
							"label": "30万",
							"value": "300000"
						}, {
							"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: "第三者责任险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "1万",
							"value": "10000"
						}, {
							"label": "2万",
							"value": "20000"
						}, {
							"label": "5万",
							"value": "50000"
						}, {
							"label": "10万",
							"value": "100000"
						}, {
							"label": "15万",
							"value": "150000"
						}, {
							"label": "20万",
							"value": "200000"
						}],
						kindCode: "D3",
						isMainRisk: true,
						kindName: "司机责任险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "1万",
							"value": "10000"
						}, {
							"label": "2万",
							"value": "20000"
						}, {
							"label": "5万",
							"value": "50000"
						}, {
							"label": "10万",
							"value": "100000"
						}, {
							"label": "15万",
							"value": "150000"
						}, {
							"label": "20万",
							"value": "200000"
						}],
						kindCode: "D4",
						isMainRisk: true,
						kindName: "乘客责任险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "2000",
							"value": "2000"
						}, {
							"label": "5000",
							"value": "5000"
						}, {
							"label": "1万",
							"value": "10000"
						}],
						isMainRisk: false,
						kindCode: "L",
						kindName: "车身划痕险",
						mainRiskCodeList: "A"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ1",
						kindName: "绝对免赔率特约险（车损）",
						mainRiskCodeList: "A"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ2",
						kindName: "绝对免赔率特约险（三者）",
						mainRiskCodeList: "B"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ3",
						kindName: "绝对免赔率特约险（司机）",
						mainRiskCodeList: "D3"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ4",
						kindName: "绝对免赔率特约险（乘客）",
						mainRiskCodeList: "D4"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "投保",
							"value": "1"
						}],
						isMainRisk: false,
						kindCode: "BD",
						kindName: "法定节假日限额翻倍险",
						mainRiskCodeList: "B"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: "",
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "10万",
								value: "100000"
							}
						],
						kindCode: "SY_FJ_YBW1",
						isMainRisk: false,
						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: false,
						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: false,
						kindName: "附加医保-座位险(司机)",
						desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
				],
				vehicleModel: {}, //车型信息
				showOwerInfo: true, //展示车主信息
				showPolicyHolderInfo: true, //展示投保人信息
				showAppoint: false, //展示特约
				showApplyno: false, //展示投保单号
				showPolicyno: false, //展示保单号
				showPolicyFile: false, //展示电子保单
				showPolicybzFile: false, //展示电子保单
				policyInfoDetailsInfo: false,
				policyList: [], //电子保单文件
				policyList1: [], //电子标志文件
				showCarImageInfo: false, //显示车辆影像
				carImageListId: [],
				ownerImageListId: [],
				policyImageListId: [],
				insuredImageListId: [],
				imgRelationshipid: [],
				imgNewCarinvoiceId: [],
				imgList1: [],
				imgList2: [],
				imgList3: [],
				imgList4: [],
				imgList5: [],
				imgList6: [],
				imgList7: [],
				imgList8: [],
				imgRelationship: [], //其他证明
				imgNewCarQualified: [], //合格证
				imgNewCarInvoice: [], //发票
				previewImgs: [],
				dianzibaodan: "",
				jypremium: "",
				quoteno: "",
				extendInfo: {},
				routepage: "",
				roadrescueList: [],
				companyUnderwriting: "",
				ziJinengageListData: [],
				ziJinengageList: [],
				huaTaiengageListData: [],
				huaTaiengageList: [],
				natureOfVehicleUseoptions: [],
				vehicleTypeoptions: [],
				trafficManagementVehicleTypeoptions: [],
				energyTypeoptions: [],
				businessVehicleUseoptions: [],
				outOfBusinessVehicleUseoptions: [],
			}
		},
		async onLoad(params) {
			let pages = getCurrentPages(); // 当前页面路由
			if (pages.length > 1) {
				let beforePage = pages[pages.length - 2].route; // 上一个页面路由
				this.routepage = beforePage;
			}
			await this.getDicType("businessVehicleUse"); //车辆用途（营业）
			await this.getDicType("outOfBusinessVehicleUse"); //车辆用途（非营业）
			await this.getDicType("natureOfVehicleUse"); //车辆性质
			await this.getDicType("vehicleType"); //车辆种类
			await this.getDicType("trafficManagementVehicleType"); //车辆类型
			await this.getDicType("energyType"); //能源种类

			if (!!params.companyId) {
				this.companyId = params.companyId;
				let param = {
					companyId: params.companyId
				};
				let res = await this.$http.post('/insurance/order/getByCompanyId', param);
				if (res.code == 200) {
					this.icon = "";
					this.quoteno = res.data.quoteno;
					this.name = res.data.inscompany;
					this.carInfo = res.data.carinfo;
					this.carInfo.carnature = this.dictionaryMatching(this.natureOfVehicleUseoptions,
						this
						.carInfo
						.carnature)
					this.carInfo.vehicleUse = this.carInfo.carnature == '非营业' ? this.dictionaryMatching(this
						.outOfBusinessVehicleUseoptions,
						this
						.carInfo
						.vehicleUse) : this.dictionaryMatching(this.businessVehicleUseoptions,
						this
						.carInfo
						.vehicleUse)
					this.carInfo.cimodelclass = this.dictionaryMatching(this.vehicleTypeoptions,
						this
						.carInfo
						.cimodelclass)
					this.carInfo.cartype = this.dictionaryMatching(this.trafficManagementVehicleTypeoptions,
						this
						.carInfo
						.cartype)
					this.carInfo.energyType = this.dictionaryMatching(this.energyTypeoptions,
						this
						.carInfo
						.energyType)
					this.extendInfo = res.data.extendInfo;
					this.licenseNo = res.data.licenseno;
					// if (!!this.carInfo.loanStatus) {
					// 	this.carInfo.loanStatus = 1;
					// } else {
					// 	this.carInfo.loanStatus = 0;
					// }
					if (this.carInfo.registerDate) {
						let year1 = new Date(this.carInfo.registerDate).getFullYear()
						let month1 = new Date(this.carInfo.registerDate).getMonth() + 1
						if (month1 < 10) {
							month1 = '0' + month1;
						}
						let day1 = new Date(this.carInfo.registerDate).getDate()
						if (day1 < 10) {
							day1 = '0' + day1;
						}
						this.carInfo.registerDate = year1 + '-' + month1 + '-' + day1
					}
					if (this.carInfo.issueDate) {
						let year2 = new Date(this.carInfo.issueDate).getFullYear()
						let month2 = new Date(this.carInfo.issueDate).getMonth() + 1
						if (month2 < 10) {
							month2 = '0' + month2;
						}
						let day2 = new Date(this.carInfo.issueDate).getDate()
						if (day2 < 10) {
							day2 = '0' + day2;
						}
						this.carInfo.issueDate = year2 + '-' + month2 + '-' + day2
					}
					if (this.carInfo.transferDate) {
						let year3 = new Date(this.carInfo.transferDate).getFullYear()
						let month3 = new Date(this.carInfo.transferDate).getMonth() + 1
						if (month3 < 10) {
							month3 = '0' + month3;
						}
						let day3 = new Date(this.carInfo.transferDate).getDate()
						if (day3 < 10) {
							day3 = '0' + day3;
						}
						this.carInfo.transferDate = year3 + '-' + month3 + '-' + day3
					}
					res.data.ownerinfo.identifyNumber = res.data.ownerinfo.identifyNumber.slice(0, 4) + '******' + res
						.data.ownerinfo.identifyNumber.slice(14, 18);
					res.data.applyinfo.identifyNumber = res.data.applyinfo.identifyNumber.slice(0, 4) + '******' + res
						.data.applyinfo.identifyNumber.slice(14, 18);
					res.data.insureinfo.identifyNumber = res.data.insureinfo.identifyNumber.slice(0, 4) + '******' +
						res.data.insureinfo.identifyNumber.slice(14, 18);
					this.ownerInfo = res.data.ownerinfo;
					this.policyHolderInfo = res.data.applyinfo;
					this.insuredPersonInfo = res.data.insureinfo;
					this.riskList = res.data.riskinfo;
					this.kindList = res.data.kindinfo;
					this.sumPermium = res.data.sumpremium;
					this.taxAmount = res.data.taxamount;
					this.sypremium = res.data.sypremium;
					this.jqpremium = res.data.jqpremium;
					this.jypremium = res.data.jypremium;
					this.orderstatus = res.data.orderstatus;
					this.orderInfo = Object.assign({}, res.data)
					this.roadrescueList = this.kindList.filter((val) => {
						return ["TY1", "TY2", "TY3", "TY4"].includes(val.kindCode)
					})
					this.imageEcho(this.quoteno) // 影像获取完毕
					switch (this.name) {
						case "永安财险":
							this.yonganprint(); //电子保单
							break;
						case "中煤财险":
							this.zhongMeigetPolicyPrint(); //电子保单
							break;
						case "恒邦财险":
						case "诚泰财险":
						case "安盛天平":
						case "众安财险":
						case "中国人寿":
						case "太平财险":
						case "华农财险":
						case "泰康财险":
							this.pythonprint(); //电子保单
							break;
						case "永诚财险":
							this.yongChenggetPolicyPrint(); //电子保单
							break;
						case "紫金财险":
							this.ziJingetPolicyPrint(); //电子保单
							break;
						case "华泰财险":
							this.huaTaigetPolicyPrint(); //电子保单
							break;
						case "国任财险":
							this.guoRengetPolicyPrint(); //电子保单
							break;
						case "大家财险":
							this.daJiagetPolicyPrint(); //电子保单
							break;
						default:
							this.externalOrder();
					}
					this.$base.insCompanyList.map(ele => {
						if (ele.name == res.data.inscompany) {
							uni.getImageInfo({
								src: ele.icon,
								success: image => {
									pathToBase64(image.path)
										.then(base64 => {
											this.logoimg = base64;
										})
										.catch(error => {});
								},
								fail: err => {}
							});
						}
						return ele;
					})
				}
				if (this.name == '紫金财险') {
					let Zijinres = await this.$http.post('/order/zijin/queryClauseData', param);
					this.ziJinengageListData = Zijinres.data;
					let data = this.ziJinengageListData.find(val => val.optType == 3)
					if (data) {
						this.ziJinengageList.push({
							clauseCode: data.clauseCode,
							clauseName: data.clauseName,
							clauses: data.clauseContent,
							riskCode: data.riskCode,
							modifyFlag: data.modifyFlag,
							optType: data.optType,
						})
					}

				}
				if (this.name == '华泰财险') {
					let huaTaires = await this.$http.post('/order/huaTaiApi/queryClauseData', param);
					this.huaTaiengageListData = huaTaires.data;
					huaTaires.data.map(val => {
						if (val.optType == '2') {
							this.huaTaiengageList.push({
								engageCode: val.engageCode,
								engageDetail: val.engageDetail,
								engageTitle: val.engageTitle,
								riskCode: val.riskCode,
								modifyFlag: val.modifyFlag,
							})
						}
					})
				}
			} else {
				uni.showModal({
					showCancel: false,
					title: "未查询到该订单"
				})
			}
			// if (this.orderstatus == '3') {
			// 	uni.setNavigationBarTitle({
			// 		title: "订单详情"
			// 	})
			// }
		},
		methods: {
			...mapMutations(['setOrderStage', 'setOrderType']),
			underwritecancel() {
				this.navigate({
						url: "/pages/orders/orders"
					}, "switchTab",
					true);
			},
			btn_click() {
				uni.navigateTo({
					url: '/pages/chat/chat'
				})
			},
			underwriteconfirm() {
				switch (this.underwriteTitle) {
					case '订单自核成功':
						if (this.quotationType.themeCode == 'QD') {
							uni.navigateTo({
								url: "/pages/orders/paymentCode?companyId=" +
									this
									.companyId + '&apiType=' + this.orderInfo
									.apiType,
							})
						} else {
							uni.navigateTo({
								url: "/pages/orders/paymentCode1?companyId=" +
									this
									.companyId + '&apiType=' + this.orderInfo
									.apiType,
							})
						}
						break;
					case '核保失败':
						// uni.navigateBack({
						// 	delta: 1
						// });
						break;
					case '影像上传失败':
						break;

				}
			},

			//字典name匹配
			dictionaryMatching(list, value) {
				let obj = list.find(val => val.dictValue == value);
				return obj.dictTag;
			},
			async getDicType(type) {
				let res = await this.$http.get('/sysDict/dictDetails/' + type);
				if (res.code == 200) {
					this[type + 'options'] = res.data.ddList;
					// if (type == "trafficManagementVehicleType") {
					// 
					// 	this.carInfo1.cimodelclass = this.dictionaryMatching(this.vehicleTypeoptions,
					// 		this
					// 		.carInfo
					// 		.cimodelclass)
					// }
				}
			},
			ziJincontributingChange(param) {
				this.ziJinengageList = [];
				param.map(val => {
					let list = this.ziJinengageListData.find(item => item.clauseId == val)
					this.ziJinengageList.push({
						clauseCode: list.clauseCode,
						clauseName: list.clauseName,
						clauses: list.clauseContent,
						riskCode: list.riskCode,
						modifyFlag: list.modifyFlag,
					})
				})
			},
			huaTaicontributingChange(param) {
				this.huaTaiengageList = [];
				param.map(val => {
					let list = this.huaTaiengageListData.find(item => item.engageCode == val)
					this.huaTaiengageList.push({
						engageCode: list.engageCode,
						engageDetail: list.engageDetail,
						engageTitle: list.engageTitle,
						riskCode: list.riskCode,
						modifyFlag: list.modifyFlag,
					})
				})
			},
			//阅读并同意协议
			agreed(e) {
				this.agree = e.value;
			},
			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);
			},
			//去选择险种页面
			toInsureItems() {
				this.navigate({
					url: '/pages/carInsure/insureItems',
					success: (res) => {
						res.eventChannel.emit("acceptData", {
							carInfo: this.carInfo,
							ownerInfo: this.ownerInfo,
							policyHolderInfo: this.policyHolderInfo,
							insuredPersonInfo: this.insuredPersonInfo,
							riskList: this.riskList,
							kindList: this.kindList
						})
					}
				}, "navigateTo", true);
			},
			//删除图片
			delCheckImage(param, IdList, srcList) {
				this[IdList].map((ele, index) => {
					if (param.imageId === ele.imageId) {
						this[IdList].splice(index, 1);
					}
					return ele;
				});
				this[srcList].map((ele, index) => {
					if (param.imageId === ele.imageId) {
						this[srcList].splice(index, 1);
					}
					return ele;
				});
			},
			//影像查询
			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.carImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList1.push(imgres.data[keys]);
									break;
								case 'D01':
									this.carImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList2.push(imgres.data[keys]);
									break;
								case 'C02':
									this.ownerImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList3.push(imgres.data[keys]);
									break;
								case 'D02':
									this.ownerImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList4.push(imgres.data[keys]);
									break;
								case 'C03':
									this.policyImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList5.push(imgres.data[keys]);
									break;
								case 'D03':
									this.policyImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList6.push(imgres.data[keys]);
									break;
								case 'C04':
									this.insuredImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList7.push(imgres.data[keys]);
									break;
								case 'D04':
									this.insuredImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList8.push(imgres.data[keys]);
									break;
								default:
									break;
							}
						}
					});
				}
			},
			async uploadRetry() {
				const mergedArray = [...this.carImageListId, ...this.ownerImageListId, ...this
					.policyImageListId, ...this.insuredImageListId, ...this
					.imgRelationshipid
				];
				if (mergedArray.length > 0) {
					await this.$http.post('/ins/taskImage/uploadImages', {
						imageList: mergedArray,
						quoteNo: this.quoteno,
					})
				}
			},
			async auditNextconfirm() {
				if (this.modificationFlag) {
					await this.uploadRetry();
				}
				switch (this.name) {
					case "永安财险":
						let yaimage = await this.$http.post(
							'/order/yongAn/submitImage', {
								companyId: this.companyId
							});
						if (yaimage.code == '200') {
							let yaaudit = await this.$http.post(
								'/order/yongAn/audit', {
									companyId: this.companyId,
									jqappoint: "",
									syappoint: ""
								});
							if (yaaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = yaaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = yaimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "中煤财险":
						let zmapiImage = this.orderInfo.apiType == "2" ? "/insurance/crawler/submitImage" :
							'/order/zhongMeiApi/submitImage';
						let zmimage = await this.$http.post(
							`${zmapiImage}`, {
								[this.orderInfo.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId
							});
						if (zmimage.code == '200') {
							let zmapiAudit = this.orderInfo.apiType == "2" ? "/insurance/crawler/audit" :
								'/order/zhongMeiApi/audit';
							let zmaudit = await this.$http.post(
								`${zmapiAudit}`, {
									[this.orderInfo.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId,
									jqappoint: "",
									syappoint: ""
								});
							if (zmaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = zmaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = zmimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "永诚财险":
						let ycimage = await this.$http.post(
							'/api/yongCheng/uploadImage', {
								companyId: this.companyId
							});
						if (ycimage.code == '200') {
							let ycaudit = await this.$http.post(
								'/api/yongCheng/audit', {
									companyId: this.companyId,
								});
							if (ycaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = ycaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = ycimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "国任财险":
						let grimage = await this.$http.post(
							'/api/guoRen/uploadImage', {
								companyId: this.companyId
							});
						if (grimage.code == '200') {
							let graudit = await this.$http.post(
								'/api/guoRen/audit', {
									companyId: this.companyId,
								});
							if (graudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = graudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = grimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "大家财险":
						let djapiImage = this.orderInfo.apiType == "2" ? "/insurance/crawler/submitImage" :
							"/api/dajia/submitImage";
						let djimage = await this.$http.post(
							`${djapiImage}`, {
								[this.orderInfo.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId
							});
						if (djimage.code == '200') {
							let djapiAudit = this.orderInfo.apiType == "2" ? "/insurance/crawler/audit" :
								'/api/dajia/audit';
							let djaudit = await this.$http.post(
								`${djapiAudit}`, {
									[this.orderInfo.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId,
								});
							if (djaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = djaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = djimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "紫金财险":
						let zjimage = await this.$http.post(
							'/order/zijin/submitImage', {
								companyId: this.companyId
							});
						if (zjimage.code == '200') {
							let zjaudit = await this.$http.post(
								'/order/zijin/audit', {
									companyId: this.companyId,
									engageList: this.ziJinengageList,
								});
							if (zjaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = zjaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = zjimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "华泰财险":
						let htapiImage = this.orderInfo.apiType == "2" ? "/insurance/crawler/submitImage" :
							"/order/huaTaiApi/submitImage";
						let htimage = await this.$http.post(
							`${htapiImage}`, {
								[this.orderInfo.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId
							});
						if (htimage.code == '200') {
							let htapiAudit = this.orderInfo.apiType == "2" ? "/insurance/crawler/audit" :
								'/order/huaTaiApi/audit';
							let htaudit = await this.$http.post(
								`${htapiAudit}`, {
									[this.orderInfo.apiType == 2 ? "subOrderNo" : "companyId"]: this.companyId,
									engageList: this.huaTaiengageList,
								});
							if (htaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = htaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = htimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "渤海财险":
						let bhimage = await this.$http.post(
							'/order/boHaiApi/submitImage', {
								companyId: this.companyId
							});
						if (bhimage.code == '200') {
							let bhaudit = await this.$http.post(
								'/order/boHaiApi/audit', {
									companyId: this.companyId,
									jqappoint: "",
									syappoint: ""
								});
							if (bhaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = bhaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = bhimage.msg;
							this.underwriteShow = true;
						}
						break;
					case "恒邦财险":
					case "诚泰财险":
					case "安盛天平":
					case "众安财险":
					case "中国人寿":
					case "太平财险":
					case "华农财险":
					case "泰康财险":
						let pythonimage = await this.$http.post(
							'/insurance/crawler/submitImage', {
								subOrderNo: this.companyId
							});
						if (pythonimage.code == '200') {
							let pythonaudit = await this.$http.post(
								'/insurance/crawler/audit', {
									subOrderNo: this.companyId,
								});
							if (pythonaudit.code == '200') {
								this.underwriteTitle = '订单自核成功';
								this.cancelText = '暂不缴费';
								this.confirmText = '立即缴费';
								this.underwriteShow = true;
							} else {
								this.underwriteTitle = '核保失败';
								this.cancelText = '返回订单';
								this.confirmText = '关闭';
								this.underwriteMsg = pythonaudit.msg;
								this.underwriteShow = true;
							}
						} else {
							this.underwriteTitle = '影像上传失败';
							this.cancelText = '返回订单';
							this.confirmText = '关闭';
							this.underwriteMsg = pythonimage.msg;
							this.underwriteShow = true;
						}
						break;
				}
			},
			// 上传影像并提交核保
			async submitAudit() {
				// if (!this.agree) {
				// 	return uni.showToast({
				// 		title: '请阅读并同意协议',
				// 		icon: "none",
				// 		duration: 2000
				// 	});
				// }
				this.auditNextShow = true;
			},
			async chooseImage(type, imageIdList, imgurl) {
				let [chooseImageErr, chooseImageRes] = await uni.chooseImage({
					count: 1,
					sizeType: ['compressed']
				});
				chooseImageRes.tempFilePaths.map((ele, index) => {
					uni.uploadFile({
						url: this.$base.baseUrl + '/ins/taskImage/uploadFile',
						filePath: ele,
						name: "multipartFile",
						formData: {
							'type': 'image',
						},
						header: {
							Authorization: this.token,
						},
						success: async (imgRes) => {
							let data = JSON.parse(imgRes.data);
							data.data.url = this.$base.baseUrl + data.data.url;
							if (data.code == "200") {
								if (this[imageIdList].some(v => v.imageType == type)) {
									this[imageIdList].map(val => {
										if (val.imageType == type) {
											val.imageId = data.data.id;
										}
									})
								} else {
									this[imageIdList].push({
										imageId: data.data.id,
										imageType: type,
									})
								}
								this[imgurl].push(data.data)
								this.modificationFlag = true;
							}
						}
					});
				})
			},
			//影像预览
			previewImage(e, type) {
				this.previewImgs = this[type];
				var current = e.currentTarget.dataset.src;
				this.$refs.previewImage.open(current); // 传入当前选中的图片地址或序号
			},
			//查询电子保单
			async yonganprint() {
				this.policyList = [];
				this.policyList1 = [];
				let res = await this.$http.post('/order/yongAn/getPolicyPrint', {
					companyId: this.companyId,
					policytype: "jq"
				}); //永安
				if (res.data) {
					let result = res.data.replace(/[\r\n]/g, "");
					let pdfBase64 = `data:application/pdf;base64,${result}`;
					base64ToPath(pdfBase64)
						.then(path => {
							this.policyList.push({
								fileTitle: "交强电子保单",
								filename: this.orderInfo.jqpolicyno,
								fileurl: path,
							})
						})
				}
				let res1 = await this.$http.post('/order/yongAn/getPolicyPrint2', {
					companyId: this.companyId,
					policytype: "jq"
				}); //永安
				if (res1.data) {
					let result = res1.data.replace(/[\r\n]/g, "");
					let pdfBase64 = `data:application/pdf;base64,${result}`;
					base64ToPath(pdfBase64)
						.then(path => {
							this.policyList1.push({
								fileTitle: "交强电子标志",
								filename: this.orderInfo.jqpolicyno,
								fileurl: path,
							})
						})
				}
				if (this.orderInfo.sypolicyno) {
					let res2 = await this.$http.post('/order/yongAn/getPolicyPrint2', {
						companyId: this.companyId,
						policytype: "sy"
					}); //永安
					if (res2.data) {
						let result = res1.data.replace(/[\r\n]/g, "");
						let pdfBase64 = `data:application/pdf;base64,${result}`;
						base64ToPath(pdfBase64)
							.then(path => {
								this.policyList.push({
									fileTitle: "商业电子保单",
									filename: this.orderInfo.sypolicyno,
									fileurl: path,
								})
							})
					}
				}
			},
			async zhongMeigetPolicyPrint() {
				let apiType = this.orderInfo.apiType;
				switch (apiType) {
					case 1:
						this.policyList = [];
						this.policyList1 = [];
						if (this.orderInfo.jqpolicyno) {
							let res = await this.$http.post('/order/zhongMeiApi/getPolicyPrint', {
								companyId: this.companyId,
								riskCode: "0507",
								type: '2', //2:保单
							});
							if (res.code == '200') {
								this.policyList.push({
									fileTitle: "交强电子保单",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res.data[0],
								})
							}
							let res1 = await this.$http.post('/order/zhongMeiApi/getPolicyPrint', {
								companyId: this.companyId,
								riskCode: "0507",
								type: '1', //1:标志
							});
							if (res1.code == '200') {
								this.policyList1.push({
									fileTitle: "交强电子标志",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data[0],
								})
							}
						}
						if (this.orderInfo.sypolicyno) {
							let res = await this.$http.post('/order/zhongMeiApi/getPolicyPrint', {
								companyId: this.companyId,
								riskCode: "0510",
								type: '2', //2:标志
							});
							if (res.code == '200') {
								this.policyList.push({
									fileTitle: "商业电子保单",
									filename: this.orderInfo.sypolicyno,
									fileurl: res.data[0],
								})
							}
						}
						if (this.orderInfo.crossInsurance.length > 0) {
							this.orderInfo.crossInsurance.map(async ele => {
								let res = await this.$http.post('/order/zhongMeiApi/getPolicyPrint', {
									companyId: this.companyId,
									ridePolicyNo: ele.ridePolicyNo,
									riskCode: "0513",
									type: '2', //2:保单
								});
								if (res.code == '200') {
									this.policyList.push({
										fileTitle: "驾意险保单",
										filename: ele.ridePolicyNo,
										fileurl: res.data[0],
									})
								}
							})
						}
						break;
					case 2:
						if (this.orderInfo.jqpolicyno || this.orderInfo.sypolicyno) {
							let params = {
								subOrderNo: this.companyId,
							};
							let res1 = await this.$http.post(
								'/insurance/crawler/getPolicyPrint', params);
							if (res1.code == '200') {
								this.policyList = [];
								this.policyList1 = [];
								this.policyList.push({
									fileTitle: "交强电子保单",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data.jqxPolicyUrl,
								})
								this.policyList1.push({
									fileTitle: "交强电子标志",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data.jqxFlagUrl,
								})
								if (res1.data.syxPolicyUrl) {
									this.policyList.push({
										fileTitle: "商业电子保单",
										filename: this.orderInfo.sypolicyno,
										fileurl: res1.data.syxPolicyUrl,
									});
								}
								if (res1.data.jyxInfoList.length > 0) {
									res1.data.jyxInfoList.map(ele => {
										this.policyList.push({
											fileTitle: "驾意险保单",
											filename: ele.application,
											fileurl: ele.jyx_policy_url,
										});
										return ele;
									})

								}
							}
						}
						break;
				}

			},
			async yongChenggetPolicyPrint() {
				this.policyList = [];
				this.policyList1 = [];
				let res = await this.$http.post('/api/yongCheng/getPolicyPrint', {
					companyId: this.companyId,
					riskCode: "0507",
					type: '2', //2:保单
				}); //永诚财险
				if (res.code == '200') {
					this.policyList.push({
						fileTitle: "交强电子保单",
						filename: this.orderInfo.jqpolicyno,
						fileurl: res.data.jqUrl,
					})
					if (res.data.jqFlagUrl) {
						this.policyList1.push({
							fileTitle: "交强电子标志",
							filename: this.orderInfo.jqpolicyno,
							fileurl: res.data.jqFlagUrl,
						})
					}
				}
				if (this.orderInfo.sypolicyno) {
					let res = await this.$http.post('/api/yongCheng/getPolicyPrint', {
						companyId: this.companyId,
						riskCode: "0510",
						type: '2', //2:保单
					}); //永诚财险
					if (res.code == '200') {
						this.policyList.push({
							fileTitle: "商业电子保单",
							filename: this.orderInfo.sypolicyno,
							fileurl: res.data.syUrl,
						});
					}
				}
				if (this.orderInfo.crossInsurance.length > 0) {
					this.orderInfo.crossInsurance.map(async ele => {
						let res = await this.$http.post('/api/yongCheng/getPolicyPrint', {
							companyId: this.companyId,
							policyNumber: ele.policyNumber,
							riskCode: "0513",
							type: '2', //2:保单
						});
						if (res.code == '200') {
							this.policyList.push({
								fileTitle: "驾意险保单",
								filename: ele.policyNumber,
								fileurl: res.data.jyUrl,
							})
						}
					})
				}
			},
			//爬虫电子保单统一调用
			async pythonprint() {
				if (this.orderInfo.jqpolicyno || this.orderInfo.sypolicyno) {
					let params = {
						subOrderNo: this.companyId,
					};
					let res1 = await this.$http.post('/insurance/crawler/getPolicyPrint', params);
					if (res1.code == '200') {
						this.policyList = [];
						this.policyList1 = [];
						this.policyList.push({
							fileTitle: "交强电子保单",
							filename: this.orderInfo.jqpolicyno,
							fileurl: res1.data.jqxPolicyUrl,
						})
						this.policyList1.push({
							fileTitle: "交强电子标志",
							filename: this.orderInfo.jqpolicyno,
							fileurl: res1.data.jqxFlagUrl,
						})
						if (res1.data.syxPolicyUrl) {
							this.policyList.push({
								fileTitle: "商业电子保单",
								filename: this.orderInfo.sypolicyno,
								fileurl: res1.data.syxPolicyUrl,
							});
						}
						if (res1.data.jyxInfoList.length > 0) {
							res1.data.jyxInfoList.map(ele => {
								this.policyList.push({
									fileTitle: "驾意险保单",
									filename: ele.application,
									fileurl: ele.jyx_policy_url,
								});
								return ele;
							})

						}
					}
				}
			},
			async externalOrder() {
				let res = await this.$http.get('/api/externalOrder/getPolicyPrint?subOrderNo=' + this
					.companyId);
				this.policyList = [];
				this.policyList1 = [];
				if (res.data.jqPolicy) {
					this.policyList.push({
						fileTitle: "交强电子保单",
						filename: this.orderInfo.jqpolicyno,
						fileurl: this.$base.baseUrl + res.data.jqPolicy,
					})
				}
				if (res.data.jqSign) {
					this.policyList1.push({
						fileTitle: "交强电子标志",
						filename: this.orderInfo.jqpolicyno,
						fileurl: this.$base.baseUrl + res.data.jqSign,
					})
				}
				if (res.data.syPolicy) {
					this.policyList.push({
						fileTitle: "商业电子保单",
						filename: this.orderInfo.sypolicyno,
						fileurl: this.$base.baseUrl + res.data.syPolicy,
					});
				}
				if (res.data.noPolicy) {
					this.policyList.push({
						fileTitle: "驾意险保单",
						fileurl: this.$base.baseUrl + res.data.noPolicy,
					});
				}
			},
			async ziJingetPolicyPrint() {
				this.policyList = [];
				this.policyList1 = [];
				if (this.orderInfo.jqpolicyno) {
					let res = await this.$http.post('/order/zijin/getPolicyPrint', {
						companyId: this.companyId,
						riskCode: "0507",
						type: '2', //2:保单
					});
					if (res.code == '200') {
						this.policyList.push({
							fileTitle: "交强电子保单",
							filename: this.orderInfo.jqpolicyno,
							fileurl: res.data,
						})
					}
					let res1 = await this.$http.post('/order/zijin/getPolicyPrint', {
						companyId: this.companyId,
						riskCode: "0507",
						type: '1', //1:标志
					});
					if (res1.code == '200') {
						this.policyList1.push({
							fileTitle: "交强电子标志",
							filename: this.orderInfo.jqpolicyno,
							fileurl: res1.data,
						})
					}
				}
				if (this.orderInfo.sypolicyno) {
					let res = await this.$http.post('/order/zijin/getPolicyPrint', {
						companyId: this.companyId,
						riskCode: "0510",
						type: '2', //2:标志
					});
					if (res.code == '200') {
						this.policyList.push({
							fileTitle: "商业电子保单",
							filename: this.orderInfo.sypolicyno,
							fileurl: res.data,
						})
					}
				}
				if (this.orderInfo.crossInsurance.length > 0) {
					this.orderInfo.crossInsurance.map(async ele => {
						let res = await this.$http.post(
							'/order/zijin/getPolicyPrint', {
								companyId: this.companyId,
								policyNumber: ele.policyNumber,
								riskCode: "0513",
								type: '2', //2:保单
							});
						if (res.code == '200') {
							this.policyList.push({
								fileTitle: "驾意险保单",
								filename: ele.policyNumber,
								fileurl: res.data,
							})
						}
					})
				}

			},
			async daJiagetPolicyPrint() {
				let apiType = this.orderInfo.apiType;
				switch (apiType) {
					case 1:
						this.policyList = [];
						this.policyList1 = [];
						if (this.orderInfo.jqpolicyno) {
							let res = await this.$http.post('/api/dajia/obtainWarranty', {
								companyId: this.companyId,
								riskCode: "0507",
								type: '2', //2:保单
							});
							if (res.code == '200') {

								this.policyList.push({
									fileTitle: "交强电子保单",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res.data,
								})
							}
							let res1 = await this.$http.post('/api/dajia/obtainWarranty', {
								companyId: this.companyId,
								riskCode: "0507",
								type: '1', //1:标志
							});
							if (res1.code == '200') {
								this.policyList1.push({
									fileTitle: "交强电子标志",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data,
								})
							}
						}
						if (this.orderInfo.sypolicyno) {
							let res = await this.$http.post('/api/dajia/obtainWarranty', {
								companyId: this.companyId,
								riskCode: "0510",
								type: '2', //2:标志
							});
							if (res.code == '200') {
								this.policyList.push({
									fileTitle: "商业电子保单",
									filename: this.orderInfo.sypolicyno,
									fileurl: res.data,
								})
							}
						}
						if (this.orderInfo.crossInsurance.length > 0) {
							this.orderInfo.crossInsurance.map(async ele => {
								let res = await this.$http.post(
									'/api/dajia/obtainWarranty', {
										companyId: this.companyId,
										policyNumber: ele.policyNumber,
										riskCode: "0513",
										type: '2', //2:保单
									});
								if (res.code == '200') {
									this.policyList.push({
										fileTitle: "驾意险保单",
										filename: ele.policyNumber,
										fileurl: res.data,
									})
								}
							})
						}
						break;
					case 2:
						if (this.orderInfo.jqpolicyno || this.orderInfo.sypolicyno) {
							let params = {
								subOrderNo: this.companyId,
							};
							let res1 = await this.$http.post(
								'/insurance/crawler/getPolicyPrint', params);
							if (res1.code == '200') {
								this.policyList = [];
								this.policyList1 = [];
								this.policyList.push({
									fileTitle: "交强电子保单",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data.jqxPolicyUrl,
								})
								this.policyList1.push({
									fileTitle: "交强电子标志",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data.jqxFlagUrl,
								})
								if (res1.data.syxPolicyUrl) {
									this.policyList.push({
										fileTitle: "商业电子保单",
										filename: this.orderInfo.sypolicyno,
										fileurl: res1.data.syxPolicyUrl,
									});
								}
								if (res1.data.jyxInfoList.length > 0) {
									res1.data.jyxInfoList.map(ele => {
										this.policyList.push({
											fileTitle: "驾意险保单",
											filename: ele.application,
											fileurl: ele.jyx_policy_url,
										});
										return ele;
									})

								}
							}
						}
						break;
				}

			},
			async huaTaigetPolicyPrint() {
				let apiType = this.orderInfo.apiType;
				switch (apiType) {
					case 1:
						if (this.orderInfo.jqpolicyno || this.orderInfo.sypolicyno) {
							let res = await this.$http.post(
								'/order/huaTaiApi/getPolicyPrint', {
									companyId: this.companyId,
									riskCode: "0507",
								});
							if (res.code == '200') {
								this.policyList = [];
								this.policyList1 = [];
								this.policyList.push({
									fileTitle: "交强电子保单",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res.data.jqxPolicyUrl,
								})
								this.policyList1.push({
									fileTitle: "交强电子标志",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res.data.jqxFlagUrl,
								})
								if (res.data.syxPolicyUrl) {
									this.policyList.push({
										fileTitle: "商业电子保单",
										filename: this.orderInfo.sypolicyno,
										fileurl: res.data.syxPolicyUrl,
									});
								}
							}
						}
						break;
					case 2:
						if (this.orderInfo.jqpolicyno || this.orderInfo.sypolicyno) {
							let params = {
								subOrderNo: this.companyId,
							};
							let res1 = await this.$http.post(
								'/insurance/crawler/getPolicyPrint', params);
							if (res1.code == '200') {
								this.policyList = [];
								this.policyList1 = [];
								this.policyList.push({
									fileTitle: "交强电子保单",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data.jqxPolicyUrl,
								})
								this.policyList1.push({
									fileTitle: "交强电子标志",
									filename: this.orderInfo.jqpolicyno,
									fileurl: res1.data.jqxFlagUrl,
								})
								if (res1.data.syxPolicyUrl) {
									this.policyList.push({
										fileTitle: "商业电子保单",
										filename: this.orderInfo.sypolicyno,
										fileurl: res1.data.syxPolicyUrl,
									});
								}
								if (res1.data.jyxInfoList.length > 0) {
									res1.data.jyxInfoList.map(ele => {
										this.policyList.push({
											fileTitle: "驾意险保单",
											filename: ele.application,
											fileurl: ele.jyx_policy_url,
										});
										return ele;
									})

								}
							}
						}
						break;
				}
			},
			async guoRengetPolicyPrint() {
				this.policyList = [];
				this.policyList1 = [];
				if (this.orderInfo.jqpolicyno) {
					let res = await this.$http.post('/api/guoRen/policyPrint', {
						companyId: this.companyId,
						riskCode: "0507",
						type: '2', //2:保单
					});
					if (res.code == '200') {
						this.policyList.push({
							fileTitle: "交强电子保单",
							filename: this.orderInfo.jqpolicyno,
							fileurl: res.data,
						})
					}
					let res1 = await this.$http.post('/api/guoRen/policyPrint', {
						companyId: this.companyId,
						riskCode: "0507",
						type: '1', //1:标志
					});
					if (res1.code == '200') {
						this.policyList1.push({
							fileTitle: "交强电子标志",
							filename: this.orderInfo.jqpolicyno,
							fileurl: res1.data,
						})
					}
				}
				if (this.orderInfo.sypolicyno) {
					let res = await this.$http.post('/api/guoRen/policyPrint', {
						companyId: this.companyId,
						riskCode: "0510",
						type: '2', //2:标志
					});
					if (res.code == '200') {
						this.policyList.push({
							fileTitle: "商业电子保单",
							filename: this.orderInfo.sypolicyno,
							fileurl: res.data,
						})
					}
				}
				if (this.orderInfo.crossInsurance.length > 0) {
					this.orderInfo.crossInsurance.map(async ele => {
						let res = await this.$http.post(
							'/api/guoRen/policyPrint', {
								companyId: this.companyId,
								policyNumber: ele.policyNumber,
								riskCode: "0513",
								type: '2', //2:保单
							});
						if (res.code == '200') {
							this.policyList.push({
								fileTitle: "驾意险保单",
								filename: ele.policyNumber,
								fileurl: res.data,
							})
						}
					})
				}

			},
			downloadPolicy(file) {
				//#ifdef APP-PLUS
				uni.showLoading({
					title: '文件下载中'
				});
				let index = file.lastIndexOf("\/")
				let licensename = file.substring(index + 1, file.length)
				let dtask = plus.downloader.createDownload(file, {
					filename: "_downloads/" + this.name + '-' + this
						.insuredPersonInfo.name + '-' + licensename
				}, function(d, status) {
					if (status == 200) {
						uni.hideLoading()
						//下载成功,d.filename是文件在保存在本地的相对路径，使用下面的API可转为平台绝对路径
						let fileSaveUrl = plus.io.convertLocalFileSystemURL(d
							.filename);
						plus.runtime.openFile(d.filename); //选择软件打开文件
					} else {
						uni.hideLoading()
						//下载失败
						plus.downloader.clear(); //清除下载任务
					}
				})

				dtask.start();
				//#endif
				//#ifdef H5
				var win = window.open();
				win.document.write(
					'<body style="margin:0px;"><object data="' +
					file +
					'" type="application/pdf" width="100%" height="100%"><iframe src="' +
					file +
					'" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe></object></body>'
				);
				//#endif
			},
			//选择缴费方式
			openPayWay() {
				this.navigate({
					url: "/pages/carInsure/payWay?orderno=" + this.orderno
				}, 'navigateTo', true)
			},
			cancelShare() {
				this.$refs.showshare.close()
			},
			//控制详情的展开和收起
			controlShow(type) {
				this[type] = !this[type];
			},
			//撤销核保
			cancelUnderwriting() {
				uni.showModal({
					content: '是否确认撤销核保？',
					success: async (res) => {
						if (res.confirm) {
							let param = {
								"auditid": this.userInfo.sysUser
									.id, //核保人会员号
								"auditopinion": '', //核保意见
								"jqapplyno": "", //交强险投保单号
								"jqappoint": "", //交强特别约定
								"jqpolicyno": "", //交强保单号
								"orderno": this.orderno, //订单号
								"orderstatus": "0", //订单类型
								"syapplyno": "", //商业险投保单号
								"syappoint": "", //商业险特别约定
								"sypolicyno": "" //商业保单号
							}
							let res = await this.$http.post(
								'/insOrder/saveAudit', param);
							uni.showToast({
								title: '撤销成功',
								icon: "none",
								duration: 2000
							});
							setTimeout(() => {
								this.setOrderStage(0);
								this.setOrderType(0);
								this.navigate({
									url: "/pages/orders/orders"
								}, "switchTab", true);
							}, 2000);
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			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: 0 16px 100px 16px;

	}

	.headers {
		padding: 16px 16px 0 16px;
		position: relative;

		.price {
			width: 100%;
			height: auto;
			border-radius: 6px;

			.price1 {
				padding: 12px;
				background: linear-gradient(180deg, #DAE5FE 0%, #F2F6FF 100%);
				border-radius: 6px 6px 0 0;
			}

			.price2 {
				padding: 12px;
				background: #fff;
				border-radius: 0 0 6px 6px;
			}
		}
	}

	.header {
		padding: 8px;
		background: linear-gradient(180deg, #C7DAFF 0%, rgba(199, 218, 255, 0) 100%);
		border-radius: 6px 6px 0 0;
		height: 80upx;
		position: relative;
	}

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


	.welfare {
		margin-bottom: 20upx;
		width: 100%;
		box-sizing: border-box;
		background: #FFFFFF;
		border-radius: 20upx;
	}

	.welfare .body {
		padding: 0 30upx 30upx;
		box-sizing: border-box;
		flex-wrap: wrap;
	}

	.welfare .body>.welfareItem {
		width: 320upx;
		height: 120upx;
		padding: 10upx 20upx;
		margin: 20upx 10upx 0upx;
		border: 1px solid rgba($themeColor, 0.6);
		box-sizing: border-box;
		background: rgba($themeColor, 0.4);
		border-radius: 10upx;
	}

	.welfare .body>.welfareItem .name {
		color: $themeColor;
		font-size: 30upx;
		width: 210upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.welfare .body>.welfareItem .content {
		font-size: 24upx;
		width: 260upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	/* 报价方案Start */
	.quotePlan {
		margin-bottom: 20upx;
		width: 100%;
		position: relative;
	}

	.quotePlan .header .adjustPlan {
		color: $themeColor;
	}

	.kindList {
		background-color: #F9F9F9;
		padding: 10px;
		height: auto;
		width: 100%;
		border-radius: 10px;
		font-size: 13px;
		color: rgba(35, 40, 50, 0.8);
	}

	.quotePlan .body .insurance {
		padding-bottom: 20upx;
	}

	.quotePlan .body .row {
		padding: 5px;
		border-bottom: 1px solid #F3F3F3;
	}

	.quotePlan .body .row:last-child {
		border: none;
	}


	.quotePlan .body .row .date {
		color: #A4A4A4;
		font-size: 22upx;
	}

	.quotePlan .body .insurance .kindList {
		background: #F3F3F3;
		padding: 0 10upx;
	}

	.addedServices .kindList {
		background: #F3F3F3;
		padding: 0 10upx;
	}

	.quotePlan .body .insurance .kindList .kindItem {
		padding: 2px 0;
	}

	.quotePlan .body .insurance .kindList .kindItem>view {
		font-size: 24upx;
	}

	.quotePlan .body .insurance .kindList .kindItem>view:nth-of-type(1) {
		width: 310upx;
	}

	.quotePlan .body .insurance .kindList .kindItem>view:nth-of-type(2) {
		width: 170upx;
	}

	.quotePlan .body .insurance .kindList .kindItem>view:nth-of-type(3) {
		width: 170upx;
	}

	.addedServices .kindList .kindItem {
		height: 65upx;
	}

	.addedServices .kindList .kindItem>view {
		font-size: 24upx;
		padding: 0upx 15upx;
	}

	/* 报价方案End */

	.car {
		width: 100%;
		background-color: #fff;
		border-radius: 6px;
		box-shadow: 0px 4px 10px 0px #DAE3F4;
		margin-top: 10px;
		position: relative;

		.body {
			.row {
				padding: 5px 8px;
				border-bottom: 1px solid #F3F3F3;

				view:first-child {
					color: #232832;
				}

				view:last-child {
					color: #666;
				}

			}


			.row:last-child {
				border: none;
			}
		}
	}

	/* 预缴费Start */
	.advancePaymentTotal {
		margin-bottom: 20upx;
		width: 100%;
		box-sizing: border-box;
		background: #FFFFFF;
		border-radius: 20upx;
	}

	.advancePaymentTotal .body {
		padding: 0upx 40upx 10upx;
	}

	.advancePaymentTotal .body .row {
		height: 80upx;
		border-bottom: 1px solid #F3F3F3;
	}

	/* 预缴费End */

	/* 底部按钮Start */
	.bottomBtn {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
		z-index: 999;
		background-color: #fff;

		.agree {
			padding: 4px 8px;
			font-size: 22rpx;
			color: #858585;

			.tip {
				color: #FF5600;
				margin: 0upx 10upx;
			}
		}

		.btnView {
			width: 100%;
			height: 38px;
			background-color: #fff;

			.btn {
				height: 100%;
			}

			.btn:nth-child(1) {
				width: 50%;
				background-color: #E6EEFF;
				color: #0052FF;
				padding: 8px;
				font-size: 13px;
			}

			.btn:nth-child(2) {
				width: 50%;
				color: #fff;
				background-color: #0038AF;
				font-weight: bold;
			}
		}
	}

	.tool {
		padding: 10px;

		view {
			width: 100%;
			padding: 8px 0;
			border-bottom: 1px solid #f2f2f2;
			font-size: 14px;
			color: #232832;
		}
	}

	.cancell {
		width: 100%;
		height: 46px;
		background-color: #E6EEFF;
		font-size: 16px;
		color: #0052FF;
	}

	/* 底部按钮End */
	.contributing {
		width: 100%;
		margin: 4px 0;
		font-size: 14px;

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

	/* 人员信息Start */
	.personInfo,
	.advancePayment,
	.imageInfo,
	.appoint {}

	.personInfo,
	.advancePayment,
	.imageInfo,
	.appoint {
		.title {
			height: 80upx;
			font-size: 15px;
			box-shadow: inset 0 -3upx 0px #fafafa;
		}

		.content {
			padding: 0px 5px 0;
			background-color: #fff;
			border-radius: 6px;
			box-shadow: 0px 4px 10px 0px #DAE3F4;
		}

		.uni-uploader {
			padding: 8px;
			background-color: #fff;
			border-radius: 6px;
			height: auto;
			box-shadow: 0px 4px 10px 0px #DAE3F4;
			margin-bottom: 10px;

		}
	}

	.uni-uploader__file {
		position: relative;
	}

	.delImgIcon {
		width: 40upx;
		height: 40upx;
		position: absolute;
		right: 0upx;
		top: 0upx;
		color: #FFFFFF;
	}

	.showStatus {
		font-size: 26upx;
		color: #007AFF;
	}

	.personInfo .content .row,
	.advancePayment .content .row {
		height: 80upx;
		border-bottom: 1px solid #F9F9F9;
		flex-wrap: nowrap;
	}

	.personInfo .content .row .left,
	.advancePayment .content .row .left {
		width: 170upx;
		flex-shrink: 0;
		font-size: 28upx;
	}

	.appoint .content .row {
		height: auto;
		margin-top: 10upx;
	}

	.appoint .content .row>view {
		width: 240upx;
		flex-shrink: 1;
		font-size: 28upx;
	}

	.appoint .content .row>textarea {
		/* background: #007AFF; */
		padding: 15upx;
		box-sizing: border-box;
		font-size: 26upx;
		min-height: 160upx;
		height: 100upx;
		border: 1px solid #fafafa;
		/* over */
	}

	.personInfo .content .row .right,
	.advancePayment .content .row .right,
	.appoint .content .row .right {
		font-size: 28upx;
	}

	/* 人员信息End */

	.checkButton {
		font-size: 14px;
		color: #FF5600;
	}



	.uni-popup__wrapper-box {
		display: block;
		position: relative;
	}

	.uni-share {
		display: flex;
		flex-direction: column;
		background-color: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.uni-share-title {
		line-height: 30px;
		font-size: 12px;
		padding: 7px 0;
		text-align: center;
	}

	.uni-share-content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 15px;
	}

	.uni-share-content-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100px;
	}

	.uni-share-content-image {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		overflow: hidden;
		border-radius: 5px;
	}

	.uni-share-content-text {
		font-size: 13px;
		color: #333;
		padding-top: 5px;
		padding-bottom: 10px;
	}

	.uni-share-btn {
		height: 45px;
		line-height: 45px;
		font-size: 14px;
		border-top-color: #f5f5f5;
		border-top-width: 1px;
		border-top-style: solid;
		text-align: center;
		color: #666;
	}

	uni-image>img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}

	uni-image>div,
	uni-image>img {
		width: 100%;
		height: 100%;
	}

	.Discount {
		image {
			width: 16px;
			height: 16px;
		}

		text {
			font-size: 12px;
			color: #333333;
		}
	}

	.costDetails {
		width: 100%;
		height: auto;
		background: rgba(0, 82, 255, 0.05);
		border-radius: 10px;

		.text1 {
			font-size: 22rpx;
		}

		.text2 {
			font-size: 24rpx;
		}

		.text2-color {
			color: rgba(0, 82, 255, 0.8);
		}

	}

	.policyInfo {
		.tagHeader {
			font-family: Source Han Sans SC, Source Han Sans SC;

			text {
				position: relative;
				font-weight: bold;
				font-size: 13px;
				color: #333;
			}

			.tag {
				position: absolute;
				left: 0;
				bottom: -1px;
				width: 50%;
				height: 5px;
				background: linear-gradient(90deg, #FF884C 0%, rgba(255, 136, 76, 0) 80%);
				border-radius: 6px;

			}
		}

		.accident {
			width: 75%;

			.dis {
				border-bottom: 1px solid #F8E9E3;

				view {
					border-right: 1px solid #F8E9E3;
					text-align: center;
					padding: 5px 3px;
				}
			}
		}

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

	/deep/ {
		.fen {
			background-color: #FBF6FE;
		}

		.baodan {
			.u-th {
				background: #FEF9F6;
			}
		}

		.bili {
			.u-th {
				background: #FEF9F6;
			}
		}

		.feiyong {
			.u-th {
				background: #FEF6F6;
			}
		}
	}
</style>