<template>
	<view :style="getHeight" style="background-color: #F5F5F5;">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>

		<!-- 头部 -->
		<view class="carInfo w-100 px-3 box-sizing">
			<view class="d-flex">
				<view class="icon iconfont icon-tree-round-car flex-shrink topLeft"></view>
				<view class="topRight d-flex flex-1 p-3 flex-column" style="color: #FFFFFF;">
					<view class="d-flex flex-1">
						<view class="font-lg d-flex a-center">{{this.licenseNo}}
							<view class="icon iconfont icon-bianji1 ml-2" @tap="toCarInfo"></view>
						</view>
					</view>
					<view class="brandName">{{carInfo.modelcname}}</view>
				</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="personInfo">
				<view class="title d-flex a-center j-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>
						<block v-for="(item,index) in identifyList" :key="index">
							<template v-if="item.id == ownerInfo.identifyType">
								<view class="right d-flex flex-1">{{item.label}}</view>
							</template>
						</block>
					</view>
					<view class="row d-flex a-center">
						<view class="left">手机号：</view>
						<view class="right d-flex flex-1">{{ownerInfo.mobile}}</view>
					</view>
					<view class="row d-flex a-center">
						<view class="left">证件号：</view>
						<view class="right d-flex 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 d-flex 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>
						<block v-for="(item,index) in identifyList" :key="index">
							<template v-if="item.id == policyHolderInfo.identifyType">
								<view class="right d-flex flex-1">{{item.label}}</view>
							</template>
						</block>
					</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>
						<block v-for="(item,index) in identifyList" :key="index">
							<template v-if="item.id == insuredPersonInfo.identifyType">
								<view class="right d-flex flex-1">{{item.label}}</view>
							</template>
						</block>
					</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>

			<!-- 车辆影像信息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 dis ">
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList1" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList1')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'carImageListId','imgList1')"></view>
								</view>
							</block>
							<view v-if="imgList1.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input" @tap="chooseImage('C01','carImageListId','imgList1')">
								</view>
							</view>
						</view>
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList2" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList2')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'carImageListId','imgList2')"></view>
								</view>
							</block>
							<view v-if="imgList2.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input" @tap="chooseImage('D01','carImageListId','imgList2')">
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 车辆影像信息End -->
			<!-- 车主影像信息Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb">
					<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 dis ">
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList3" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList3')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'ownerImageListId','imgList3')"></view>
								</view>
							</block>
							<view v-if="imgList3.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input"
									@tap="chooseImage('C02','ownerImageListId','imgList3')"></view>
							</view>
						</view>
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList4" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList4')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'ownerImageListId','imgList4')"></view>
								</view>
							</block>
							<view v-if="imgList4.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input"
									@tap="chooseImage('D02','ownerImageListId','imgList4')"></view>
							</view>
						</view>
					</view>
				</view>

			</view>
			<!-- 车主影像信息End -->
			<!-- 投保人影像信息Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb">
					<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 dis ">
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList5" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList5')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'policyImageListId','imgList5')"></view>
								</view>
							</block>
							<view v-if="imgList5.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input"
									@tap="chooseImage('C03','policyImageListId','imgList5')"></view>
							</view>
						</view>
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList6" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList6')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'policyImageListId','imgList6')"></view>
								</view>
							</block>
							<view v-if="imgList6.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input"
									@tap="chooseImage('D03','policyImageListId','imgList6')"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 投保人影像信息End -->
			<!-- 被保人影像信息Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb">
					<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 dis ">
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList7" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList7')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'insuredImageListId','imgList7')"></view>
								</view>
							</block>
							<view v-if="imgList7.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input"
									@tap="chooseImage('C04','insuredImageListId','imgList7')"></view>
							</view>
						</view>
						<view class="uni-uploader__files">
							<block v-for="(image,index) in imgList8" :key="index">
								<view class="uni-uploader__file">
									<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
										@tap="previewImage($event,'imgList8')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center"
										@tap="delCheckImage(image,'insuredImageListId','imgList8')"></view>
								</view>
							</block>
							<view v-if="imgList8.length==0" class="uni-uploader__input-box"
								style="box-sizing: border-box;">
								<view class="uni-uploader__input"
									@tap="chooseImage('D04','insuredImageListId','imgList8')"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 被保人影像信息End -->
			<!-- 验车照Start -->
			<view class="imageInfo">
				<view class="title d-flex a-center j-sb">
					<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.url" :data-src="image.url"
										@tap="previewImage($event,'carCheck')"></image>
									<view class="delImgIcon iconfont icon-cuo d-flex a-center j-center "
										@tap="delCheckImage('carCheck',index)"></view>
								</view>
							</block>
							<view class="uni-uploader__input-box" style="box-sizing: border-box;">
								<view class="uni-uploader__input" @tap="chooseImage('C05','carCheck')"></view>
							</view>
						</view>
					</view>
				</view>

			</view>
			<!-- 验车照End -->
			<!-- 特约 -->
			<block v-for="(item,index) in riskList" :key="index">
				<template>
					<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 class="d-flex a-center j-center">交强特约险：</view>
								<textarea maxlength="100" v-model="jqappoint"
									placeholder="请输入交强险特别约定,最多可输入300个字符" /></textarea>
							</view>
							<view class="row d-flex a-center j-sb">
								<view>商业特约险：</view>
								<textarea class="mb-32" style="width: 100%;" maxlength="300" v-model="syappoint"
									placeholder="请输入商业险特别约定,最多可输入300个字符" /></textarea>
							</view>
						</view>
					</view>
				</template>
			</block>

			<view class="advancePayment">
				<view class="title  d-flex a-center j-sb">
					<text style="font-weight: bold;">保费</text>
					<view class="showStatus" @tap="controlShow('showAdvancePayment')">{{showAdvancePayment?'收起':'展开'}}
					</view>
				</view>
				<view class="content" v-if="showAdvancePayment">
					<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>
						</template>
					</block>
					<view class="row d-flex a-center j-sb">
						<view>车船税</view>
						<view>￥{{taxAmount}}</view>
					</view>
					<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: 160upx;"></view>
		<view class="bottomBtn">
			<view class="agree d-flex a-center">
				<checkbox @tap="agreed" :checked="agree" style="transform:scale(0.6)"></checkbox> 我已确认并同意 <text
					class="tip">保险条款</text> | <text class="tip">投保须知</text> | <text class="tip">隐私条款</text>
			</view>
			<view class="btnView d-flex">

				<view class="d-flex flex-1 a-center">
					<view class="d-flex flex-column a-center listener">
						<view class="icon iconfont icon-xiaomishu"></view> 客服
					</view>
					<view style="font-weight: bold;font-size: 34upx;color: #333; ">￥{{sumPermium}}</view>
				</view>
				<view class="btn d-flex a-center j-center" @tap="submitAudit">申请核保</view>
			</view>
		</view>
		<previewImage ref="previewImage" :opacity="0.8" :circular="true" :imgs="previewImgs"></previewImage>
	</view>
</template>

<script>
	import store from '@/store';
	import previewImage from '@/components/common/previewImage/previewImage.vue'; //引用插件
	// import wPicker from "@/components/w-picker/w-picker.vue";
	import {
		pathToBase64,
		base64ToPath
	} from '@/common/image-tools-base64.js';
	import * as imageConversion from 'image-conversion'

	export default {
		components: {
			// wPicker,
			previewImage
		},
		computed: {
			getHeight() {
				let height = uni.getSystemInfoSync().windowHeight;
				return `minHeight: ${height}px;`;
			}
		},
		data() {
			return {
				quoteno: "", //报价号
				previewImgs: [],
				sumPermium: "",
				carInfo: {},
				vehicleModel: {},
				companyId: "",
				licenseNo: "",
				riskList: [],
				kindList: [],
				name: "",
				icon: "",
				taxAmount: "",
				jqpremium: "",
				sypremium: "",
				ownerInfo: {},
				policyHolderInfo: {},
				insuredPersonInfo: {},
				agree: false,
				jqappoint: "", //交强险特别约定
				syappoint: "", //商业特别约定
				identifyList: [{
						label: '身份证',
						id: "01"
					},
					{
						label: '护照',
						id: "02"
					},
					{
						label: '港澳台居民居住证',
						id: "03"
					},
					{
						label: '组织机构代码证',
						id: "04"
					},
					{
						label: '统一社会信用代码证',
						id: "05"
					},
					{
						label: '营业执照',
						id: "06"
					}
				],
				showOwerInfo: false, //展示车主信息
				showPolicyHolderInfo: false, //展示投保人信息
				showInsuredPersonInfo: false, //展示被保人信息
				showProposalWay: false, //获取保单方式
				showAdvancePayment: false, //展示保费
				showAppoint: false, //展示特约
				showCarImageInfo: false, //显示车辆影像
				carImageListId: [],
				showOwnerImageInfo: false, //显示车主影像
				ownerImageListId: [],
				showPolicyImageInfo: false, //显示投保人影像
				policyImageListId: [],
				showInsuredImageInfo: false, //显示被保人影像
				insuredImageListId: [],
				showCarCheckImageInfo: false, //显示验车照影像
				existenceimg: 0,
				token: "",
				imgList1: [],
				imgList2: [],
				imgList3: [],
				imgList4: [],
				imgList5: [],
				imgList6: [],
				imgList7: [],
				imgList8: [],
			}
		},
		async onLoad(params) {
			this.token = store.state.token
			if (!!params.companyId) {
				this.companyId = params.companyId;
				let param = {
					companyId: params.companyId
				};
				let res = await this.$http.post('/insurance/order/getByCompanyId', param);
				//获取前一个页面传过来的信息（车辆信息，人员信息，险种信息）
				this.icon = "";
				this.name = res.data.inscompany;
				this.quoteno = res.data.quoteno;
				this.carInfo = res.data.carinfo;
				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.licenseNo = res.data.licenseno;
				this.sumPermium = res.data.sumpremium;
				this.taxAmount = res.data.taxamount;
				this.jqpremium = res.data.jqpremium;
				this.sypremium = res.data.sypremium;

				// 图片类型(C01车辆影像，C02车主身份证,C03投保人身份证，C04被保人身份证，C05验车照）
				this.imageEcho(this.quoteno)

				// 影像获取完毕
			} else {
				uni.showModal({
					showCancel: false,
					title: "未查询到该订单"
				})
			}
		},
		methods: {
			//影像查询
			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;
							}
						}
					});
				}
			},
			// 重新选择车型
			toCarInfo() {
				this.navigate({
					url: '/pages/carInsure1/carInfo1',
					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);
			},
			//控制详情的展开和收起
			controlShow(type) {
				this[type] = !this[type];
			},
			//阅读并同意协议
			agreed() {
				if (this.agree == false) {
					this.agree = true;
				} else {
					this.agree = false;
				}
			},

			async chooseImage(type, imageIdList, imgurl) {
				let [chooseImageErr, chooseImageRes] = await uni.chooseImage({
					count: 1,
					sizeType: ['compressed']
				});
				chooseImageRes.tempFilePaths.map((ele, index) => {
					uni.uploadFile({
						url: this.$base.baseUrl + '/ins/taskImage/uploadFile',
						filePath: ele,
						name: "multipartFile",
						formData: {
							'type': 'image',
						},
						header: {
							Authorization: this.token,
						},
						success: async (imgRes) => {
							let data = JSON.parse(imgRes.data);
							data.data.url = this.$base.baseUrl + data.data.url;
							if (data.code == "200") {
								console.log()
								if (this[imageIdList].some(v => v.imageType == type)) {
									this[imageIdList].map(val => {
										if (val.imageType == type) {
											val.imageId = data.data.id;
										}
									})
								} else {
									this[imageIdList].push({
										imageId: data.data.id,
										imageType: type,
									})
								}
								this[imgurl].push(data.data)
							}
						}
					});
				})
			},
			previewImage(e, type) {
				this.previewImgs = this[type];
				var current = e.currentTarget.dataset.src;
				this.$refs.previewImage.open(current); // 传入当前选中的图片地址或序号
			},
			//删除图片
			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 submitAudit() {
				if (!this.agree) {
					return uni.showToast({
						title: '请阅读并同意协议',
						icon: "none",
						duration: 2000
					});
				}
				const mergedArray = [...this.carImageListId, ...this.ownerImageListId, ...this
					.policyImageListId, ...this.insuredImageListId
				];

				if (mergedArray.length > 0) {
					await this.$http.post('/ins/taskImage/uploadImages', {
						imageList: mergedArray,
						quoteNo: this.quoteno,
					})
				}
				uni.showModal({
					content: '是否确认提交核保？',
					success: async (res) => {
						if (res.confirm) {
							switch (this.name) {
								case "永安财险":
									let yaimage = await this.$http.post(
										'/order/yongAn/submitImage', {
											companyId: this.companyId
										});
									if (yaimage.code == '200') {
										let yaaudit = await this.$http.post(
											'/order/yongAn/audit', {
												companyId: this.companyId,
												jqappoint: "",
												syappoint: ""
											});
										if (yaaudit.code == '200') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														uni.navigateTo({
															url: "/pages/carInsure1/payCode1?companyId=" +
																this
																.companyId
														})
													} else {
														this.navigate({
																url: "/pages/orders/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + yaaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '继续核保',
												success: async (res2) => {
													if (res2.confirm) {

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

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

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

												} else {
													this.navigate({
															url: "/pages/orders/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
								case "永诚财险":
									let ycimage = await this.$http.post(
										'/api/yongCheng/uploadImage', {
											companyId: this.companyId
										});
									if (ycimage.code == '200') {
										let ycaudit = await this.$http.post(
											'/api/yongCheng/audit', {
												companyId: this.companyId,
											});
										if (ycaudit.code == '200') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														uni.navigateTo({
															url: "/pages/carInsure1/payCode1?companyId=" +
																this
																.companyId
														})
													} else {
														this.navigate({
																url: "/pages/orders/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + ycaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '继续核保',
												success: async (res2) => {
													if (res2.confirm) {

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

												} else {
													this.navigate({
															url: "/pages/orders/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
								case "紫金财险":
									let zjimage = await this.$http.post(
										'/order/zijin/submitImage', {
											companyId: this.companyId
										});
									if (zjimage.code == '200') {
										let zjaudit = await this.$http.post(
											'/order/zijin/audit', {
												companyId: this.companyId,
											});
										if (zjaudit.code == '200') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														uni.navigateTo({
															url: "/pages/carInsure1/payCode1?companyId=" +
																this
																.companyId
														})
													} else {
														this.navigate({
																url: "/pages/orders/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + zjaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '继续核保',
												success: async (res2) => {
													if (res2.confirm) {

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

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

												} else {
													this.navigate({
															url: "/pages/orders/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
								case "恒邦财险":
								case "安盛天平":
								case "众安财险":
								case "中国人寿":
									let pythonimage = await this.$http.post(
										'/insurance/crawler/submitImage', {
											subOrderNo: this.companyId
										});
									if (pythonimage.code == '200') {
										let pythonaudit = await this.$http.post(
											'/insurance/crawler/audit', {
												subOrderNo: this.companyId,
											});
										if (pythonaudit.code == '200') {
											uni.showModal({
												content: '订单自核成功',
												cancelText: '暂不缴费',
												confirmText: '立即缴费',
												success: (res1) => {
													if (res1.confirm) {
														uni.navigateTo({
															url: "/pages/carInsure1/payCode1?companyId=" +
																this
																.companyId
														})
													} else {
														this.navigate({
																url: "/pages/orders/orders"
															}, "switchTab",
															true);
													}
												}
											});
										} else {
											uni.showModal({
												content: '核保失败(' + pythonaudit.msg + ')',
												cancelText: '返回订单',
												confirmText: '继续核保',
												success: async (res2) => {
													if (res2.confirm) {

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

												} else {
													this.navigate({
															url: "/pages/orders/orders"
														}, "switchTab",
														true);
												}
											}
										});
									}
									break;
							}
						} else if (res.cancel) {}
					}
				});
			}
		}
	}
</script>
<style lang="scss" scoped>
	@import '@/style/mixin.scss';

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

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

	.carInfo .topRight .brandName {
		width: 400upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.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;
		width: 60upx;
	}

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

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

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

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

	.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: $themeColor;
	}

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

	.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 {
		padding: 15upx;
		box-sizing: border-box;
		font-size: 26upx;
		min-height: 160upx;
		height: 100upx;
		border: 1px solid #fafafa;
	}

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

	/* 人员信息End */

	.uni-uploader__file {
		position: relative;
	}

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


	/* 底部按钮Start */
	.bottomBtn {
		z-index: 99;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		border-top: 1px solid #F1F1F1;
		background-color: #FFFFFF;
		height: 150upx;
	}

	.bottomBtn .agree {
		height: 60upx;
		font-size: 24upx;
	}

	.bottomBtn .agree .tip {
		color: $themeColor;
		margin: 0upx 10upx;
	}

	.bottomBtn .btnView {
		height: 100upx;
		border-top: 1px solid #F1F1F1;
	}

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

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

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

	/* 底部按钮End */
</style>