partnerApp/pages/carInsure2/quoteDetail.vue

<template>
	<view :style="getHeight">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<!-- 头部 -->
		<view class="headers dis f-c j-end">
			<view class="price dis a-c j-c">
				<image :src="logoimg" mode="" style="width: 20px;height: 20px;">
				</image>
				<text style="font-weight: bold;margin-left: 6px;font-size: 15px;">{{orderInfo.inscompany}}</text>
			</view>
			<view style="background-color: #fff;box-shadow: inset rgb(218, 227, 244) 0px 1px 4px 0px;"
				class="dis f-c p-2 ">
				<view class="" style="border-bottom: 1px dashed  #EFEFEF;padding-bottom: 10px;">
					<view style="font-size: 16px;" class="dis j-s a-c ">
						<text style="color: #232832;font-weight: bold;">{{this.licenseNo}}</text>
						<text style="color: #FF5600;">￥{{sumPermium}}</text>
					</view>
					<text style="color: rgba(51,51,51,0.8);font-size: 14px;">{{carInfo.modelcname}}</text>
				</view>
				<view class="dis  Circle" style="padding-top: 10px;">
					<view style="width: 49%;border-right: 1px dashed #EFEFEF;" class="dis f-c a-start ">
						<text style="font-size: 15px;font-weight: bold;"
							v-if="orderInfo.jqstartdate">{{ orderInfo.jqstartdate }}</text>
						<text v-else>-</text>
						<text style="font-size: 14px;color: rgba(51,51,51,0.8);">交强险起保日期</text>
					</view>
					<view style="width: 49%;" class="dis f-c a-end">
						<text style="font-size: 15px;font-weight: bold;"
							v-if="orderInfo.systartdate">{{ orderInfo.systartdate }}</text>
						<text v-else>-</text>
						<text style="font-size: 14px;color: rgba(51,51,51,0.8);">商业险起保日期</text>
					</view>
				</view>
			</view>
		</view>
		<view class="page">
			<view class="quotePlan">
				<view class="header d-flex a-center j-sb">
					<view class="title">报价方案</view>
				</view>
				<view class="body" style="box-shadow: 0px 4px 10px 0px #DAE3F4;">
					<view class="row d-flex a-center j-sb">
						<view v-if="sumPermium">总额：</view>
						<view>{{sumPermium}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车船税：</view>
						<view>{{taxAmount}}</view>
					</view>
					<view v-if="jypremium" class="row d-flex a-center j-sb">
						<view>驾意险：</view>
						<view>{{jypremium}}</view>
					</view>
					<view v-if="jqpremium" class="row d-flex a-center j-sb">
						<view>交强险：</view>
						<view>{{jqpremium}}</view>
					</view>
					<view v-if="sypremium" class="row dis f-c">
						<view class="dis a-c j-s" style="width: 100%;">
							<view>商业险：</view>
							<view>{{sypremium}}</view>
						</view>
						<view class="kindList mt-3">
							<block v-for="(item,index) in kindList" :key="index">
								<template v-if="item.coveragePremium">
									<view class="kindItem dis">
										<view class="dis j-start" style="width: 33.33%;">
											<text>{{item.kindName}}</text>
										</view>
										<view class="dis a-c j-c" v-if="['A'].includes(item.kindCode)"
											style="width: 33.33%;"><text>
												{{item.amount}}</text>
										</view>
										<view class="dis a-c j-c"
											v-else-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)"
											style="width: 33.33%;">
											<text>{{toChinesNum(item.unitAmount)}}/座*{{orderInfo.carinfo.seatCount-1}}</text>
										</view>
										<view class="dis a-c j-c"
											v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)"
											style="width: 33.33%;">
											<text>{{item.deductibleRate}}%</text>
										</view>
										<view class="dis a-c j-c" v-else style="width: 33.33%;">
											<text>{{toChinesNum(item.amount)}}</text>
										</view>
										<view class="dis a-c j-end" style="width: 33.33%;">
											<text>￥{{item.coveragePremium}}</text>
										</view>
									</view>
								</template>
							</block>
						</view>
					</view>
					<view class="addedServices" v-if="roadrescueList.length>0">
						<view class="row d-flex a-center j-sb">
							<view class="d-flex">增值服务<view class="d-flex a-center"
									style="color:#999;margin-left: 10upx;font-size: 24upx;">
									不收费，使用不影响明年保费</view>
							</view>
							<view>赠送</view>
						</view>
						<view class="kindList">
							<view class="kindItem d-flex a-center j-sb" v-for="(item,index) in roadrescueList"
								:key="index">
								<view>{{item.kindName}}</view>
								<view class="d-flex j-end">{{item.serviceTimes}}次</view>
							</view>

						</view>
					</view>
				</view>
			</view>
			<view class="car">
				<view class="header d-flex a-center j-sb" @tap="showextendInfo = !showextendInfo">
					<view class="title">保费因素</view>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="body" v-if="showextendInfo">
					<view class="row d-flex a-center j-sb">
						<view>评分</view>
						<view>{{extendInfo.score}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>交强评分</view>
						<view style="color: #ff9000;">{{extendInfo.jqScore}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业评分</view>
						<view style="color: #ff9000;">{{extendInfo.syScore}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>出险信息</view>
						<view style="width: 200px;text-align: right;">
							{{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" @tap="showCarInfo = !showCarInfo">
					<view class="title">车辆信息</view>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</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.brandName}}</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.registerDate }}</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>{{ownerInfo.name}}</view>
					</view>
				</view>
			</view>

			<view class="personInfo">
				<view class="title d-flex a-center j-sb" @tap="showOwerInfo=!showOwerInfo">
					<text style="font-weight: bold;">车主</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="content" v-if="showOwerInfo">
					<view class="row d-flex a-center">
						<view class="left">姓名：</view>
						<view class="right d-flex flex-1">{{ownerInfo.name}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">证件类型：</view>
						<view class="right flex-1">{{(policyHolderInfo.identifyType=='01')?'身份证':'其他'}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">手机号：</view>
						<view class="right flex-1">{{ownerInfo.mobile}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">证件号：</view>
						<view class="right flex-1">{{ownerInfo.identifyNumber}}</view>
					</view>
					<view class="row d-flex a-center"
						style="height:auto;min-height: 80upx;padding: 15upx 0;box-sizing: border-box; ">
						<view class="left">地址：</view>
						<view class="right flex-1">{{ownerInfo.addr}}</view>
					</view>
				</view>
			</view>

			<!-- 投保人信息 -->
			<view class="personInfo">
				<view class="title d-flex a-center j-sb" @tap="showPolicyHolderInfo=!showPolicyHolderInfo">
					<text style="font-weight: bold;">投保人</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="content" v-if="showPolicyHolderInfo">
					<view class="row d-flex a-center">
						<view class="left">姓名：</view>
						<view class="right d-flex flex-1">{{policyHolderInfo.name}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">证件类型：</view>
						<view class="right d-flex flex-1">{{(policyHolderInfo.identifyType=='01')?'身份证':'其他'}}
						</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">手机号：</view>
						<view class="right d-flex flex-1">{{policyHolderInfo.mobile}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">证件号：</view>
						<view class="right d-flex flex-1">{{policyHolderInfo.identifyNumber}}</view>
					</view>
					<view class="row d-flex a-center"
						style="height:auto;min-height: 80upx;padding: 15upx 0;box-sizing: border-box; ">
						<view class="left">地址：</view>
						<view class="right d-flex flex-1">{{policyHolderInfo.addr}}</view>
					</view>
				</view>
			</view>

			<!-- 被保人信息 -->
			<view class="personInfo">
				<view class="title d-flex a-center j-sb" @tap="showInsuredPersonInfo=!showInsuredPersonInfo">
					<text style="font-weight: bold;">被保人</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="content" v-if="showInsuredPersonInfo">
					<view class="row d-flex a-center">
						<view class="left">姓名：</view>
						<view class="right d-flex flex-1">{{insuredPersonInfo.name}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">证件类型：</view>
						<view class="right d-flex flex-1">{{(policyHolderInfo.identifyType=='01')?'身份证':'其他'}}
						</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">手机号：</view>
						<view class="right d-flex flex-1">{{insuredPersonInfo.mobile}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">证件号：</view>
						<view class="right d-flex flex-1">{{insuredPersonInfo.identifyNumber}}</view>
					</view>
					<view class="row d-flex a-center"
						style="height:auto;min-height: 80upx;padding: 15upx 0;box-sizing: border-box; ">
						<view class="left">地址：</view>
						<view class="right d-flex flex-1">{{insuredPersonInfo.addr}}</view>
					</view>
				</view>
			</view>
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb" @tap="showCarImageInfo=!showCarImageInfo">
					<text style="font-weight: bold;">车辆影像信息</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="uni-uploader" v-if="showCarImageInfo">
					<view class="uni-uploader-body dis j-s a-c">
						<view class="uni-uploader__files f-c dis ">
							<text>行驶证主页</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input" @tap="chooseImage('C01','carImageListId','imgList1')">
								</view>
							</view>
						</view>
						<view class="uni-uploader__files f-c dis ">
							<text>行驶证副本</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input" @tap="chooseImage('D01','carImageListId','imgList2')">
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 车辆影像信息End -->
			<!-- 车主影像信息Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb" @tap="showOwnerImageInfo=!showOwnerImageInfo">
					<text style="font-weight: bold;">车主影像信息</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="uni-uploader" v-if="showOwnerImageInfo">
					<view class="uni-uploader-body dis ">
						<view class="uni-uploader__files dis f-c a-c">
							<text>正面</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('C02','ownerImageListId','imgList3')"></view>
							</view>
						</view>
						<view class="uni-uploader__files dis f-c a-c">
							<text>反面</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('D02','ownerImageListId','imgList4')"></view>
							</view>
						</view>
					</view>
				</view>

			</view>
			<!-- 车主影像信息End -->
			<!-- 投保人影像信息Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb" @tap="showPolicyImageInfo=!showPolicyImageInfo">
					<text style="font-weight: bold;">投保人影像信息</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="uni-uploader" v-if="showPolicyImageInfo">
					<view class="uni-uploader-body dis ">
						<view class="uni-uploader__files dis f-c a-c">
							<text>正面</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('C03','policyImageListId','imgList5')"></view>
							</view>
						</view>
						<view class="uni-uploader__files dis f-c a-c">
							<text>反面</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('D03','policyImageListId','imgList6')"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 投保人影像信息End -->
			<!-- 被保人影像信息Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb" @tap="showInsuredImageInfo=!showInsuredImageInfo">
					<text style="font-weight: bold;">被保人影像信息</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="uni-uploader" v-if="showInsuredImageInfo">
					<view class="uni-uploader-body dis ">
						<view class="uni-uploader__files dis f-c a-c">
							<text>正面</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('C04','insuredImageListId','imgList7')"></view>
							</view>
						</view>
						<view class="uni-uploader__files dis f-c a-c">
							<text>反面</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 class="delImgIcon iconfont icon-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('D04','insuredImageListId','imgList8')"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 被保人影像信息End -->
			<!-- 新车影像信息Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb" @tap="showNewCarImageInfo=!showNewCarImageInfo">
					<text style="font-weight: bold;">新车照片</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="uni-uploader" v-if="showNewCarImageInfo">
					<view class="uni-uploader-body dis ">
						<view class="uni-uploader__files dis f-c a-c">
							<text>新车合格证</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-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('XC00','imgNewCarinvoiceId','imgNewCarQualified')"></view>
							</view>
						</view>
						<view class="uni-uploader__files dis f-c a-c">
							<text>购车发票</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-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('GC00','imgNewCarinvoiceId','imgNewCarInvoice')"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 新车影像信息End -->
			<!-- 验车照Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb" @tap="showCarCheckImageInfo=!showCarCheckImageInfo">
					<text style="font-weight: bold;">其他关系证明</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="uni-uploader" v-if="showCarCheckImageInfo">
					<view class="uni-uploader-body">
						<view class="uni-uploader__files">
							<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-cuo 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 class="uni-uploader__input"
									@tap="chooseImage('GX00','imgRelationshipid','imgRelationship')"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 特约 -->
			<view class="appoint" v-if="['紫金财险','华泰财险'].includes(this.name)">
				<view class="title d-flex a-center j-sb" @tap="showAppoint=!showAppoint">
					<text style="font-weight: bold;">特约</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class=" dis f-c j-c " v-if="showAppoint"
					style="background-color: #fff;padding: 8px 15px;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="personInfo" v-if="!!orderInfo.jqapplyno">
				<view class="title d-flex a-center j-sb" @tap="showApplyno=!showApplyno">
					<text style="font-weight: bold;">投保单号</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="content" v-if="showApplyno">
					<view class="row d-flex a-center" v-if="!!orderInfo.jqapplyno">
						<view class="left">交强险：</view>
						<view class="right d-flex flex-1">{{orderInfo.jqapplyno}}</view>
					</view>
					<view class="row d-flex a-center" v-if="!!orderInfo.syapplyno">
						<view class="left">商业险：</view>
						<view class="right d-flex flex-1">{{orderInfo.syapplyno}}</view>
					</view>
				</view>
			</view>
			<view class="personInfo" v-if="!!orderInfo.jqpolicyno">
				<view class="title d-flex a-center j-sb" @tap="showPolicyno=!showPolicyno">
					<text style="font-weight: bold;">保单号</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="content" v-if="showPolicyno">
					<view class="row d-flex a-center" v-if="!!orderInfo.jqpolicyno">
						<view class="left">交强险：</view>
						<view class="right d-flex flex-1">{{orderInfo.jqpolicyno}}</view>
					</view>
					<view class="row d-flex a-center" v-if="!!orderInfo.sypolicyno">
						<view class="left">商业险：</view>
						<view class="right d-flex flex-1">{{orderInfo.sypolicyno}}</view>
					</view>
				</view>
			</view>
			<view class="personInfo" v-if="policyList.length>0">
				<view class="title d-flex a-center j-sb" @tap="showPolicyFile=!showPolicyFile">
					<text style="font-weight: bold;">电子保单(点击即可预览下载)</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="content" v-if="showPolicyFile">
					<view class="row d-flex a-center" v-for="(policyListitem,policyListindex) in policyList"
						:key="policyListindex">
						<view class="left" style="width: 110px;flex-shrink: 0;">{{policyListitem.fileTitle}}：
						</view>
						<view class="right d-flex flex-1"
							style="flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
							{{policyListitem.filename}}
						</view>
						<view class="right d-flex a-center j-center" style="width: 160upx;flex-shrink: 0;">
							<text class="checkButton d-flex a-center j-center"
								@tap="downloadPolicy(policyListitem.fileurl)">下载</text>
						</view>
					</view>
				</view>
			</view>
			<view class="personInfo" v-if="policyList1.length>0">
				<view class="title d-flex a-center j-sb" @tap="showPolicybzFile=!showPolicybzFile">
					<text style="font-weight: bold;">电子标志(点击即可预览下载)</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont icon-xiala" style="font-weight: bold;color: #B3B3B3;"></view>
					</view>
				</view>
				<view class="content" v-if="showPolicybzFile" v-for="(policyListitem1,policyListindex1) in policyList1"
					:key="policyListindex1">
					<view class="row d-flex a-center">
						<view class="left" style="width: 110px;flex-shrink: 0;">{{policyListitem1.fileTitle}}：
						</view>
						<view class="right d-flex flex-1"
							style="flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
							{{policyListitem1.filename}}
						</view>
						<view class="right d-flex a-center j-center" style="width: 160upx;flex-shrink: 0;">
							<text class="checkButton d-flex a-center j-center"
								@tap="downloadPolicy(policyListitem1.fileurl)">下载</text>
						</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>
		<previewImage ref="previewImage" :opacity="0.8" :circular="true" :imgs="previewImgs"></previewImage>
	</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']),
			getHeight() {
				let height = uni.getSystemInfoSync().windowHeight;
				return `minHeight: ${height}px;`;
			}
		},
		data() {
			return {
				ziJinshow: false, //紫金特约
				huaTaishow: false, //紫金特约
				toolPopupshow: false, //底部弹窗
				agree: false,
				logoimg: "",
				insCompanyList: [{
						name: "中煤财险",
						icon: "../../static/insuranceicon/zhongmei.png"
					}, //华农
					{
						name: "恒邦财险",
						icon: "../../static/insuranceicon/hengbang.png"
					},
					{
						name: "安盛天平",
						icon: "../../static/insuranceicon/ansheng.png"
					},
					{
						name: "中国人寿",
						icon: "../../static/insuranceicon/renshou.png"
					},
					{
						name: "众安财险",
						icon: "../../static/insuranceicon/zhongan.png"
					},
					{
						name: "永诚财险",
						icon: "../../static/insuranceicon/yongcheng.png"
					},
					{
						name: "永安财险",
						icon: "../../static/insuranceicon/yongan.png"
					},
					{
						name: "紫金财险",
						icon: "../../static/insuranceicon/zijin.png"
					},
					{
						name: "国任财险",
						icon: "../../static/insuranceicon/guoren.png"
					},
					{
						name: "华泰财险",
						icon: "../../static/insuranceicon/huatai.png"
					},
					{
						name: "大家财险",
						icon: "../../static/insuranceicon/dajia.png"
					},
					{
						name: "太平财险",
						icon: "../../static/insuranceicon/taiping.png"
					},
					{
						name: "华农财险",
						icon: "../../static/insuranceicon/huanong.png"
					},
					{
						name: "渤海财险",
						icon: "../../static/insuranceicon/bohai.png"
					},
				],
				companyId: "", //订单号
				orderInfo: {},
				licenseNo: "", //车牌号
				icon: "", //保险公司logo
				name: "", //保险公司名称
				carInfo: {}, //车辆信息
				ownerInfo: {}, //车主信息
				policyHolderInfo: {}, //投保人信息
				insuredPersonInfo: {}, //被保人信息
				riskList: [], //险种大类信息
				kindList: [], //商业险险别
				sumPermium: "", //报价金额
				taxAmount: "", //车船税金额
				jqpremium: "", //交强险金额
				sypremium: "", //商业险金额
				feerate: "",
				disrate: "",
				syappoint: "",
				orderstatus: "0", //订单状态
				CIStartDate: "", //交强险日期
				BIStartDate: "", //商业险日期
				showCarInfo: false,
				showextendInfo: false,
				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: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
				],

				bottomData: [
					// #ifdef APP-PLUS
					{
						text: '微信好友',
						icon: '/static/image/share/weixinhaoyou.png',
						name: 'wx'
					},
					{
						text: '短信发送',
						icon: '/static/image/share/shortMessage.png',
						name: 'dx'
					},
					// #endif
					{
						text: '报价单',
						icon: '/static/image/share/shortMessage.png',
						name: 'bjd'
					}
				],
				vehicleModel: {}, //车型信息
				showOwerInfo: false, //展示车主信息
				showPolicyHolderInfo: false, //展示投保人信息
				showInsuredPersonInfo: false, //展示被保人信息
				showProposalWay: false, //获取保单方式
				showAdvancePayment: false, //展示保费
				showAppoint: false, //展示特约
				showDistribution: false, //展示快递
				showApplyno: false, //展示投保单号
				showPolicyno: false, //展示保单号
				showPolicyFile: false, //展示电子保单
				showPolicybzFile: false, //展示电子保单
				policyList: [], //电子保单文件
				policyList1: [], //电子标志文件
				showCarImageInfo: false, //显示车辆影像
				carImageListId: [],
				showOwnerImageInfo: false, //显示车主影像
				ownerImageListId: [],
				showPolicyImageInfo: false, //显示投保人影像
				policyImageListId: [],
				showInsuredImageInfo: false, //显示被保人影像
				insuredImageListId: [],
				showCarCheckImageInfo: false, //显示验车照影像
				imgRelationshipid: [],
				showNewCarImageInfo: false, //显示新车影像
				imgNewCarinvoiceId: [],
				imgList1: [],
				imgList2: [],
				imgList3: [],
				imgList4: [],
				imgList5: [],
				imgList6: [],
				imgList7: [],
				imgList8: [],
				imgRelationship: [], //其他证明
				imgNewCarQualified: [], //合格证
				imgNewCarInvoice: [], //发票
				previewImgs: [],
				dianzibaodan: "",
				jypremium: "",
				quoteno: "",
				extendInfo: {},
				routepage: "",
				roadrescueList: [],
				companyUnderwriting: "",
				ziJinengageListData: [],
				ziJinengageList: [],
				huaTaiengageListData: [],
				huaTaiengageList: [],
			}
		},
		async onLoad(params) {
			let pages = getCurrentPages(); // 当前页面路由
			if (pages.length > 1) {
				let beforePage = pages[pages.length - 2].route; // 上一个页面路由
				this.routepage = beforePage;
			}
			if (!this.token) {
				document.getElementsByTagName('uni-page-head')[0].style.display = 'none'
			}
			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.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
					}
					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.roadrescueList = this.kindList.filter((val) => {
						return ["TY1", "TY2", "TY3", "TY4"].includes(val.kindCode)
					})
					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.feerate = res.data.feerate;
					this.disrate = res.data.disrate;
					this.jqdiscountrate = res.data.jqdiscountrate;
					this.sydiscountrate = res.data.sydiscountrate;
					this.syappoint = res.data.syappoint;
					this.orderInfo = {};
					Object.assign(this.orderInfo, res.data)
					this.imageEcho(this.quoteno) // 影像获取完毕
					switch (this.name) {
						case "永安财险":
							this.yonganprint(); //电子保单
							break;
						case "中煤财险":
							this.zhongMeigetPolicyPrint(); //电子保单
							break;
						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;
					}
					this.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: "未查询到该订单"
				})
			}
		},
		methods: {
			...mapMutations(['setOrderStage', 'setOrderType']),
			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/carInsure2/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/carInsure2/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 submitAudit() {
				if (!this.agree) {
					return uni.showToast({
						title: '请阅读并同意协议',
						icon: "none",
						duration: 2000
					});
				}
				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,
					})
				}
				uni.showModal({
					content: '是否确认提交核保？',
					success: async (res) => {
						if (res.confirm) {
							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') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + yaaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '继续核保',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {
										uni.showModal({
											content: '影像上传失败(' + yaimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
								case "中煤财险":
									let zmimage = await this.$http.post(
										'/order/zhongMeiApi/submitImage', {
											companyId: this.companyId
										});
									if (zmimage.code == '200') {
										let zmaudit = await this.$http.post(
											'/order/zhongMeiApi/audit', {
												companyId: this.companyId,
												jqappoint: "",
												syappoint: ""
											});
										if (zmaudit.code == '200') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + zmaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {
										uni.showModal({
											content: '影像上传失败(' + zmimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														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') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + ycaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {
										uni.showModal({
											content: '影像上传失败(' + ycimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														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') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + graudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {
										uni.showModal({
											content: '影像上传失败(' + grimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
								case "大家财险":
									let djimage = await this.$http.post(
										'/api/dajia/submitImage', {
											companyId: this.companyId
										});
									if (djimage.code == '200') {
										let djaudit = await this.$http.post(
											'/api/dajia/audit', {
												companyId: this.companyId,
											});
										if (djaudit.code == '200') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + djaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {
										uni.showModal({
											content: '影像上传失败(' + djimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														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') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + zjaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {

										uni.showModal({
											content: '影像上传失败(' + zjimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
								case "华泰财险":
									let htimage = await this.$http.post(
										'/order/huaTaiApi/submitImage', {
											companyId: this.companyId
										});
									if (htimage.code == '200') {
										let htaudit = await this.$http.post(
											'/order/huaTaiApi/audit', {
												companyId: this.companyId,
												engageList: this.huaTaiengageList,
											});
										if (htaudit.code == '200') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + htaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {

										uni.showModal({
											content: '影像上传失败(' + htimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														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') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + bhaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {
										uni.showModal({
											content: '影像上传失败(' + bhimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
								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') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														let pro = this.userInfo.sysUser
															.managementSource;
														if (pro == "3") {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode1?companyId=" +
																	this
																	.companyId
															})
														} else {
															uni.navigateTo({
																url: "/pages/orders1/paymentCode?companyId=" +
																	this
																	.companyId
															})
														}
													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + pythonaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '修改',
												success: async (res2) => {
													if (res2.confirm) {

													} else {
														this.navigate({
																url: "/pages/orders1/orders"
															}, "switchTab",
															true);
													}
												}
											});
										}
									} else {
										uni.showModal({
											content: '影像上传失败(' + pythonimage.msg + ')',
											cancelText: '返回订单',
											confirmText: '修改',
											success: async (res3) => {
												if (res3.confirm) {

												} else {
													this.navigate({
															url: "/pages/orders1/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
							}
						} else if (res.cancel) {}
					}
				});
			},
			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") {
								console.log()
								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)
							}
						}
					});
				})
			},
			//影像预览
			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() {
				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],
						})
					}
				}

			},
			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) {
					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 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() {
				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,
							})
						}
					}
				}
			},
			async huaTaigetPolicyPrint() {
				this.policyList = [];
				this.policyList1 = [];
				if (this.orderInfo.jqpolicyno) {
					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,
							});
						}
					}
				}
			},
			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/orders1/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 {
		width: 100%;
		height: 198px;
		background: linear-gradient(180deg, #0052FF 0%, #F8FAFE 110%);
		padding: 16px 16px 0 16px;

		.price {
			width: 100%;
			height: 40px;
			background: #FFFFFF;
			border-radius: 6px 6px 0px 0px;
		}


	}

	.header {
		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%;
	}

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

	.quotePlan .body {
		background-color: #fff;
		padding: 10px;
		border-radius: 6px;

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

		.body {
			padding: 0upx 30upx 0;
			background-color: #fff;
			border-radius: 6px;
			box-shadow: 0px 4px 10px 0px #DAE3F4;

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


			}

			.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;
		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: 40%;
				background-color: #E6EEFF;
				color: #0052FF;
				padding: 8px;
				font-size: 13px;
			}

			.btn:nth-child(2) {
				width: 20%;
				background-color: #0052FF;
				color: #fff;
				font-weight: bold;
			}

			.btn:nth-child(3) {
				width: 40%;
				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 15px 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;

		}
	}

	.uni-uploader__file {
		position: relative;
	}

	.delImgIcon {
		width: 40upx;
		height: 40upx;
		background-color: #999;
		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 {
		margin: 0 20upx 0 20upx;
		font-size: 24upx;
		width: 80upx;
		height: 50upx;
		background: $themeColor;
		font-weight: bold;
		color: #FFFFFF;
		border-radius: 5upx;
	}



	.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%;
	}
</style>