partnerApp/pages/carInsure1/quoteDetail1.vue

<template>
	<view :style="getHeight" style="background-color: #F5F5F5;">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<!-- 头部 -->
		<view class="carInfo  w-100 p-3 box-sizing">
			<view class="d-flex mb-1">
				<view class="topLeft d-flex flex-1 flex-column">
					<view class="license">{{this.licenseNo}} | {{carInfo.modelcname}}</view>
					<view class="totalMoney">￥{{sumPermium}}</view>
				</view>
				<view class="topRight d-flex a-center j-center">
					<image :src="icon" mode="aspectFit" lazy-load></image>
				</view>
			</view>
			<view class="other d-flex j-sb px-3">
				<view class="d-flex flex-1 a-center">
					<view class="privilege d-flex a-center j-center flex-shrink px-2">特权</view>
					<view class="content">每月自动查违章，无违章领奖励</view>
				</view>
				<view class="flex-shrink icon iconfont icon-youjiantou d-flex a-center font-sm"></view>
			</view>
		</view>
		<view>
			<view class="welfare">
				<view class="header d-flex a-center j-sb">
					<view class="title">投保享福利</view>
					<view class="icon iconfont icon-youjiantou d-flex a-center" style="font-size: 24upx;"></view>
				</view>
				<view class="body d-flex">
					<view class="welfareItem">
						<view class="name">2次体检服务</view>
						<view class="content">八项检查：血常规，尿常规，心电图等</view>
					</view>
					<view class="welfareItem">
						<view class="name">2次体检服务</view>
						<view class="content">八项检查：血常规，尿常规，心电图等</view>
					</view>
				</view>
			</view>

			<view class="quotePlan">
				<view class="header d-flex a-center j-sb">
					<view class="title">报价方案</view>
					<template v-if="((orderstatus == 0) ||(orderstatus == 3)) && (!!token)">
						<view class="adjustPlan" @tap="toInsureItems">调整方案</view>
					</template>
				</view>

				<view class="body">
					<view class="insurance">
						<block v-for="(item,index) in riskList" :key="index">
							<template v-if="item.riskCode=='0507'">
								<view class="row d-flex a-center j-sb">
									<view class="d-flex a-center">交强险 <view class="date">起保日期：{{item.startDate}}</view>
									</view>
									<view>￥{{jqpremium}}</view>
								</view>
								<view class="row d-flex a-center j-sb">
									<view class="d-flex a-center">车船税</view>
									<view>￥{{taxAmount}}</view>
								</view>
								<view class="row d-flex a-center j-sb" v-if="jypremium">
									<view class="d-flex a-center">驾意险</view>
									<view>￥{{jypremium}}</view>
								</view>
							</template>
						</block>
						<block v-for="(item,index) in riskList" :key="index">
							<template v-if="item.riskCode == '0510'">
								<view class="row d-flex a-center j-sb">
									<view class="d-flex a-center">商业险 <view class="date">起保日期：{{item.startDate}}</view>
									</view>
									<view>￥{{sypremium}}</view>
								</view>
							</template>
						</block>
						<view class="kindList" v-if="kindList.length>0">
							<view class="kindItem d-flex a-center j-sb">
								<view class="d-flex flex-1">商业险险别</view>
								<view class="flex-1 d-flex a-center j-center">保额(元)</view>
								<view class="d-flex flex-1 j-end">保费(元)</view>
							</view>
							<block v-for="(item,index) in insureList" :key="index">
								<template v-if="item.amount!=0">
									<view class="kindItem d-flex a-center j-sb">
										<view class="d-flex flex-1">{{item.kindName}}</view>
										<block v-for="(item1,index1) in item.amtList" :key="index1">
											<template v-if="item1.value == item.amount">
												<view class="d-flex flex-1 a-center j-center">{{item1.label}}</view>
											</template>
										</block>
										<view class="d-flex flex-1 j-end">￥{{item.coveragePremium}}</view>
									</view>
								</template>
							</block>
						</view>
					</view>
					<view class="addedServices" v-if="kindList.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">
								<view>道路救援</view>
								<view class="d-flex j-end">7次</view>
							</view>
							<view class="kindItem d-flex a-center j-sb">
								<view>代为送检</view>
								<view class="d-flex j-end">1次</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="quotePlan">
				<view class="header d-flex a-center j-sb">
					<view class="title">{{name}}官方无忧理赔</view>
				</view>
				<view class="body d-flex" style="flex-wrap: wrap;">
					<view
						style="width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right: 20upx;box-sizing: border-box;">
						智慧理赔服务</view>
					<view
						style="width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 20upx;box-sizing: border-box;">
						异地出险全国通赔</view>
					<view
						style="width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 20upx;box-sizing: border-box;">
						掌柜车险管控质量</view>
				</view>
			</view>
			<template v-if="!!token">
				<view class="quotePlan">
					<view class="header d-flex a-center j-sb">
						<view class="title">优惠政策</view>
					</view>
					<view class="body">
						<view class="insurance">
							<view class="row d-flex a-center j-sb">
								<view class="d-flex a-center flex-1">险种</view>
								<view class="d-flex a-center j-center flex-1">优惠比例</view>
								<view class="d-flex j-end flex-1">优惠金额</view>
							</view>

							<block v-for="(item,index) in riskList" :key="index">
								<template v-if="item.riskCode == '0507'">
									<view class="row d-flex a-center j-sb">
										<view class="d-flex a-center flex-1">交强险</view>
										<view class="d-flex a-center j-center flex-1">{{jqdiscountrate}}%</view>
										<view class="d-flex j-end flex-1">
											{{(item.premium*jqdiscountrate/100).toFixed(2)}}
										</view>
									</view>
								</template>
							</block>
							<block v-for="(item,index) in riskList" :key="index">
								<template v-if="item.riskCode == '0510'">
									<view class="row d-flex a-center j-sb">
										<view class="d-flex a-center flex-1">商业险</view>
										<view class="d-flex a-center j-center flex-1">{{sydiscountrate}}%</view>
										<view class="d-flex j-end flex-1">
											{{(item.premium*sydiscountrate/100).toFixed(2)}}
										</view>
									</view>
								</template>
							</block>
						</view>

					</view>
				</view>
			</template>


			<view class="car">
				<view class="header d-flex a-center j-sb">
					<view class="title">车辆信息</view>
					<view class="adjustPlan d-flex" @tap="showCarInfo = !showCarInfo">{{carInfo.licenseNo}}
						<view class="icon iconfont icon-xiala" style="margin-left: 15upx;"></view>
					</view>
				</view>
				<view class="body" v-if="showCarInfo">
					<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>

			<template v-if="orderstatus != 0">
				<view class="personInfo">
					<view class="title d-flex a-center j-sb">
						<text style="font-weight: bold;">车主</text>
						<view class="showStatus" @tap="controlShow('showOwerInfo')">{{showOwerInfo?'收起':'展开'}}</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">
						<text style="font-weight: bold;">投保人</text>
						<view class="showStatus" @tap="controlShow('showPolicyHolderInfo')">
							{{showPolicyHolderInfo?'收起':'展开'}}
						</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">
						<text style="font-weight: bold;">被保人</text>
						<view class="showStatus" @tap="controlShow('showInsuredPersonInfo')">
							{{showInsuredPersonInfo?'收起':'展开'}}
						</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>

				<!-- #ifndef H5 -->
				<!-- 车辆影像信息Start -->
				<view class="imageInfo">
					<view class="title  d-flex a-center j-sb">
						<text style="font-weight: bold;">车辆影像信息</text>
						<view class="showStatus" @tap="controlShow('showCarImageInfo')">{{showCarImageInfo?'收起':'展开'}}
						</view>
					</view>

					<view class="uni-uploader" v-if="showCarImageInfo">
						<view class="uni-uploader-body">
							<view class="uni-uploader__files">
								<block v-for="(image,index) in carImageList" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image" :data-src="image"
											@tap="previewImage($event,'car')"></image>
									</view>
								</block>
							</view>
						</view>
					</view>

				</view>
				<!-- 车辆影像信息End -->

				<!-- 车主影像信息Start -->
				<view class="imageInfo">
					<view class="title  d-flex a-center j-sb">
						<text style="font-weight: bold;">车主影像信息</text>
						<view class="showStatus" @tap="controlShow('showOwnerImageInfo')">
							{{showOwnerImageInfo?'收起':'展开'}}
						</view>
					</view>

					<view class="uni-uploader" v-if="showOwnerImageInfo">
						<view class="uni-uploader-body">
							<view class="uni-uploader__files">
								<block v-for="(image,index) in ownerImageList" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image" :data-src="image"
											@tap="previewImage($event,'owner')"></image>
									</view>
								</block>
							</view>
						</view>
					</view>

				</view>
				<!-- 车主影像信息End -->
				<!-- 投保人影像信息Start -->
				<view class="imageInfo">
					<view class="title  d-flex a-center j-sb">
						<text style="font-weight: bold;">投保人影像信息</text>
						<view class="showStatus" @tap="controlShow('showPolicyImageInfo')">
							{{showPolicyImageInfo?'收起':'展开'}}
						</view>
					</view>

					<view class="uni-uploader" v-if="showPolicyImageInfo">
						<view class="uni-uploader-body">
							<view class="uni-uploader__files">
								<block v-for="(image,index) in policyImageList" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image" :data-src="image"
											@tap="previewImage($event,'policy')"></image>
									</view>
								</block>
							</view>
						</view>
					</view>

				</view>
				<!-- 投保人影像信息End -->
				<!-- 被保人影像信息Start -->
				<view class="imageInfo">
					<view class="title  d-flex a-center j-sb">
						<text style="font-weight: bold;">被保人影像信息</text>
						<view class="showStatus" @tap="controlShow('showInsuredImageInfo')">
							{{showInsuredImageInfo?'收起':'展开'}}
						</view>
					</view>

					<view class="uni-uploader" v-if="showInsuredImageInfo">
						<view class="uni-uploader-body">
							<view class="uni-uploader__files">
								<block v-for="(image,index) in insuredImageList" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image" :data-src="image"
											@tap="previewImage($event,'insured')"></image>
									</view>
								</block>
							</view>
						</view>
					</view>

				</view>
				<!-- 被保人影像信息End -->
				<!-- 验车照Start -->
				<view class="imageInfo">
					<view class="title  d-flex a-center j-sb">
						<text style="font-weight: bold;">验车照</text>
						<view class="showStatus" @tap="controlShow('showCarCheckImageInfo')">
							{{showCarCheckImageInfo?'收起':'展开'}}
						</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 carCheckImageList" :key="index">
									<view class="uni-uploader__file">
										<image class="uni-uploader__img" :src="image" :data-src="image"
											@tap="previewImage($event,'carCheck')"></image>
									</view>
								</block>
							</view>
						</view>
					</view>

				</view>
				<!-- #endif -->
				<!-- 验车照End -->

				<!-- 特约 -->
				<template v-if="!!syappoint">
					<view class="appoint">
						<view class="title d-flex a-center j-sb">
							<text style="font-weight: bold;">特约</text>
							<view class="showStatus" @tap="controlShow('showAppoint')">{{showAppoint?'收起':'展开'}}</view>
						</view>
						<view class="content" v-if="showAppoint">
							<view class="row d-flex a-center j-sb">
								<view>商业特约险：</view>
								<textarea disabled maxlength="300" v-model="syappoint"
									placeholder="请输入商业险特别约定,最多可输入300个字符" /></textarea>
							</view>
						</view>
					</view>
				</template>
			</template>

			<!-- 快递 -->
			<view class="personInfo" v-if="orderstatus == 7">
				<view class="title  d-flex a-center j-sb">
					<text style="font-weight: bold;">保单配送</text>
					<view class="showStatus" @tap="controlShow('showDistribution')">{{showDistribution?'收起':'展开'}}
					</view>
				</view>
				<view class="content" v-if="showDistribution">
					<view class="row d-flex a-center">
						<view class="left">保单形式：</view>
						<view class="right d-flex flex-1">{{orderInfo.policytype}}</view>
					</view>
					<template v-if="orderInfo.policytype=='电子'">
						<!-- 邮箱地址 -->
						<view class="row d-flex a-center">
							<view class="left">邮箱地址：</view>
							<view class="right d-flex flex-1">{{orderInfo.mailaddress}}</view>
						</view>
					</template>

					<template v-if="orderInfo.policytype=='纸质'">
						<view class="row d-flex a-center">
							<view class="left">配送方式：</view>
							<view class="right d-flex flex-1">{{orderInfo.mailtype}}</view>
						</view>
					</template>

					<template v-if="(orderInfo.policytype=='纸质')&&(orderInfo.mailtype=='邮寄')">
						<view class="row d-flex a-center">
							<view class="left">收件人：</view>
							<view class="right d-flex flex-1">{{orderInfo.receiptname}}</view>
						</view>
						<view class="row d-flex a-center">
							<view class="left">手机号：</view>
							<view class="right d-flex flex-1">{{orderInfo.receiptphone}}</view>
						</view>
						<view class="row d-flex a-center"
							style="height:auto;min-height: 80upx;padding: 10upx 0;box-sizing: border-box; ">
							<view class="left d-flex">地址：</view>
							<view class="right flex-column d-flex flex-1">{{orderInfo.mailaddress}}</view>
						</view>
						<view class="row d-flex a-center"
							style="height:auto;min-height: 80upx;padding: 10upx 0;box-sizing: border-box; ">
							<view class="left d-flex">快递公司：</view>
							<view class="right d-flex flex-column d-flex flex-1">{{orderInfo.couriercompany}}</view>
						</view>
						<view class="row d-flex a-center"
							style="height:auto;min-height: 80upx;padding: 10upx 0;box-sizing: border-box; ">
							<view class="left d-flex">快递号：</view>
							<view class="right flex-column d-flex flex-1">{{orderInfo.courierno}}</view>
						</view>
					</template>
				</view>
			</view>

			<view class="personInfo" v-if="orderstatus >1">
				<view class="title d-flex a-center j-sb">
					<text style="font-weight: bold;">投保单号</text>
					<view class="showStatus" @tap="controlShow('showApplyno')">{{showApplyno?'收起':'展开'}}</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="orderstatus ==7">
				<view class="title d-flex a-center j-sb">
					<text style="font-weight: bold;">保单号</text>
					<view class="showStatus" @tap="controlShow('showPolicyno')">{{showPolicyno?'收起':'展开'}}</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">
					<text style="font-weight: bold;">电子保单(点击即可预览下载)</text>
					<view class="showStatus" @tap="controlShow('showPolicyFile')">{{showPolicyFile?'收起':'展开'}}</view>
				</view>
				<view class="content" v-if="showPolicyFile" v-for="(policyListitem,policyListindex) in policyList"
					:key="policyListindex">
					<view class="row d-flex a-center">
						<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">
					<text style="font-weight: bold;">电子标志(点击即可预览下载)</text>
					<view class="showStatus" @tap="controlShow('showPolicybzFile')">{{showPolicybzFile?'收起':'展开'}}
					</view>
				</view>
				<view class="content" v-if="showPolicybzFile" v-for="(policyListitem,policyListindex) in policyList1"
					:key="policyListindex">
					<view class="row d-flex a-center">
						<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="advancePaymentTotal">
				<view class="header d-flex a-center j-sb">
					<view class="title">保费</view>
				</view>
				<view class="body">
					<block v-for="(item,index) in riskList" :key="index">
						<template v-if="item.riskCode == '0507'">
							<view class="row d-flex a-center j-sb">
								<view class="d-flex a-center">交强险</view>
								<view>￥{{jqpremium}}</view>
							</view>
							<view class="row j-sb d-flex a-center">
								<view>车船税</view>
								<view>￥{{taxAmount}}</view>
							</view>
						</template>
					</block>
					<block v-for="(item,index) in riskList" :key="index">
						<template v-if="item.riskCode == '0510'">
							<view class="row d-flex a-center j-sb">
								<view class="d-flex a-center">商业险</view>
								<view>￥{{sypremium}}</view>
							</view>
						</template>
					</block>
				</view>
			</view>
		</view>
		<view style="height: 90upx;"></view>

		<template v-if="(!token) || (orderstatus==7)">
			<view class="bottomBtn d-flex">
				<view class="d-flex a-center j-end">
					<view
						style="padding: 0upx 30upx;box-sizing: border-box; font-weight: bold;font-size: 34upx;color: #333; ">
						总计： ￥{{sumPermium}}</view>
				</view>
			</view>
		</template>
		<template v-if="(!!token) && (orderstatus !=7)">
			<view class="bottomBtn d-flex j-sb">
				<view class="d-flex a-center">
					<view class="d-flex flex-column a-center j-center listener">
						<view style="line-height: 1;" class="icon iconfont icon-xiaomishu"></view>
						<view class="font-sm">客服</view>
					</view>
					<view style="font-weight: bold;font-size: 34upx;color: #333; ">￥{{sumPermium}}</view>
				</view>
				<template v-if="orderstatus ==0">
					<view class="btn d-flex a-center j-center" @tap="toUnderwriting">确认核保</view>
				</template>
				<!-- 	<template v-if="orderstatus ==5">
					<view class="btn d-flex a-center j-center" @tap="cancelUnderwriting">撤销核保</view>
				</template> -->
				<template v-if="orderstatus ==2">
					<view class="btn d-flex a-center j-center" @tap="openPayWay">申请支付</view>
				</template>
				<template v-if="orderstatus ==3">
					<view class="btn d-flex a-center j-center" @tap="toUnderwriting">下一步</view>
				</template>
			</view>
		</template>

		<!-- 底部分享弹窗 -->
		<uni-popup ref="showshare" type="share">
			<view class="uni-share">
				<text class="uni-share-title">分享到</text>
				<view class="uni-share-content">
					<view v-for="(item, index) in bottomData" :key="index" class="uni-share-content-box"
						@tap="shareType(item.name)">
						<view class="uni-share-content-image">
							<image :src="item.icon" class="content-image" mode="widthFix" />
						</view>
						<text class="uni-share-content-text">{{ item.text }}</text>
					</view>
				</view>
				<text class="uni-share-btn" @click="cancelShare">取消分享</text>
			</view>
		</uni-popup>
		<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 {
				orderno: "", //订单号
				orderInfo: {},
				licenseNo: "", //车牌号
				icon: "", //保险公司logo
				name: "", //保险公司名称
				carInfo: {}, //车辆信息
				ownerInfo: {}, //车主信息
				policyHolderInfo: {}, //投保人信息
				insuredPersonInfo: {}, //被保人信息
				riskList: [], //险种大类信息
				kindList: [], //商业险险别
				sumPermium: "", //报价金额
				taxAmount: "", //车船税金额
				jqpremium: "", //交强险金额
				sypremium: "", //商业险金额
				feerate: "",
				disrate: "",
				syappoint: "",
				orderstatus: "0", //订单状态
				CIStartDate: "", //交强险日期
				BIStartDate: "", //商业险日期
				showCarInfo: 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"
					}
				],

				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, //显示车辆影像
				carImageList: [],
				showOwnerImageInfo: false, //显示车主影像
				ownerImageList: [],
				showPolicyImageInfo: false, //显示投保人影像
				policyImageList: [],
				showInsuredImageInfo: false, //显示被保人影像
				insuredImageList: [],
				showCarCheckImageInfo: false, //显示验车照影像
				carCheckImageList: [],
				previewImgs: [],
				dianzibaodan: "",
				jypremium: "",
			}
		},
		// 监听导航栏的按钮
		onNavigationBarButtonTap(e) {
			if (e.index == 0) {
				this.$refs.showshare.open()
			}
		},
		async onLoad(params) {
			if (!this.token) {
				document.getElementsByTagName('uni-page-head')[0].style.display = 'none'
			}
			if (!!params.orderno) {
				this.orderno = params.orderno;
				let res = await this.$http.get('/insOrder/queryOrder?orderno=' + params.orderno);
				if (res.code == 200) {
					//获取前一个页面传过来的信息（车辆信息，人员信息，险种信息）
					this.icon = "";
					this.name = res.data.inscompany;
					this.carInfo = res.data.carinfo;
					this.licenseNo = res.data.licenseNo;
					if (!!this.carInfo.transferFlag) {
						this.carInfo.transferFlag = 1;
					} else {
						this.carInfo.transferFlag = 0;
					}
					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.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)
					// 图片类型(C01车辆影像，C02车主身份证,C03投保人身份证，C04被保人身份证，C05验车照）
					// #ifndef H5
					this.getTaskImg('C01', 'carImageList');
					this.getTaskImg('C02', 'ownerImageList');
					this.getTaskImg('C03', 'policyImageList');
					this.getTaskImg('C04', 'insuredImageList');
					this.getTaskImg('C05', 'carCheckImageList');
					// #endif
					if (this.orderstatus == '7') {
						switch (this.name) {
							case "中煤财险":
								this.zmgetPolicyPrint(); //电子保单
								break;
							case "恒邦财险":
								this.hbgetPolicyPrint(); //电子保单
								break;
							case "永安财险":
								this.getTaskPolicyjq(); //电子保单
								this.getTaskPolicysy(); //电子保单
								this.getTaskPolicyjqbz(); //标志
								this.getTaskPolicysybz(); //标志
								break;
							case "永诚财险":
								this.ycgetPolicyPrint(); //电子保单
								break;
						}
					}
					// 影像获取完毕
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0510') {
								for (let j = 0; j < this.kindList.length; j++) {
									for (let m = 0; m < this.insureList.length; m++) {
										if (this.kindList[j].kindCode == this.insureList[m].kindCode) {
											this.insureList[m].coveragePremium = this.kindList[j].coveragePremium;
											if (this.kindList[j].kindCode == 'B') {
												this.insureList[9].amtList[0].value = this.kindList[j].amount;
											}

											if (this.kindList[j].kindCode == 'A') {
												this.insureList[m].amount = '1';
											} else if (this.insureList[m].kindCode == 'D4') {
												if (!!this.kindList[j].unitAmount) {
													this.insureList[m].amount = this.kindList[j].unitAmount;
												} else {
													this.insureList[m].amount = (this.kindList[j].amount - 0) / (this
														.carInfo.seatCount - 0 - 1);
												}
											} else if (this.insureList[m].isMainRisk || (this.insureList[m].kindCode ==
													'BD') || (this.insureList[m].kindCode == 'L')) {
												this.insureList[m].amount = this.kindList[j].amount;
											} else {
												this.insureList[m].amount = this.kindList[j].deductibleRate;
											}

										}
									}
								}
							}
						}
					}

				}


			} else {
				uni.showModal({
					showCancel: false,
					title: "未查询到该订单"
				})
			}
		},
		methods: {
			...mapMutations(['setOrderStage', 'setOrderType']),
			//去选择险种页面
			toInsureItems() {
				this.navigate({
					url: '/pages/carInsure1/insureItems1',
					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);
			},
			//去确认核保页面
			toUnderwriting() {
				this.navigate({
						url: "/pages/carInsure1/underwriting1?orderno=" + this.orderno
					},
					"navigateTo", true);
			},



			//影像预览
			previewImage(e, type) {
				this.previewImgs = [];
				this.previewImgs = this[type + 'ImageList'];
				var current = e.currentTarget.dataset.src;
				this.$refs.previewImage.open(current); // 传入当前选中的图片地址或序号
			},

			//保存影像
			async getTaskImg(type, typeName) {
				let res = await this.$http.get('/insTaskImage/findById?imgtype=' + type + '&taskid=' + this
					.orderno, {});
				this[typeName] = res.data.imgList;
			},
			//查询电子保单

			async getTaskPolicyjq() {
				this.policyList = [];
				var _this = this;
				let baodan = {
					orderno: this.orderno,
					policytype: "jq"
				};
				let res = await this.$http.post('/api/yongan/getPolicyPrint', baodan); //太平
				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,
							})
						})
				}
			},
			async getTaskPolicysy() {
				var _this = this;
				let baodan = {
					orderno: this.orderno,
					policytype: "sy"
				};
				let res = await this.$http.post('/api/yongan/getPolicyPrint', baodan); //太平
				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.sypolicyno,
								fileurl: path,
							})
						})
				}
			},
			async getTaskPolicyjqbz() {
				this.policyList1 = [];
				var _this = this;
				let baodan = {
					orderno: this.orderno,
					policytype: "jq"
				}; 
				let res = await this.$http.post('/api/yongan/getPolicyPrint2', baodan); //太平
				if (res.data) {
					let result = res.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,
							})
						})
				}
			},
			async getTaskPolicysybz() {
				var _this = this;
				let baodan = {
					orderno: this.orderno,
					policytype: "sy"
				};
				let res = await this.$http.post('/api/yongan/getPolicyPrint2', baodan); //太平
				if (res.data) {
					let result = res.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,
							})
						})
				}
			},
			async zmgetPolicyPrint() {
				let baodan = {
					orderno: this.orderno,
				};
				let res = await this.$http.post('/insZhongmei/getPolicyPrint', baodan); //中煤财险
				if (res.code == '200') {
					this.policyList = [];
					this.policyList1 = [];
					this.policyList.push({
						fileTitle: "交强",
						filename: this.orderInfo.jqpolicyno,
						fileurl: res.data.trafficStrengthPolicy,
					})
					this.policyList1.push({
						fileTitle: "交强",
						filename: this.orderInfo.jqpolicyno,
						fileurl: res.data.trafficStrengthLogo,
					})
				}
			},
			async ycgetPolicyPrint() {
				let baodan = {
					orderno: this.orderno,
				};
				let res = await this.$http.post('/ins/yongcheng/getPolicyPrint', baodan); //永诚财险
				if (res.code == '200') {
					this.policyList = [];
					this.policyList1 = [];
					this.policyList.push({
						fileTitle: "交强",
						filename: this.orderInfo.jqpolicyno,
						fileurl: res.data.JQ_URL,
					}, {
						fileTitle: "商业",
						filename: this.orderInfo.sypolicyno,
						fileurl: res.data.SY_URL,
					})
					this.policyList1.push({
						fileTitle: "交强",
						filename: this.orderInfo.jqpolicyno,
						fileurl: res.data.JQBZ_URL,
					})
				}
			},
			async hbgetPolicyPrint() {
				let baodan = {
					orderno: this.orderno,
				};
				let res = await this.$http.post('/ins/hengbang/getPolicyPrint', baodan); //恒邦财险
				// if (res.code == '200') {
				// 	this.policyList = [];
				// 	this.policyList1 = [];
				// 	this.policyList.push({
				// 		fileTitle: "交强",
				// 		filename: this.orderInfo.jqpolicyno,
				// 		fileurl: res.data.trafficStrengthPolicy,
				// 	})
				// 	this.policyList1.push({
				// 		fileTitle: "交强",
				// 		filename: this.orderInfo.jqpolicyno,
				// 		fileurl: res.data.trafficStrengthLogo,
				// 	})
				// } z
			},
			downloadPolicy(file) {
				//#ifdef APP-PLUS
				uni.saveFile({
					tempFilePath: file, //临时路径
					success: function(res) {
						uni.showToast({
							icon: 'none',
							mask: true,
							title: '文件已保存：' + res.savedFilePath, //保存路径
							duration: 3000,
						});
						setTimeout(() => {
							//打开文档查看
							uni.openDocument({
								filePath: res.savedFilePath,
								success: function(res) {}
							});
						}, 3000)
					}
				});
				//#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()
			},
			//分享类型
			shareType(type) {
				console.log(type)
				if (type == 'bjd') {
					this.navigate({
						url: '/pages/carInsure1/quoteOffer1?orderno=' + this.orderno
					}, "navigateTo", true);
				}
				if (type == "wx") {
					var h5Href = this.$base.h5BaseUrl + "/#/pages/carInsure1/quoteDetail1?orderno=" + this
						.orderno;
					uni.share({
						provider: "weixin",
						scene: "WXSceneSession",
						type: 0,
						href: h5Href,
						title: "掌柜" + this.name + "报价单",
						summary: this.carInfo.licenseNo + "-车险报价已出炉，请立即查看！",
						imageUrl: "/static/bigLogo.png",
						success: (res) => {
							console.log("success:" + JSON.stringify(res));
						},
						fail: (err) => {
							console.log("fail:" + JSON.stringify(err));
						}
					});
				}
				if (type == "dx") {
					var msg = plus.messaging.createMessage(plus.messaging.TYPE_SMS);
					msg.to = [this.ownerInfo.mobile];

					var msgStart = '尊敬的' + this.carInfo.licenseNo + '客户，' + this.name +
						'车险报价:'; //需修改保险公司名称和车牌号码
					var msgRisk = ""; //交强险和商业险
					var msgKind = "";
					var msgEnd = "";
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0507') {
								msgRisk += "交强险" + this.riskList[i].premium + "元,车船税" + this.taxAmount +
									"元";
							}
						}
						if (this.riskList.length == 2) {
							msgRisk += ','
						}
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0510') {
								msgRisk += "商业险" + this.riskList[i].premium + "元";
							}
						}

						if (this.kindList.length > 0) {
							msgKind = "(";
							console.log(msgKind)
							for (let j = 0; j < this.insureList.length; j++) {
								if (this.insureList[j].amount != 0) {
									msgKind += this.insureList[j].kindName;
									console.log(this.insureList[j].amtList)
									for (let m = 0; m < this.insureList[j].amtList.length; m++) {
										if (this.insureList[j].amount == this.insureList[j].amtList[m]
											.value) {
											msgKind += this.insureList[j].amtList[m].label + '--保费' + this
												.insureList[j]
												.coveragePremium + "元";
										}
									}
									if (j != (this.kindList.length - 1)) {
										msgKind += ","
									}
								}
							}
							msgKind += ")"
						}
						var username = "未知";
						var mobile = "暂无";
						if (!!this.userInfo) {
							username = this.userInfo.sysUser.name;
							mobile = this.userInfo.sysUser.mobile;
						}

						msgEnd += " 总计" + this.sumPermium + "元。联系人：" + username + ",联系电话：" + mobile

					}
					msg.body = msgStart + msgRisk + msgKind + msgEnd;
					plus.messaging.sendMessage(msg, function(e) {
						uni.showToast({
							title: '成功'
						})
					}, function(e) {
						uni.showToast({
							title: "发送失败"
						})
					});

				}
			},

			//控制详情的展开和收起
			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('用户点击取消');
						}
					}
				});
			}
		}
	}
</script>

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

	/* 头部车辆信息和特权Start */
	.carInfo {
		height: 280upx;
		background: -webkit-linear-gradient(0deg, rgba($themeColor, 0.6), rgba($themeColor, 0.8));
		background-size: 100% 100%;
	}

	.carInfo .topLeft {
		font-size: 90upx;
		color: #FFFFFF;
	}

	.carInfo .topLeft .license {
		width: 420upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.carInfo .topLeft .totalMoney {
		font-size: 40upx;
		font-weight: bold;
	}

	.carInfo .topRight {
		flex-shrink: 0;
		width: 140upx;
		color: #FFFFFF;
	}

	.carInfo .topRight image {
		width: 100upx;
		height: 100upx;
	}

	.carInfo .other {
		background-color: #FFFFFF;
		height: 80upx;
		border-radius: 15upx;
		box-sizing: border-box;
	}

	.carInfo .other .privilege {
		background-color: rgba($themeColor, 0.6);
		font-size: 24upx;
		color: #FFFFFF;
		font-weight: bold;
	}

	.carInfo .other .content {
		width: 460upx;
		margin-left: 15upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.carInfo .other .icon {
		width: 30upx;
	}

	/* 头部车辆信息和特权End */


	.header {
		height: 80upx;
		padding: 0 30upx;
		position: relative;
	}

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


	.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%;
		box-sizing: border-box;
		background: #FFFFFF;
		border-radius: 20upx;
	}

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

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

	.quotePlan .body .insurance {
		padding-bottom: 20upx;
		border-bottom: 1px dashed #E6E8EA;
	}

	.quotePlan .body .row {
		height: 70upx;
	}

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

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

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

	.quotePlan .body .insurance .kindList .kindItem {
		height: 65upx;
	}

	.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 {
		margin-bottom: 20upx;
		width: 100%;
		box-sizing: border-box;
		background: #FFFFFF;
	}

	.car .body {
		padding: 0upx 30upx 10upx;
	}

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

	/* 预缴费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;
		border-top: 1px solid #F1F1F1;
		background-color: #FFFFFF;
		height: 90upx;
	}

	.bottomBtn .listener {
		width: 120upx;
		font-size: 20upx;
		line-height: 1.2;
		color: #999;
	}

	.bottomBtn .listener .icon {
		font-size: 40upx;
		padding: 0;
	}

	.bottomBtn .btn {
		font-size: 34upx;
		background-color: $themeColor;
		color: #fff;
		width: 280upx;
		flex-shrink: 0;
	}

	/* 底部按钮End */

	/* 人员信息Start */
	.personInfo,
	.advancePayment,
	.imageInfo,
	.appoint {
		margin-bottom: 20upx;
		background: #FFFFFF;
		padding: 0upx 40upx;
	}

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

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