partnerApp/pages/wallet/billInfo1.vue

<template>
	<view :style="getHeight">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<!-- 头部 -->
		<view class="" style="width: 100%;
		height: 210px;
		background: linear-gradient( 180deg, #0052FF 0%, #F8FAFE 100%);position: absolute;top: 0;">
		</view>
		<view class="headers 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;border-radius: 0 0 6px 6px;"
				class="dis j-c a-c p-2 ">
				<text style="color: #232832;font-weight: bold;">订单编号：{{orderInfo.orderno}}</text>
			</view>
		</view>
		<view class="page">
			<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"
							:class="{ 'icon-up-yixuanzhong': showCarInfo, 'icon-down-weixuanzhong': !showCarInfo }"
							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.modelcname}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆识别代码</view>
						<view>{{carInfo.vinNo}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>发动机号</view>
						<view>{{carInfo.engineNo}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>年款</view>
						<view>{{carInfo.caryear}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>座位数</view>
						<view>{{carInfo.seatCount}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>整备质量</view>
						<view>{{carInfo.completeKerbMass}}</view>
					</view>
					<view class="row d-flex a-center j-sb" v-if="carInfo.limitLoad">
						<view>核定载质量</view>
						<view>{{carInfo.limitLoad}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>排量</view>
						<view>{{carInfo.enginedesc}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>功率</view>
						<view>{{carInfo.powerScale}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>新车购置价</view>
						<view>{{carInfo.purchasePrice}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>使用性质</view>
						<view>{{carInfo.carnature}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆用途</view>
						<view>{{carInfo.vehicleUse}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆类型</view>
						<view>{{carInfo.cartype}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>车辆种类</view>
						<view>{{carInfo.cimodelclass}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>能源种类</view>
						<view>{{carInfo.energyType}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>注册日期</view>
						<view>{{carInfo.registerDate }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>发证日期</view>
						<view>{{carInfo.issueDate }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>是否过户</view>
						<view>{{carInfo.transferFlag?'是':'否' }}</view>
					</view>
					<view class="row d-flex a-center j-sb" v-if="carInfo.transferFlag">
						<view>转移登记日期</view>
						<view>{{carInfo.transferDate }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业是否过户</view>
						<view>{{carInfo.transferFlagBi?'是':'否' }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>是否脱保</view>
						<view>{{carInfo.outOfInsurance?'是':'否' }}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>是否二手车</view>
						<view>{{carInfo.usedCar?'是':'否' }}</view>
					</view>
				</view>
			</view>
			<view class="car" style="padding: 0;">
				<view class="header d-flex a-center j-sb " @tap="showOwerInfo = !showOwerInfo" style="padding: 0 10px;">
					<view class="title">人员信息</view>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont "
							:class="{ 'icon-up-yixuanzhong': showOwerInfo, 'icon-down-weixuanzhong': !showOwerInfo }"
							style="font-weight: bold;color: #B3B3B3;">
						</view>
					</view>
				</view>
				<view class="body" v-if="showOwerInfo">
					<view class="row d-flex a-center j-sb font-weight "
						style="background-color: #E5ECFA;padding:5px 10px;">
						<view>车主姓名:</view>
						<view>{{ownerInfo.name}}</view>
					</view>
					<view class="" style="padding: 0 5px;">
						<view class="row d-flex a-center j-sb">
							<view>车主身份证号：</view>
							<view>
								{{ownerInfo.identifyNumber}}
							</view>
						</view>
						<view class="row d-flex a-center j-sb">
							<view>手机号：</view>
							<view>{{ownerInfo.mobile}}</view>
						</view>
						<view class="row d-flex a-center j-sb">
							<view>地址：</view>
							<view>{{ownerInfo.addr}}</view>
						</view>
					</view>
					<view class="row d-flex a-center j-sb font-weight "
						style="background-color: #E5ECFA;padding:5px 10px;">
						<view>投保人姓名:</view>
						<view>{{policyHolderInfo.name}}</view>
					</view>
					<view class="" style="padding: 0 5px;">
						<view class="row d-flex a-center j-sb">
							<view>车主身份证号：</view>
							<view>
								{{policyHolderInfo.identifyNumber}}
							</view>
						</view>
						<view class="row d-flex a-center j-sb">
							<view>手机号：</view>
							<view>{{policyHolderInfo.mobile}}</view>
						</view>
						<view class="row d-flex a-center j-sb">
							<view>地址：</view>
							<view>{{policyHolderInfo.addr}}</view>
						</view>
					</view>
					<view class="row d-flex a-center j-sb font-weight "
						style="background-color: #E5ECFA;padding:5px 10px;">
						<view>被保人姓名:</view>
						<view>{{insuredPersonInfo.name}}</view>
					</view>
					<view class="" style="padding: 0 5px;">
						<view class="row d-flex a-center j-sb">
							<view>车主身份证号：</view>
							<view>
								{{insuredPersonInfo.identifyNumber}}
							</view>
						</view>
						<view class="row d-flex a-center j-sb">
							<view>手机号：</view>
							<view>{{insuredPersonInfo.mobile}}</view>
						</view>
						<view class="row d-flex a-center j-sb">
							<view>地址：</view>
							<view>{{insuredPersonInfo.addr}}</view>
						</view>
					</view>
				</view>
			</view>
			<view class="car">
				<view class="header d-flex a-center j-sb" @tap="showPolicyHolderInfo = !showPolicyHolderInfo">
					<view class="title">保费信息</view>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont "
							:class="{ 'icon-up-yixuanzhong': showPolicyHolderInfo, 'icon-down-weixuanzhong': !showPolicyHolderInfo }"
							style="font-weight: bold;color: #B3B3B3;">
						</view>
					</view>
				</view>
				<view class="body" v-if="showPolicyHolderInfo">
					<view class=" dis f-c">
						<template v-if="orderInfo.jqpremium">
							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
								<text>交强险：</text>
								<text>￥{{orderInfo.jqpremium}}</text>
							</view>
							<view class="dis f-c ">
								<text style="color: rgba(35,40,50,0.9);">起保日期：{{orderInfo.jqstartdate}}</text>
								<text style="color: rgba(35,40,50,0.9);">终保日期：{{orderInfo.jqenddate}}</text>
							</view>
							<view v-if="orderInfo.jqpremium && orderInfo.feeOrderNewVo" class=" d-flex a-center j-c"
								style="margin-bottom: 5px;">
								<view class="costDetails">
									<view class="dis j-s a-c " style="padding: 4px 6px;">
										<text class="text1">手续费比例:<text
												class="text2">{{orderInfo.feeOrderNewVo.exportFee[0].superviseCosts}}%</text>
										</text>
										<text class="text1">跟单比例:<text
												class="text2">{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsProportion}}%</text>
										</text>
										<text class="text1">总比例:<text
												class="text2">{{orderInfo.feeOrderNewVo.exportFee[0].totalProportion}}%</text>
										</text>
									</view>
									<view class="dis j-s a-c" style="padding: 4px 6px;">
										<text class="text1">手续费用:
											<text class="text2 text2-color"
												v-if="orderInfo.feeOrderNewVo.exportFee[0].superviseCostsPremiums">￥{{orderInfo.feeOrderNewVo.exportFee[0].superviseCostsPremiums}}</text>
											<text v-else>0</text>
										</text>
										<text class="text1">跟单费用:
											<text class="text2 text2-color"
												v-if="orderInfo.feeOrderNewVo.exportFee[0].otherCostsPremiums">￥{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsPremiums}}</text>
											<text v-else>0</text>
										</text>
										<text class="text1">总费用:
											<text class="text2 text2-color"
												v-if="orderInfo.feeOrderNewVo.exportFee[0].totalAmount">￥{{orderInfo.feeOrderNewVo.exportFee[0].totalAmount}}</text>
											<text v-else>0</text>
										</text>
									</view>
								</view>
							</view>
							<view class="dis f-c"
								style="background-color: #F9F9F9;border-radius: 10px;padding: 6px;margin-bottom: 5px;">
								<view class="dis j-s a-c">
									<text style="color: rgba(35,40,50,0.8)">险别/名称</text>
									<text style="color: rgba(35,40,50,0.8)">保额</text>
								</view>
								<view class="dis j-s a-c" v-for="(item,index) in orderInfo.jqInsuranceType" :key="index"
									style="margin-top: 6px;">
									<text>{{item.name}}</text>
									<text>{{item.amount}}</text>
								</view>
							</view>
						</template>
						<template v-if="taxAmount">
							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
								<text>车船税：</text>
								<text>￥{{taxAmount}}</text>
							</view>
							<view class="dis f-c" v-if="orderInfo.taxArrears && orderInfo.taxArrears.length>0">
								<text>欠税信息</text>
								<view class="body" style="padding: 10px 5px;">
									<u-table :th-style="{background:'#ff9000'}">
										<u-tr>
											<u-th style="font-size: 20rpx;">当年应缴（元）</u-th>
											<u-th style="font-size: 20rpx;">去年补缴（元）</u-th>
											<u-th style="font-size: 20rpx;">滞纳金（元）</u-th>
											<u-th style="font-size: 20rpx;">总计</u-th>
										</u-tr>
										<u-tr v-for="(item,index) in orderInfo.taxArrears" :key="index">
											<u-td>{{item.dayYearTax}}</u-td>
											<u-td>{{item.taxDefault}}</u-td>
											<u-td>{{item.lateFee}}</u-td>
											<u-td>{{orderInfo.taxamount}}</u-td>
										</u-tr>
									</u-table>
								</view>
							</view>
						</template>
						<template v-if="sypremium">
							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
								<text>商业险：</text>
								<text>￥{{sypremium}}</text>
							</view>
							<view class="dis f-c ">
								<text style="color: rgba(35,40,50,0.9);">起保日期：{{orderInfo.systartdate}}</text>
								<text style="color: rgba(35,40,50,0.9);">终保日期：{{orderInfo.syenddate}}</text>
							</view>
							<view class="costDetails" v-if="sypremium && orderInfo.feeOrderNewVo">
								<view class="dis j-s a-c " style="border-bottom: 1px solid #f2f2f2;padding: 4px 6px;">
									<text class="text1">手续费比例:<text
											class="text2">{{orderInfo.feeOrderNewVo.exportFee[1].superviseCosts}}%</text>
									</text>
									<text class="text1">跟单比例:<text
											class="text2">{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsProportion}}%</text>
									</text>
									<text class="text1">总比例:<text
											class="text2">{{orderInfo.feeOrderNewVo.exportFee[1].totalProportion}}%</text>
									</text>
								</view>
								<view class="dis j-s a-c" style="padding: 4px 6px;">
									<text class="text1">手续费用:
										<text class="text2 text2-color"
											v-if="orderInfo.feeOrderNewVo.exportFee[1].superviseCostsPremiums">￥{{orderInfo.feeOrderNewVo.exportFee[1].superviseCostsPremiums}}</text>
										<text v-else>0</text>
									</text>
									<text class="text1">跟单费用:
										<text class="text2 text2-color"
											v-if="orderInfo.feeOrderNewVo.exportFee[1].otherCostsPremiums">￥{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsPremiums}}</text>
										<text v-else>0</text>
									</text>
									<text class="text1">总费用:
										<text class="text2 text2-color"
											v-if="orderInfo.feeOrderNewVo.exportFee[1].totalAmount">￥{{orderInfo.feeOrderNewVo.exportFee[1].totalAmount}}</text>
										<text v-else>0</text>
									</text>
								</view>
							</view>
							<view class="kindList mt-1">
								<view class="dis j-s" style="color: rgba(35,40,50,0.6);font-size: 24rpx;border-bottom: 1px silid
								 #232832">
									<view class="dis j-start" style="width: 33.33%;">
										<text>险别/名称</text>
									</view>
									<view class="dis j-c" style="width: 33.33%;">
										<text>保额</text>
									</view>
									<view class="dis j-end" style="width: 33.33%;">
										<text>保费(元)</text>
									</view>
								</view>
								<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 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>
						</template>
						<template v-if="jypremium">
							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
								<text>附加险：意外险</text>
								<text>￥{{jypremium}}</text>
							</view>
							<view v-if="jypremium && orderInfo.feeOrderNewVo" class="row d-flex a-center j-c">
								<view class="costDetails">
									<view class="dis j-s a-c "
										style="border-bottom: 1px solid #f2f2f2;padding: 4px 6px;">
										<text class="text1">手续费比例:<text
												class="text2">{{orderInfo.feeOrderNewVo.exportFee[2].superviseCosts}}%</text>
										</text>
										<text class="text1">跟单比例:<text
												class="text2">{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsProportion}}%</text>
										</text>
										<text class="text1">总比例:<text
												class="text2">{{orderInfo.feeOrderNewVo.exportFee[2].totalProportion}}%</text>
										</text>
									</view>
									<view class="dis j-s a-c" style="padding: 4px 6px;">
										<text class="text1">手续费用:
											<text class="text2 text2-color"
												v-if="orderInfo.feeOrderNewVo.exportFee[2].superviseCostsPremiums">￥{{orderInfo.feeOrderNewVo.exportFee[2].superviseCostsPremiums}}</text>
											<text v-else>0</text>
										</text>
										<text class="text1">跟单费用:
											<text class="text2 text2-color"
												v-if="orderInfo.feeOrderNewVo.exportFee[2].otherCostsPremiums">￥{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsPremiums}}</text>
											<text v-else>0</text>
										</text>

										<text class="text1">总费用:
											<text class="text2 text2-color"
												v-if="orderInfo.feeOrderNewVo.exportFee[2].totalAmount">￥{{orderInfo.feeOrderNewVo.exportFee[2].totalAmount}}</text>
											<text v-else>0</text>
										</text>
									</view>
								</view>
							</view>
							<view class=" dis j-s f-c p-2" v-if="orderInfo.accidentInfo.length>0"
								style="border: none;background-color: #F9F9F9;border-radius: 10px;">
								<view class="dis j-s a-c" style="border-bottom: 1px solid #f2f2f2;">
									<view class="dis j-start" style="width: 50%;">
										<text style="color: rgba(35,40,50,0.8)">险别/名称</text>
									</view>
									<view class="dis j-c" style="width: 25%;">
										<text style="color: rgba(35,40,50,0.8)">保额</text>
									</view>
									<view class="dis j-end" style="width: 25%;">
										<text style="color: rgba(35,40,50,0.8)">保费(元)</text>
									</view>
								</view>
								<view class="coverage-sum dis j-s" v-for="(item,index) in orderInfo.accidentInfo"
									:key="index" style="margin-top: 6px;">
									<view style="width: 50%;" class="dis a-c j-start">
										<text>{{item.name}}</text>
									</view>
									<view style="width: 25%;" class="dis a-c j-c">
										<text>{{item.amount}}</text>
									</view>
									<view style="width: 25%;" class="dis a-c j-c">
										<text>{{item.premium}}</text>
									</view>
								</view>
							</view>
						</template>

					</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 "
							:class="{ 'icon-up-yixuanzhong': showextendInfo, 'icon-down-weixuanzhong': !showextendInfo }"
							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?extendInfo.score:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>鼎然-车辆风险评分：</view>
						<view>{{orderInfo.ubiPredictedInfoScore?orderInfo.ubiPredictedInfoScore:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>交强评分</view>
						<view style="color: #ff9000;">{{extendInfo.jqScore?extendInfo.jqScore:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业评分</view>
						<view style="color: #ff9000;">{{extendInfo.syScore?extendInfo.syScore:"无"}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>出险信息</view>
						<view style="width: 200px;text-align: right;">
							{{extendInfo.accidentInfoStr?extendInfo.accidentInfoStr:"无"}}
						</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>总赔付率</view>
						<view>{{extendInfo.lossRation}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>交强赔付率</view>
						<view>{{extendInfo.jqLossRation}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业赔付率</view>
						<view>{{extendInfo.syLossRation}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>总折扣率</view>
						<view>{{extendInfo.totalAdjustRate}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>交强险折扣</view>
						<view>{{extendInfo.jqAdjustRate}}</view>
					</view>
					<view class="row d-flex a-center j-sb">
						<view>商业险折扣</view>
						<view>{{extendInfo.syAdjustRate}}</view>
					</view>

				</view>
			</view>
			<view class="car">
				<view class="header d-flex a-center j-sb" @tap="showCarImageInfo = !showCarImageInfo">
					<view class="title">影像信息</view>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont "
							:class="{ 'icon-up-yixuanzhong': showCarImageInfo, 'icon-down-weixuanzhong': !showCarImageInfo }"
							style="font-weight: bold;color: #B3B3B3;">
						</view>
					</view>
				</view>
				<view class="body" style="padding: 10px 5px;" v-if="showCarImageInfo">
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-c">
								<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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'carImageListId','imgList1')"></view>
									</view>
								</block>
								<view v-if="imgList1.length==0 " class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C01','carImageListId','imgList1')">
									</view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-c">
								<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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'carImageListId','imgList2')"></view>
									</view>
								</block>
								<view v-if="imgList2.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D01','carImageListId','imgList2')">
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'ownerImageListId','imgList3')"></view>
									</view>
								</block>
								<view v-if="imgList3.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C02','ownerImageListId','imgList3')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'ownerImageListId','imgList4')"></view>
									</view>
								</block>
								<view v-if="imgList4.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D02','ownerImageListId','imgList4')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'policyImageListId','imgList5')"></view>
									</view>
								</block>
								<view v-if="imgList5.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C03','policyImageListId','imgList5')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'policyImageListId','imgList6')"></view>
									</view>
								</block>
								<view v-if="imgList6.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D03','policyImageListId','imgList6')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'insuredImageListId','imgList7')"></view>
									</view>
								</block>
								<view v-if="imgList7.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('C04','insuredImageListId','imgList7')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-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 v-if="orderstatus!=3"
											class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'insuredImageListId','imgList8')"></view>
									</view>
								</block>
								<view v-if="imgList8.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('D04','insuredImageListId','imgList8')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-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-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarQualified')">
										</view>
									</view>
								</block>
								<view v-if="imgNewCarQualified.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('XC00','imgNewCarinvoiceId','imgNewCarQualified')"></view>
								</view>
							</view>
							<view class="uni-uploader__files dis f-c a-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-cuowu d-flex a-center j-center"
											@tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarInvoice')"></view>
									</view>
								</block>
								<view v-if="imgNewCarInvoice.length==0" class="uni-uploader__input-box"
									style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('GC00','imgNewCarinvoiceId','imgNewCarInvoice')"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="uni-uploader">
						<view class="uni-uploader-body dis j-s a-c">
							<view class="uni-uploader__files dis f-c a-c">
								<text>其他关系证明</text>
								<block v-for="(image,index) in imgRelationship" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
											@tap="previewImage($event,'imgRelationship')"></image>
										<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center "
											@tap="delCheckImage('imgRelationship',index)"></view>
									</view>
								</block>
								<view class="uni-uploader__input-box" style="box-sizing: border-box;">
									<view v-if="orderstatus!=3" class="uni-uploader__input"
										@tap="chooseImage('GX00','imgRelationshipid','imgRelationship')"></view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 特约 -->
			<view class="car" v-if="['紫金财险','华泰财险'].includes(this.name)">
				<view class=" header title d-flex a-center j-sb" @tap="showAppoint=!showAppoint">
					<text style="font-weight: bold;">特约</text>
					<view class="adjustPlan d-flex">
						<view class="icon iconfont "
							:class="{ 'icon-up-yixuanzhong': showAppoint, 'icon-down-weixuanzhong': !showAppoint }"
							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;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>
		<u-popup v-model="toolPopupshow" mode="bottom" border-radius="10" height="">
			<view class="tool">
				<!-- <view class="dis j-c a-c" @click="toCarInfo">修改车辆信息</view> -->
				<view class="dis j-c a-c" @click="toInsureItems">修改险种配置</view>
			</view>
			<view class="cancell dis a-c j-c" @click="toolPopupshow=false">取消</view>
		</u-popup>

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

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

		</u-modal>

		<previewImage ref="previewImage" :opacity="0.8" :circular="true" :imgs="previewImgs"></previewImage>
	</view>
</template>
<script>
	import {
		mapState,
		mapMutations
	} from "vuex"
	import {
		pathToBase64,
		base64ToPath
	} from '@/common/pdf.js'
	import uniPopup from '@/components/uni-popup/uni-popup.vue';
	import previewImage from '@/components/common/previewImage/previewImage.vue'; //引用插件
	export default {
		components: {
			uniPopup,
			previewImage
		},
		computed: {
			...mapState(['userInfo', 'token', 'quotationType']),
			getHeight() {
				let height = uni.getSystemInfoSync().windowHeight;
				return `minHeight: ${height}px;`;
			}
		},
		data() {
			return {
				auditNextcontent: "是否确认提交核保",
				auditNextShow: false, //核保确认标识
				auditReturnInfoShow: false, //核保信息返回标识
				auditReturnInfoContent: "", //核保返回信息
				modificationFlag: false, //影响修改标识
				ziJinshow: false, //紫金特约
				huaTaishow: false, //紫金特约
				toolPopupshow: false, //底部弹窗
				agree: false,
				logoimg: "",

				companyId: "", //订单号
				orderInfo: {},
				licenseNo: "", //车牌号
				icon: "", //保险公司logo
				name: "", //保险公司名称
				carInfo: {}, //车辆信息
				ownerInfo: {}, //车主信息
				policyHolderInfo: {}, //投保人信息
				insuredPersonInfo: {}, //被保人信息
				riskList: [], //险种大类信息
				kindList: [], //商业险险别
				sumPermium: "", //报价金额
				taxAmount: "", //车船税金额
				jqpremium: "", //交强险金额
				sypremium: "", //商业险金额
				feerate: "",
				disrate: "",
				syappoint: "",
				orderstatus: "0", //订单状态
				CIStartDate: "", //交强险日期
				BIStartDate: "", //商业险日期
				showCarInfo: true,
				showextendInfo: true,
				insureList: [{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "投保",
							"value": "1"
						}],
						kindCode: "A",
						isMainRisk: true,
						kindName: "机动车损失险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "10万",
							"value": "100000"
						}, {
							"label": "15万",
							"value": "150000"
						}, {
							"label": "20万",
							"value": "200000"
						}, {
							"label": "30万",
							"value": "300000"
						}, {
							"label": "50万",
							"value": "500000"
						}, {
							"label": "100万",
							"value": "1000000"
						}, {
							"label": "150万",
							"value": "1500000"
						}, {
							"label": "200万",
							"value": "2000000"
						}, {
							"label": "250万",
							"value": "2500000"
						}, {
							"label": "300万",
							"value": "3000000"
						}, {
							"label": "500万",
							"value": "5000000"
						}, {
							"label": "1000万",
							"value": "10000000"
						}],
						kindCode: "B",
						isMainRisk: true,
						kindName: "第三者责任险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "1万",
							"value": "10000"
						}, {
							"label": "2万",
							"value": "20000"
						}, {
							"label": "5万",
							"value": "50000"
						}, {
							"label": "10万",
							"value": "100000"
						}, {
							"label": "15万",
							"value": "150000"
						}, {
							"label": "20万",
							"value": "200000"
						}],
						kindCode: "D3",
						isMainRisk: true,
						kindName: "司机责任险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "1万",
							"value": "10000"
						}, {
							"label": "2万",
							"value": "20000"
						}, {
							"label": "5万",
							"value": "50000"
						}, {
							"label": "10万",
							"value": "100000"
						}, {
							"label": "15万",
							"value": "150000"
						}, {
							"label": "20万",
							"value": "200000"
						}],
						kindCode: "D4",
						isMainRisk: true,
						kindName: "乘客责任险"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "2000",
							"value": "2000"
						}, {
							"label": "5000",
							"value": "5000"
						}, {
							"label": "1万",
							"value": "10000"
						}],
						isMainRisk: false,
						kindCode: "L",
						kindName: "车身划痕险",
						mainRiskCodeList: "A"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ1",
						kindName: "绝对免赔率特约险（车损）",
						mainRiskCodeList: "A"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ2",
						kindName: "绝对免赔率特约险（三者）",
						mainRiskCodeList: "B"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ3",
						kindName: "绝对免赔率特约险（司机）",
						mainRiskCodeList: "D3"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "5%",
							"value": "5"
						}, {
							"label": "10%",
							"value": "10"
						}, {
							"label": "15%",
							"value": "15"
						}, {
							"label": "20%",
							"value": "20"
						}],
						isMainRisk: false,
						kindCode: "MJ4",
						kindName: "绝对免赔率特约险（乘客）",
						mainRiskCodeList: "D4"
					},
					{
						amount: "0",
						coveragePremium: "",
						amtList: [{
							"label": "投保",
							"value": "1"
						}],
						isMainRisk: false,
						kindCode: "BD",
						kindName: "法定节假日限额翻倍险",
						mainRiskCodeList: "B"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: "",
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "10万",
								value: "100000"
							}
						],
						kindCode: "SY_FJ_YBW1",
						isMainRisk: false,
						kindName: "附加医保-三者",
						desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: 0,
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "10万",
								value: "100000"
							}
						],
						kindCode: "SY_FJ_YBW2",
						isMainRisk: false,
						kindName: "附加医保-座位险(乘客)",
						desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
					{
						amount: "0",
						amountDesc: "不投保",
						coveragePremium: 0,
						amtList: [{
								label: "不投保",
								value: "0"
							},
							{
								label: "1万",
								value: "10000"
							},
							{
								label: "2万",
								value: "20000"
							},
							{
								label: "5万",
								value: "50000"
							},
							{
								label: "10万",
								value: "100000"
							}
						],
						kindCode: "SY_FJ_YBW3",
						isMainRisk: false,
						kindName: "附加医保-座位险(司机)",
						desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
					},
				],

				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: true, //展示车主信息
				showPolicyHolderInfo: true, //展示投保人信息
				showAppoint: false, //展示特约
				showApplyno: false, //展示投保单号
				showPolicyno: false, //展示保单号
				showPolicyFile: false, //展示电子保单
				showPolicybzFile: false, //展示电子保单
				policyList: [], //电子保单文件
				policyList1: [], //电子标志文件
				showCarImageInfo: true, //显示车辆影像
				carImageListId: [],
				ownerImageListId: [],
				policyImageListId: [],
				insuredImageListId: [],
				imgRelationshipid: [],
				imgNewCarinvoiceId: [],
				imgList1: [],
				imgList2: [],
				imgList3: [],
				imgList4: [],
				imgList5: [],
				imgList6: [],
				imgList7: [],
				imgList8: [],
				imgRelationship: [], //其他证明
				imgNewCarQualified: [], //合格证
				imgNewCarInvoice: [], //发票
				previewImgs: [],
				dianzibaodan: "",
				jypremium: "",
				quoteno: "",
				extendInfo: {},
				routepage: "",
				roadrescueList: [],
				companyUnderwriting: "",
				ziJinengageListData: [],
				ziJinengageList: [],
				huaTaiengageListData: [],
				huaTaiengageList: [],
				natureOfVehicleUseoptions: [],
				vehicleTypeoptions: [],
				trafficManagementVehicleTypeoptions: [],
				energyTypeoptions: [],
				businessVehicleUseoptions: [],
				outOfBusinessVehicleUseoptions: [],
			}
		},
		async onLoad(params) {
			this.getDicType("businessVehicleUse"); //车辆用途（营业）
			this.getDicType("outOfBusinessVehicleUse"); //车辆用途（非营业）
			this.getDicType("natureOfVehicleUse"); //车辆性质
			this.getDicType("vehicleType"); //车辆种类
			this.getDicType("trafficManagementVehicleType"); //车辆类型
			this.getDicType("energyType"); //能源种类
			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.carInfo.carnature = this.dictionaryMatching(this.natureOfVehicleUseoptions,
						this
						.carInfo
						.carnature)
					this.carInfo.vehicleUse = this.carInfo.carnature == '非营业' ? this.dictionaryMatching(this
						.outOfBusinessVehicleUseoptions,
						this
						.carInfo
						.vehicleUse) : this.dictionaryMatching(this.businessVehicleUseoptions,
						this
						.carInfo
						.vehicleUse)
					this.carInfo.cimodelclass = this.dictionaryMatching(this.vehicleTypeoptions,
						this
						.carInfo
						.cimodelclass)
					this.carInfo.cartype = this.dictionaryMatching(this.trafficManagementVehicleTypeoptions,
						this
						.carInfo
						.cartype)
					this.carInfo.energyType = this.dictionaryMatching(this.energyTypeoptions,
						this
						.carInfo
						.energyType)
					this.extendInfo = res.data.extendInfo;
					this.licenseNo = res.data.licenseno;
					if (!!this.carInfo.loanStatus) {
						this.carInfo.loanStatus = 1;
					} else {
						this.carInfo.loanStatus = 0;
					}
					if (!!this.carInfo.registerDate) {
						let year1 = new Date(this.carInfo.registerDate).getFullYear()
						let month1 = new Date(this.carInfo.registerDate).getMonth() + 1
						if (month1 < 10) {
							month1 = '0' + month1;
						}
						let day1 = new Date(this.carInfo.registerDate).getDate()
						if (day1 < 10) {
							day1 = '0' + day1;
						}
						this.carInfo.registerDate = year1 + '-' + month1 + '-' + day1
					}
					if (!!this.carInfo.issueDate) {
						let year2 = new Date(this.carInfo.issueDate).getFullYear()
						let month2 = new Date(this.carInfo.issueDate).getMonth() + 1
						if (month2 < 10) {
							month2 = '0' + month2;
						}
						let day2 = new Date(this.carInfo.issueDate).getDate()
						if (day2 < 10) {
							day2 = '0' + day2;
						}
						this.carInfo.issueDate = year2 + '-' + month2 + '-' + day2
					}
					if (!!this.carInfo.transferDate) {
						let year3 = new Date(this.carInfo.transferDate).getFullYear()
						let month3 = new Date(this.carInfo.transferDate).getMonth() + 1
						if (month3 < 10) {
							month3 = '0' + month3;
						}
						let day3 = new Date(this.carInfo.transferDate).getDate()
						if (day3 < 10) {
							day3 = '0' + day3;
						}
						this.carInfo.transferDate = year3 + '-' + month3 + '-' + day3
					}
					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) // 影像获取完毕
					this.$base.insCompanyList.map(ele => {
						if (ele.name == res.data.inscompany) {
							uni.getImageInfo({
								src: ele.icon,
								success: image => {
									pathToBase64(image.path)
										.then(base64 => {
											this.logoimg = base64;
										})
										.catch(error => {});
								},
								fail: err => {}
							});
						}
						return ele;
					})
				}
				if (this.name == '紫金财险') {
					let Zijinres = await this.$http.post('/order/zijin/queryClauseData', param);
					this.ziJinengageListData = Zijinres.data;
					let data = this.ziJinengageListData.find(val => val.optType == 3)
					if (data) {
						this.ziJinengageList.push({
							clauseCode: data.clauseCode,
							clauseName: data.clauseName,
							clauses: data.clauseContent,
							riskCode: data.riskCode,
							modifyFlag: data.modifyFlag,
							optType: data.optType,
						})
					}

				}
				if (this.name == '华泰财险') {
					let huaTaires = await this.$http.post('/order/huaTaiApi/queryClauseData', param);
					this.huaTaiengageListData = huaTaires.data;
					huaTaires.data.map(val => {
						if (val.optType == '2') {
							this.huaTaiengageList.push({
								engageCode: val.engageCode,
								engageDetail: val.engageDetail,
								engageTitle: val.engageTitle,
								riskCode: val.riskCode,
								modifyFlag: val.modifyFlag,
							})
						}
					})
				}
			} else {
				uni.showModal({
					showCancel: false,
					title: "未查询到该订单"
				})
			}
			if (this.orderstatus == '3') {
				uni.setNavigationBarTitle({
					title: "订单详情"
				})
			}
		},
		methods: {
			...mapMutations(['setOrderStage', 'setOrderType']),
			//字典name匹配
			dictionaryMatching(list, value) {
				let obj = list.find(val => val.dictValue == value);
				return obj.dictTag;
			},
			async getDicType(type) {
				let res = await this.$http.get('/sysDict/dictDetails/' + type);
				if (res.code == 200) {
					this[type + 'options'] = res.data.ddList;
					// if (type == "trafficManagementVehicleType") {
					// 
					// 	this.carInfo1.cimodelclass = this.dictionaryMatching(this.vehicleTypeoptions,
					// 		this
					// 		.carInfo
					// 		.cimodelclass)
					// }
				}
			},
			ziJincontributingChange(param) {
				this.ziJinengageList = [];
				param.map(val => {
					let list = this.ziJinengageListData.find(item => item.clauseId == val)
					this.ziJinengageList.push({
						clauseCode: list.clauseCode,
						clauseName: list.clauseName,
						clauses: list.clauseContent,
						riskCode: list.riskCode,
						modifyFlag: list.modifyFlag,
					})
				})
			},
			huaTaicontributingChange(param) {
				this.huaTaiengageList = [];
				param.map(val => {
					let list = this.huaTaiengageListData.find(item => item.engageCode == val)
					this.huaTaiengageList.push({
						engageCode: list.engageCode,
						engageDetail: list.engageDetail,
						engageTitle: list.engageTitle,
						riskCode: list.riskCode,
						modifyFlag: list.modifyFlag,
					})
				})
			},
			//阅读并同意协议
			agreed(e) {
				this.agree = e.value;
			},
			toCarInfo() {
				this.navigate({
					url: '/pages/carInsure/Information',
					success: (res) => {
						res.eventChannel.emit(
							"acceptData", {
								carInfo: this
									.carInfo,
								ownerInfo: this
									.ownerInfo,
								policyHolderInfo: this
									.policyHolderInfo,
								insuredPersonInfo: this
									.insuredPersonInfo,
								riskList: this
									.riskList,
								kindList: this
									.kindList,
								carInfoPositiveList: this
									.carInfoPositiveList, //车辆
								ownerInfoPositiveList: this
									.ownerInfoPositiveList, //车主
								policyHolderInfoPositiveList: this
									.policyHolderInfoPositiveList, //投保
								insuredPersonInfoPositiveList: this
									.insuredPersonInfoPositiveList, //被保人

							})
					}
				}, "navigateTo", true);
			},
			//去选择险种页面
			toInsureItems() {
				console.log();
				this.navigate({
					url: '/pages/carInsure/insureItems',
					success: (res) => {
						res.eventChannel.emit("acceptData", {
							carInfo: this.carInfo,
							ownerInfo: this.ownerInfo,
							policyHolderInfo: this.policyHolderInfo,
							insuredPersonInfo: this.insuredPersonInfo,
							riskList: this.riskList,
							kindList: this.kindList
						})
					}
				}, "navigateTo", true);
			},
			//删除图片
			delCheckImage(param, IdList, srcList) {
				this[IdList].map((ele, index) => {
					if (param.imageId === ele.imageId) {
						this[IdList].splice(index, 1);
					}
					return ele;
				});
				this[srcList].map((ele, index) => {
					if (param.imageId === ele.imageId) {
						this[srcList].splice(index, 1);
					}
					return ele;
				});
			},
			//影像查询
			async imageEcho(quotenos) {
				let imgres = await this.$http.get('/ins/taskImage/findByQuoteNo?quoteNo=' + quotenos);
				if (imgres.code == "200") {
					Object.keys(imgres.data).forEach((keys) => {
						if (imgres.data[keys].url) {
							imgres.data[keys].url = this.$base.baseUrl + imgres.data[keys].url;
							switch (keys) {
								case 'C01':
									this.carImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList1.push(imgres.data[keys]);
									break;
								case 'D01':
									this.carImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList2.push(imgres.data[keys]);
									break;
								case 'C02':
									this.ownerImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList3.push(imgres.data[keys]);
									break;
								case 'D02':
									this.ownerImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList4.push(imgres.data[keys]);
									break;
								case 'C03':
									this.policyImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList5.push(imgres.data[keys]);
									break;
								case 'D03':
									this.policyImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList6.push(imgres.data[keys]);
									break;
								case 'C04':
									this.insuredImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList7.push(imgres.data[keys]);
									break;
								case 'D04':
									this.insuredImageListId.push({
										imageId: imgres.data[keys].imageId,
										imageType: imgres.data[keys].imageType,
									})
									this.imgList8.push(imgres.data[keys]);
									break;
								default:
									break;
							}
						}
					});
				}
			},
			async uploadRetry() {
				const mergedArray = [...this.carImageListId, ...this.ownerImageListId, ...this
					.policyImageListId, ...this.insuredImageListId, ...this
					.imgRelationshipid
				];
				if (mergedArray.length > 0) {
					await this.$http.post('/ins/taskImage/uploadImages', {
						imageList: mergedArray,
						quoteNo: this.quoteno,
					})
				}
			},
			// 上传影像并提交核保
			async submitAudit() {
				// if (!this.agree) {
				// 	return uni.showToast({
				// 		title: '请阅读并同意协议',
				// 		icon: "none",
				// 		duration: 2000
				// 	});
				// }
				this.auditNextShow = true;
			},
			async chooseImage(type, imageIdList, imgurl) {
				let [chooseImageErr, chooseImageRes] = await uni.chooseImage({
					count: 1,
					sizeType: ['compressed']
				});
				chooseImageRes.tempFilePaths.map((ele, index) => {
					uni.uploadFile({
						url: this.$base.baseUrl + '/ins/taskImage/uploadFile',
						filePath: ele,
						name: "multipartFile",
						formData: {
							'type': 'image',
						},
						header: {
							Authorization: this.token,
						},
						success: async (imgRes) => {
							let data = JSON.parse(imgRes.data);
							data.data.url = this.$base.baseUrl + data.data.url;
							if (data.code == "200") {
								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)
								this.modificationFlag = true;
							}
						}
					});
				})
			},
			//影像预览
			previewImage(e, type) {
				this.previewImgs = this[type];
				var current = e.currentTarget.dataset.src;
				this.$refs.previewImage.open(current); // 传入当前选中的图片地址或序号
			},
			//查询电子保单
			async yonganprint() {
				this.policyList = [];
				this.policyList1 = [];
				let res = await this.$http.post('/order/yongAn/getPolicyPrint', {
					companyId: this.companyId,
					policytype: "jq"
				}); //永安
				if (res.data) {
					let result = res.data.replace(/[\r\n]/g, "");
					let pdfBase64 = `data:application/pdf;base64,${result}`;
					base64ToPath(pdfBase64)
						.then(path => {
							this.policyList.push({
								fileTitle: "交强电子保单",
								filename: this.orderInfo.jqpolicyno,
								fileurl: path,
							})
						})
				}
				let res1 = await this.$http.post('/order/yongAn/getPolicyPrint2', {
					companyId: this.companyId,
					policytype: "jq"
				}); //永安
				if (res1.data) {
					let result = res1.data.replace(/[\r\n]/g, "");
					let pdfBase64 = `data:application/pdf;base64,${result}`;
					base64ToPath(pdfBase64)
						.then(path => {
							this.policyList1.push({
								fileTitle: "交强电子标志",
								filename: this.orderInfo.jqpolicyno,
								fileurl: path,
							})
						})
				}
				if (this.orderInfo.sypolicyno) {
					let res2 = await this.$http.post('/order/yongAn/getPolicyPrint2', {
						companyId: this.companyId,
						policytype: "sy"
					}); //永安
					if (res2.data) {
						let result = res1.data.replace(/[\r\n]/g, "");
						let pdfBase64 = `data:application/pdf;base64,${result}`;
						base64ToPath(pdfBase64)
							.then(path => {
								this.policyList.push({
									fileTitle: "商业电子保单",
									filename: this.orderInfo.sypolicyno,
									fileurl: path,
								})
							})
					}
				}
			},
			async zhongMeigetPolicyPrint() {
				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() {
				let apiType = this.orderInfo.apiType;
				switch (apiType) {
					case 1:
						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,
									});
								}
							}
						}
						break;
					case 2:
						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;
									})

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

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

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

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

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

	}

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

		.price {
			width: 100%;
			height: 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%;
		position: relative;
	}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

	/* 报价方案End */

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

		.body {


			.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;
		z-index: 999;
		background-color: #fff;

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

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

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

			.btn {
				height: 100%;
			}

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

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

	.tool {
		padding: 10px;

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

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

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

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

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

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

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

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

		}
	}

	.uni-uploader__file {
		position: relative;
	}

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

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

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

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

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

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

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

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

	/* 人员信息End */

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



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

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

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

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

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

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

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

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

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

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

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

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

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

		.text1 {
			font-size: 22rpx;
		}

		.text2 {
			font-size: 24rpx;
		}

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

	}

	/deep/ {
		.u-th {
			background-color: #F2F6FF;
		}
	}
</style>