vue-insagent-pc/src/views/Task/Calculate.vue

<template>
	<el-container>
	  <el-row class="rightContainer">
		 <div class="u-f-ac"  style="width: 100%;padding-left: 20px;height: 140px;" v-if="(orderStatus!='99')">
		    <el-steps style="width:100%" align-center :active="historyActive" :space="260" finish-status="success">
		      <el-step title="报价中"></el-step>
		      <el-step title="待核保"></el-step>
		      <el-step title="已核保"></el-step>
		      <el-step title="已核保待缴费"></el-step>
		      <el-step title="已缴费待配送"></el-step>
		      <el-step title="已承保"></el-step>
		    </el-steps>
		  </div>
		  <div class="u-f-ac"  style="width: 100%;padding-left: 20px;height: 50px;color: red;font-weight: bold;" v-if="(orderStatus=='99') && isHistoryOrder">
		     该订单已关闭
		   </div>
		  <el-row>
		  
		  <el-row class="u-f-ac bodyTitle">
		  	<label>销售信息</label>
			<el-checkbox v-if="isHistoryOrder"  v-model="isNewOrder">是否开启新的报价</el-checkbox>
		  </el-row>
		  <el-row class="body" style="margin-bottom: 60px;">
		  	<el-form :disabled="isHistoryOrder"  size="medium" ref="carForm" label-width="140px">
				<el-row>
					<el-col :span="8">
						<el-form-item label="工号" >
							<el-select size="medium" v-model="userId" filterable placeholder="请选择" style="width: 100%;" @change="peopleInfoChange">
								 <el-option :label="item.id" :value="item.id" v-for="(item,index) in personList " :key="index">
									 <span style="float: left;margin-right: 20px;">{{ item.name }}</span>
									 <span style="float: right; color: #8492a6; font-size: 13px">{{ item.id }}</span>
								 </el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="代理人">
							<el-input disabled size="medium" v-model="personInfo.name" placeholder="请选择"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="电话">
							<el-input disabled size="medium" v-model="personInfo.mobile" placeholder="请选择"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="所属团队">
							<el-input disabled size="medium" v-model="personInfo.deptId" placeholder="请选择"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="所属部门">
							<el-input disabled size="medium" v-model="personInfo.deptName" placeholder="请选择"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="所属机构">
							<el-input disabled size="medium" v-model="deptInfo.name" placeholder="请选择"></el-input>
						</el-form-item>
					</el-col>
					
				</el-row>
		     </el-form>
		  </el-row>
		</el-row>
		  
	   <el-card>
	     <el-row class="header">
	       <el-col class="u-f u-f-ac">
			 <div>车辆信息</div>
			 <el-upload v-if="!isHistoryOrder" action='' ref="uploadCarImage" :on-change="getCarImage" :limit="1" :show-file-list="false" :auto-upload="false">
			   <div class="icon iconfont icon-hangshizhengshibie u-f-ac" style="margin-left: 20px;font-size: 23px;color: #0066CC;"></div>
			 </el-upload>
			 </el-col>
	     </el-row>
	     <el-divider></el-divider>
	    <el-row class="body">
			<el-form ref="carForm" :disabled="isHistoryOrder" :model="carInfo" :rules="carRules" label-width="140px">
				<el-row>
					<el-col :span="8">
						<el-form-item label="号牌号码" prop="licenseNo">
							<el-input size="medium"  v-model="carInfo.licenseNo" @blur="carInfo.licenseNo = carInfo.licenseNo.toUpperCase() " placeholder="请输入车牌"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="品牌型号" prop="brandName">
							<el-row class="u-f">
								<el-input size="medium"  v-model="carInfo.brandName" @blur="carInfo.brandName = carInfo.brandName.toUpperCase() " placeholder="请输入品牌型号"></el-input>
								<!-- <el-button size="medium" type="primary">校验</el-button> -->
							</el-row>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="车辆识别码" prop="vinNo">
							<el-row class="u-f">
								<el-input size="medium"  v-model="carInfo.vinNo" @blur="carInfo.vinNo = carInfo.vinNo.toUpperCase() " placeholder="请输入车辆识别码"></el-input>
								<el-button size="medium" type="primary" @click="toChooseVin">校验</el-button>
							</el-row>
							
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="8">
						<el-form-item label="发动机号" prop="engineNo">
							<el-input size="medium"  v-model="carInfo.engineNo" @blur="carInfo.engineNo = carInfo.engineNo.toUpperCase() " placeholder="请输入发动机号"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="年款">
							<el-input size="medium"  disabled v-model="carInfo.caryear"  placeholder="年款"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="座位数">
							<el-input size="medium"  v-model="carInfo.seatCount"  placeholder="座位数"></el-input>
						</el-form-item>
					</el-col>
			   </el-row>
				<el-row>
					<el-col :span="8">
						<el-form-item label="车型编码">
							<el-input size="medium"  disabled v-model="carInfo.ciModelCode"  placeholder="车型编码"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="新车购置价">
							<el-input size="medium" disabled v-model="carInfo.purchasePrice"  placeholder="新车购置价"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="核定载质量">
							<el-input size="medium" disabled  v-model="carInfo.limitLoad"  placeholder="核定载质量"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="8">
						<el-form-item label="注册日期" prop="registerDate">
							<el-date-picker size="medium" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="carInfo.registerDate" type="date" placeholder="选择日期" style="width: 100%;"> </el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="发证日期" prop="issueDate">
							<el-date-picker size="medium" format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="changeIssueDateDate" v-model="carInfo.issueDate" type="date" placeholder="选择日期" style="width: 100%;" > </el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="是否过户">
							<el-select size="medium" v-model="carInfo.transferFlag" @change="changeTransferFlag" placeholder="请选择" style="width: 100%;">
								 <el-option label="是" :value="1"></el-option>
								 <el-option label="否" :value="0"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
			   </el-row>
		   </el-form>
	    </el-row>
	   </el-card>
	
	    <!-- 关系人 -->
	    <el-card>
	      <el-row class="header">
	        <el-col>关系人信息</el-col>
	      </el-row>
	      <el-divider></el-divider>
	      <div>
	        <el-row class="u-f-ac bodyTitle">
				<label>车主</label>

				<el-upload v-if="!isHistoryOrder"   action='' ref="uploadPersonImage" :on-change="getpersonImage" :limit="1" :show-file-list="false" :auto-upload="false">
				  <div class="icon iconfont icon-hangshizhengshibie u-f-ac" style="margin-left: 20px;font-size: 23px;color: #0066CC;"></div>
				</el-upload>
			</el-row>
	        <el-row class="body">
				<el-form :disabled="isHistoryOrder"  ref="ownerInfoForm" :model="ownerInfo" :rules="personRules" label-width="140px">
				  <el-row>
					  <el-col :span="6">
					  	<el-form-item label="证件类型">
							<el-select size="medium" disabled v-model="ownerInfo.identifyType" placeholder="请选择" style="width: 100%;">
								<el-option label="身份证" value="01"></el-option>
								<el-option label="护照" value="02"></el-option>
								<el-option label="港澳台居民居住证" value="03"></el-option>
								<el-option label="组织机构代码证" value="04"></el-option>
								<el-option label="统一社会信用代码证" value="05"></el-option>
								<el-option label="营业执照" value="06"></el-option>
							</el-select>
					  	</el-form-item>
					  </el-col>
					  <el-col :span="6">
					  	<el-form-item label="证件号码" prop="identifyNumber">
					  		<el-input size="medium"  v-model="ownerInfo.identifyNumber"  placeholder="请输入证件号码"></el-input>
					  	</el-form-item>
					  </el-col>
					  <el-col :span="6">
					  	<el-form-item label="姓名" prop="name">
					  		<el-input size="medium"  v-model="ownerInfo.name"  placeholder="请输入姓名"></el-input>
					  	</el-form-item>
					  </el-col>
					  <el-col :span="6">
					  	<el-form-item label="手机号" prop="mobile">
					  		<el-input size="medium"  v-model="ownerInfo.mobile"  placeholder="请输入手机号"></el-input>
					  	</el-form-item>
					  </el-col>
				  </el-row>
				  <el-row>
					  <el-col :span="12">
					  	<el-form-item label="地址" prop="addr">
					  		<el-input size="medium"  v-model="ownerInfo.addr"  placeholder="请输入地址"></el-input>
					  	</el-form-item>
					  </el-col>
				  </el-row>
			  </el-form>
	        </el-row>
	
	        <el-row class="u-f-ac bodyTitle">
				<label>投保人</label>
				<el-checkbox v-if="!isHistoryOrder"  v-model="holderAndOwner" @change="syncPersonInfo('holderAndOwner','policyHolder','owner')">同车主</el-checkbox>
			</el-row>
	        <el-row class="body">
				<el-form :disabled="isHistoryOrder"  ref="policyHolderInfoForm" :model="policyHolderInfo" :rules="personRules" label-width="140px">
					<el-row>
						<el-col :span="6">
							<el-form-item label="证件类型">
								<el-select size="medium" disabled v-model="policyHolderInfo.identifyType" placeholder="请选择" style="width: 100%;">
									<el-option label="身份证" value="01"></el-option>
									<el-option label="护照" value="02"></el-option>
									<el-option label="港澳台居民居住证" value="03"></el-option>
									<el-option label="组织机构代码证" value="04"></el-option>
									<el-option label="统一社会信用代码证" value="05"></el-option>
									<el-option label="营业执照" value="06"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="证件号码" prop="identifyNumber">
								<el-input size="medium"  v-model="policyHolderInfo.identifyNumber"  placeholder="请输入证件号码"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="姓名" prop="name">
								<el-input size="medium"  v-model="policyHolderInfo.name"  placeholder="请输入姓名"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="手机号" prop="mobile">
								<el-input size="medium"  v-model="policyHolderInfo.mobile"  placeholder="请输入手机号"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="地址" prop="addr">
								<el-input size="medium"  v-model="policyHolderInfo.addr"  placeholder="请输入地址"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
			  </el-form>
	        </el-row>
	
	        <el-row class="u-f-ac bodyTitle">
				<label>被保险人</label>
				<el-checkbox v-if="!isHistoryOrder"  v-model="insuredAndOwner" @change="syncPersonInfo('insuredAndOwner','insuredPerson','owner')">同车主</el-checkbox>
			</el-row>
	        <el-row class="body">
				<el-form :disabled="isHistoryOrder"  ref="insuredPersonInfoForm" :model="insuredPersonInfo" :rules="personRules" label-width="140px">
					<el-row>
						<el-col :span="6">
							<el-form-item label="证件类型">
								<el-select disabled size="medium"  v-model="insuredPersonInfo.identifyType" placeholder="请选择" style="width: 100%;">
									<el-option label="身份证" value="01"></el-option>
									<el-option label="护照" value="02"></el-option>
									<el-option label="港澳台居民居住证" value="03"></el-option>
									<el-option label="组织机构代码证" value="04"></el-option>
									<el-option label="统一社会信用代码证" value="05"></el-option>
									<el-option label="营业执照" value="06"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="证件号码" prop="identifyNumber">
								<el-input size="medium"  v-model="insuredPersonInfo.identifyNumber"  placeholder="请输入证件号码"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="姓名" prop="name">
								<el-input size="medium"  v-model="insuredPersonInfo.name"  placeholder="请输入姓名"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="6">
							<el-form-item label="手机号" prop="mobile">
								<el-input size="medium"  v-model="insuredPersonInfo.mobile"  placeholder="请输入手机号"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="地址" prop="addr">
								<el-input size="medium"  v-model="insuredPersonInfo.addr"  placeholder="请输入地址"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
			</el-row>
	      </div>
	    </el-card>
		
		
		<el-card>
		  <el-row class="header">
		    <el-col>保单信息</el-col>
		  </el-row>
		  <el-divider></el-divider>
		  <div>
		    <el-row class="u-f-ac bodyTitle" :style="!CIChoose?'margin-bottom: 15px;':''">
				<el-checkbox :disabled="isHistoryOrder"  :checked="CIChoose" v-model="CIChoose" @change="changeRisk($event,'CI')">交强险</el-checkbox>
			</el-row>
		    <el-row class="body" v-if="CIChoose">
				<el-form :disabled="isHistoryOrder" ref="ciTimeRef" label-width="140px">
				  <el-row>
					  <el-col :span="8">
						<el-row class="u-f">
							<el-col>
								<el-form-item label="起保时间">
									<el-date-picker :disabled="jqchecked" size="medium" format="yyyy-MM-dd HH:mm" v-model="CIStartDate" type="date" placeholder="选择日期" @change="getEndDate($event,'CIStartDate','CIEndDate')" style="width: 100%;"> </el-date-picker>
								</el-form-item>
							</el-col>
							<el-col style="width: 80px;flex-shrink: 0;">
								<el-checkbox v-model="jqchecked">即时</el-checkbox>
								<el-time-select prefix-icon=" " ref="jqTimePicker" v-model="jqTimePicker" :picker-options="{ start: timePickerStart, step: '01:00', end: '23:00' }" placeholder="选择时间" @change="jqTimePickerChange"></el-time-select>
							</el-col>
						</el-row>
					  </el-col>
					  <el-col :span="8">
					  	<el-form-item label="终保时间">
					  		<el-input disabled size="medium"  :value="CIEndDate"></el-input>
					  	</el-form-item>
					  </el-col>
					  <el-col :span="8">
					  	<el-form-item label="保额">
					  		<el-input size="medium" disabled value="200000"></el-input>
					  	</el-form-item>
					  </el-col>
				   </el-row>
			   </el-form>
		    </el-row>
			<el-row class="u-f-ac bodyTitle">
				<el-checkbox :disabled="isHistoryOrder"  :checked="BIChoose" v-model="BIChoose" @change="changeRisk($event,'BI')">商业险</el-checkbox>
			</el-row>
			<el-row class="body" v-if="!!BIChoose">
				<el-form :disabled="isHistoryOrder" ref="biTimeRef" label-width="140px">
				  <el-row>
					  <el-col :span="8">
						<el-row class="u-f">
							<el-col>
								<el-form-item label="起保时间">
									<el-date-picker :disabled="sychecked" size="medium" format="yyyy-MM-dd HH:mm" v-model="BIStartDate" type="date" placeholder="选择日期" @change="getEndDate($event,'BIStartDate','BIEndDate')" style="width: 100%;"> </el-date-picker>
								</el-form-item>
							</el-col>
							<el-col style="width: 80px;flex-shrink: 0;">
								<el-checkbox v-model="sychecked">即时</el-checkbox>
								<el-time-select prefix-icon=" " ref="syTimePicker" v-model="syTimePicker" :picker-options="{ start: timePickerStart, step: '01:00', end: '23:00' }" placeholder="选择时间" @change="syTimePickerChange"></el-time-select>
							</el-col>
						</el-row>
					  </el-col>
					  <el-col :span="8">
					  	<el-form-item label="终保时间">
					  		<el-input disabled size="medium"  :value="BIEndDate"></el-input>
					  	</el-form-item>
					  </el-col>
					</el-row>
				</el-form>
				
				
			  <!-- <el-row>
			    <el-col :span="2">
			      <label>起保时间</label>
			    </el-col>
			    <el-col :span="5">
				  <el-date-picker size="medium" format="yyyy-MM-dd HH:mm" v-model="BIStartDate" type="date" placeholder="选择日期" @change="getEndDate($event,'BIStartDate','BIEndDate')"> </el-date-picker>
			    </el-col>
			    <el-col :span="3">
			      <label>终保时间</label>
			    </el-col>
			    <el-col :span="5">
					<el-input size="medium" disabled :value="BIEndDate"></el-input>
			    </el-col>
			   </el-row> -->
			   
			   <el-row>
				   <el-form :disabled="isHistoryOrder" >
				   <el-row class="u-f-ac bodyTitle">商业险险种信息</el-row>
				   <el-row class="body insuretable">
					   <el-row class="u-f" style="font-weight: bold;">
							<el-col class="u-f flex-1 u-f-ajc">险种名称</el-col>
							<el-col class="u-f flex-1 u-f-ajc">保额(元)</el-col>
							<el-col class="u-f flex-1 u-f-ajc">绝对免赔率（%）</el-col>
					   </el-row>
					   <el-row class="u-f">
							<el-col class="u-f flex-1 u-f-ac">
								<el-checkbox @change="changeKind($event,'0',insureListForm[0].kindCode)" :checked="insureListForm[0].checked" v-model="insureListForm[0].checked">{{insureListForm[0].kindName}}</el-checkbox>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select @change="changeKindValue($event,'0',insureListForm[0].kindCode)" size="mini" v-model="insureListForm[0].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[0].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select :disabled="!insureListForm[0].checked" @change="changeKindValue($event,'5',insureListForm[5].kindCode)" size="mini" v-model="insureListForm[5].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[5].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
					   </el-row>
					   <el-row class="u-f">
							<el-col class="u-f flex-1 u-f-ac">
								<el-checkbox @change="changeKind($event,'1',insureListForm[1].kindCode)" :checked="insureListForm[1].checked" v-model="insureListForm[1].checked">{{insureListForm[1].kindName}}</el-checkbox>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select @change="changeKindValue($event,'1',insureListForm[1].kindCode)" size="mini" v-model="insureListForm[1].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[1].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select :disabled="!insureListForm[1].checked" @change="changeKindValue($event,'6',insureListForm[6].kindCode)" size="mini" v-model="insureListForm[6].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[6].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
					   </el-row>
					   <el-row class="u-f">
							<el-col class="u-f flex-1 u-f-ac">
								<el-checkbox @change="changeKind($event,'2',insureListForm[2].kindCode)" :checked="insureListForm[2].checked"  v-model="insureListForm[2].checked">{{insureListForm[2].kindName}}</el-checkbox>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select @change="changeKindValue($event,'2',insureListForm[2].kindCode)" size="mini" v-model="insureListForm[2].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[2].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select :disabled="!insureListForm[2].checked" @change="changeKindValue($event,'7',insureListForm[7].kindCode)" size="mini" v-model="insureListForm[7].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[7].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
					   </el-row>
					   <el-row class="u-f">
							<el-col class="u-f flex-1 u-f-ac">
								<el-checkbox @change="changeKind($event,'3',insureListForm[3].kindCode)" :checked="insureListForm[3].checked" v-model="insureListForm[3].checked">{{insureListForm[3].kindName}}</el-checkbox>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select @change="changeKindValue($event,'3',insureListForm[3].kindCode)" size="mini" v-model="insureListForm[3].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[3].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select :disabled="!insureListForm[3].checked" @change="changeKindValue($event,'8',insureListForm[8].kindCode)" size="mini" v-model="insureListForm[8].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[8].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
					   </el-row>
					   <el-row class="u-f" v-if="insureListForm[0].checked">
							<el-col class="u-f flex-1 u-f-ac">
								<el-checkbox @change="changeKind($event,'4',insureListForm[4].kindCode)" :checked="insureListForm[4].checked" v-model="insureListForm[4].checked">{{insureListForm[4].kindName}}(车损附加险)</el-checkbox>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select @change="changeKindValue($event,'4',insureListForm[4].kindCode)" size="mini" v-model="insureListForm[4].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[4].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc"></el-col>
					   </el-row>
					   <el-row class="u-f" v-if="insureListForm[1].checked">
							<el-col class="u-f flex-1 u-f-ac">
								<el-checkbox @change="changeKind($event,'9',insureListForm[9].kindCode)" :checked="insureListForm[9].checked" v-model="insureListForm[9].checked">{{insureListForm[9].kindName}}(三者附加险)</el-checkbox>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc">
								<el-select size="mini" v-model="insureListForm[9].amount" placeholder="请选择">
								  <el-option :label="item.label" :value="item.value" v-for="(item,index) in insureListForm[9].amtList" :key="index"></el-option>
								</el-select>
							</el-col>
							<el-col class="u-f flex-1 u-f-ajc"></el-col>
					   </el-row>
				   </el-row>
				   </el-form>
			   </el-row>
 
			</el-row>

		  </div>
		</el-card>
		
		<el-card>
		  <el-row class="header">
		    <el-col>报价公司</el-col>
		  </el-row>
		  <el-divider></el-divider>
		  <div>
		    <el-row class="u-f-ac bodyTitle">
				<label>选择报价公司</label>
				<label style="font-size:12px;font-weight: normal;" v-if="!isHistoryOrder">
					<el-checkbox  :checked="chooseTotalCompany" v-model="chooseTotalCompany" @change="changeChooseTotalCompany">全选</el-checkbox>（至少选择一家报价）
				</label>
			</el-row>
		    <el-row class="body">
		      <el-row class="quoteCompany">
		        <el-checkbox-group v-model="quoteCompanyList" :min="1">
					<el-checkbox :disabled="item.code == 'tianan'" :label="item.code" v-for="(item,index) in totalCompanyList" :key="index">{{item.name}}</el-checkbox>
		          </el-checkbox-group>
		      </el-row>
			  
		    </el-row>
		  </div>
		</el-card>
		
		<el-row class="u-f-ajc" style="margin: 20px 0;" v-if="isNewOrder">
			<el-button type="primary" @click="quote">计算保费</el-button>
			
			<!-- <el-button @click="showIframe(global.baseUrl.split(':80')[0]+':8091/#/pages/carInsure/quoteDetail?orderno=1410512434299760640')" type="primary" style="margin-left: 16px;">
			  点我打开
			</el-button> -->
		</el-row>
		<el-card v-if="(isNewOrder && showResult) || isHistoryOrder">
			<el-row class="header">
			  <el-col>报价结果</el-col>
			</el-row>
			<el-divider></el-divider>
			<el-row class="body">
				<el-row style="border-bottom: 1px solid #DDDDDD;padding-bottom: 10px;background: #F0F0F0;height: 50px;">
					<el-col class="u-f-ajc" style="height: 50px;" :span="5">订单号</el-col>
					<el-col class="u-f-ajc" style="height: 50px;" :span="3">报价公司</el-col>
					<el-col class="u-f-ajc" style="height: 50px;" :span="3">交强险</el-col>
					<el-col class="u-f-ajc" style="height: 50px;" :span="3">车船税</el-col>
					<el-col class="u-f-ajc" style="height: 50px;" :span="3">商业险</el-col>
					<el-col class="u-f-ajc" style="height: 50px;" :span="3">总价</el-col>
					<el-col class="u-f-ajc" style="height: 50px;" :span="2">信息</el-col>
					<el-col class="u-f-ajc" style="height: 50px;" :span="2">操作</el-col>
				</el-row>
				<el-row v-for="(item,index) in totalCompanyList" :key="index+'2'">
					<el-row v-for="(item1,index1) in quoteCompanyList" :key="index1" v-if="item.code == item1">
						<el-row class="u-f-ajc" style="height: 50px;">
							<el-col class="u-f-ajc" style="height: 50px;" :span="5">{{item.result.orderno}}</el-col>
							<el-col class="u-f-ajc" style="height: 50px;" :span="3">{{item.name}}</el-col>
							<el-col class="u-f-ajc" style="height: 50px;" :span="3">{{item.result.ciPermium}}</el-col>
							<el-col class="u-f-ajc" style="height: 50px;" :span="3">{{item.result.taxPermium}}</el-col>
							<el-col class="u-f-ajc" style="height: 50px;" :span="3">{{item.result.biPermium}}</el-col>
							<el-col class="u-f-ajc" style="height: 50px;" :span="3">{{item.result.sumPermium}}</el-col>
							<el-col class="u-f-ajc" style="height: 50px;" :span="2">
								<el-tooltip class="item" effect="dark" :content="item.msg" placement="top-end">
									<div class="u-f-ac" style="width: 120px; white-space:nowrap;height: 50px; overflow:hidden;text-overflow:ellipsis;">{{item.msg}}</div>
								</el-tooltip>
							</el-col>
							<el-col class="u-f-ajc" style="height: 50px;" :span="2">
								<div class="u-f-ajc" style="color: #0086B3;cursor: pointer;" @click="item.showInsureList=!item.showInsureList">{{item.showInsureList?"收起":"展开"}}</div>
							</el-col>
						</el-row>
						<template v-if="item.showInsureList">
							<el-row style="margin: 0px 40px;">
								<el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;background: #F3F3F3;">
									<el-col :span="8" class="u-f-ajc">险种名称</el-col>
									<el-col :span="8" class="u-f-ajc">保额</el-col>
									<el-col :span="8" class="u-f-ajc">保费</el-col>
								</el-row>
								<el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;" v-if="item.result.ciPermium>0" >
									<el-col :span="8" class="u-f-ajc">交强险</el-col>
									<el-col :span="8" class="u-f-ajc">投保</el-col>
									<el-col :span="8" class="u-f-ajc">{{item.result.ciPermium}}</el-col>
								</el-row>
								<el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;" v-if="item.result.ciPermium>0" >
									<el-col :span="8" class="u-f-ajc">车船税</el-col>
									<el-col :span="8" class="u-f-ajc">投保</el-col>
									<el-col :span="8" class="u-f-ajc">{{item.result.taxPermium}}</el-col>
								</el-row>
								<el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;" v-for="(insureItem,insureIndex) in item.result.kindList" :key="insureIndex" v-if="insureItem.amount>0">
								  <el-col :span="8" class="u-f-ajc">{{insureItem.kindName}}</el-col>
								  <el-col :span="8" class="u-f-ajc" v-for="(amtItem,amtIndex) in insureItem.amtList" :key="amtIndex" v-if="amtItem.value == insureItem.amount">{{amtItem.label}}</el-col>
								  <el-col :span="8" class="u-f-ajc">{{insureItem.coveragePremium}}</el-col>
								</el-row>
								<el-row v-if="item.quoteCode=='200'" class="u-f-je" style="margin-top: 15px;">
									<el-button type="primary" @click="showIframe(process.env.BASE_URL.split(':80')[0]+':8091/#/pages/carInsure/quoteDetail?orderno='+item.result.orderno)">报价详情</el-button>
								</el-row>
							</el-row>
						</template>
					</el-row>
				</el-row>
			</el-row>	
		</el-card>
		
		<el-card id="demo6" v-if="(orderStatus!='')">
		  <el-row class="header">
			<el-col>影像</el-col>
		  </el-row>
		  <el-divider></el-divider>
		  <div style="margin-bottom: 10px;">
			<el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label @click="pic1Control = !pic1Control">行驶证影像</label></el-row>
			<el-row class="body"  v-show="pic1Control" >
			  <el-row class="u-f">
				<viewer :images="carImageList">
					<div v-for="(imageItem,imageIndex) in carImageList" :key="imageIndex" style="position: relative;display: inline-block;">
						<img class="imageStyle" :src="imageItem">
						<div class="delImgIcon d-flex u-f-ajc" @click="delCheckImage('car',imageIndex)" >×</div>
					</div>
				</viewer>
				<el-upload
					:disabled="!((orderStatus=='0') || (orderStatus == '3')) "
					class="avatar-uploader"
					action=""
					name="carImageList"
					:show-file-list="false"
					:http-request="httpRequest"
					:before-upload="beforeAvatarUpload">
					<i class="el-icon-plus avatar-uploader-icon"></i>
				</el-upload>
			  </el-row>
			</el-row>
		  </div>
		  <div style="margin-bottom: 10px;">
			<el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label @click="pic2Control = !pic2Control">车主身份证影像</label></el-row>
		  <el-row class="body" v-show="pic2Control">
			<el-row class="u-f">
				<viewer :images="ownerImageList" >
					<div v-for="(imageItem,imageIndex) in ownerImageList" :key="imageIndex" style="position: relative;display: inline-block;">
						<img class="imageStyle" :src="imageItem">
						<div class="delImgIcon d-flex u-f-ajc" @click="delCheckImage('owner',imageIndex)" >×</div>
					</div>
				</viewer>
				<el-upload
					:disabled="!((orderStatus=='0') || (orderStatus == '3')) "
					class="avatar-uploader"
					action=""
					name="ownerImageList"
					:show-file-list="false"
					:http-request="httpRequest"
					:before-upload="beforeAvatarUpload">
					<i class="el-icon-plus avatar-uploader-icon"></i>
				</el-upload>
			</el-row>
		  </el-row>
		  </div>
		  <div style="margin-bottom: 10px;">
			<el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label @click="pic3Control = !pic3Control">投保人身份证影像</label></el-row>
		  <el-row class="body"  v-show="pic3Control">
			<el-row class="u-f">
				<viewer :images="policyImageList">
					<div v-for="(imageItem,imageIndex) in policyImageList" :key="imageIndex" style="position: relative;display: inline-block;">
						<img class="imageStyle" :src="imageItem">
						<div class="delImgIcon d-flex u-f-ajc" @click="delCheckImage('policy',imageIndex)" >×</div>
					</div>
				</viewer>
				<el-upload
					:disabled="!((orderStatus=='0') || (orderStatus == '3')) "
					class="avatar-uploader"
					action=""
					name="policyImageList"
					:show-file-list="false"
					:http-request="httpRequest"
					:before-upload="beforeAvatarUpload">
					<i class="el-icon-plus avatar-uploader-icon"></i>
				</el-upload>
			</el-row>
		  </el-row>
		  </div>
		  <div style="margin-bottom: 10px;">
			<el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label @click="pic4Control = !pic4Control">被保人身份证影像</label></el-row>
		  <el-row class="body"  v-show="pic4Control">
			<el-row class="u-f">
				<viewer :images="insuredImageList">
					<div v-for="(imageItem,imageIndex) in insuredImageList" :key="imageIndex" style="position: relative;display: inline-block;">
						<img class="imageStyle" :src="imageItem">
						<div class="delImgIcon d-flex u-f-ajc" @click="delCheckImage('insured',imageIndex)" >×</div>
					</div>
				</viewer>
				<el-upload
					:disabled="!((orderStatus=='0') || (orderStatus == '3')) "
					class="avatar-uploader"
					action=""
					name="insuredImageList"
					:show-file-list="false"
					:http-request="httpRequest"
					:before-upload="beforeAvatarUpload">
					<i class="el-icon-plus avatar-uploader-icon"></i>
				</el-upload>
			</el-row>
		  </el-row>
		  </div>
		  <div style="margin-bottom: 10px;">
			<el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label @click="pic5Control = !pic5Control">验车照影像</label></el-row>
		  <el-row class="body" v-show="pic5Control">
			<el-row class="u-f">
				<viewer :images="carCheckImageList">
					<div v-for="(imageItem,imageIndex) in carCheckImageList" :key="imageIndex" style="position: relative;display: inline-block;">
						<img class="imageStyle" :src="imageItem">
						<div class="delImgIcon d-flex u-f-ajc" @click="delCheckImage('carCheck',imageIndex)" >×</div>
					</div>
				</viewer>
				<el-upload
					:disabled="!((orderStatus=='0') || (orderStatus == '3')) "
					class="avatar-uploader"
					action=""
					name="carCheckImageList"
					:show-file-list="false"
					:http-request="httpRequest"
					:before-upload="beforeAvatarUpload">
					<i class="el-icon-plus avatar-uploader-icon"></i>
				</el-upload>
			</el-row>
		  </el-row>
		  </div>
		</el-card>
		
		<el-row class="u-f-ajc" style="margin: 20px 0;" v-if="(orderStatus=='0') || (orderStatus == '3')">
			<el-button type="primary" @click="submit(orderId)">提交核保</el-button>
		</el-row>
		
		<el-card id="demo9" v-if="orderStatus>=2">
		  <el-row class="header">
		    <el-col>配送信息</el-col>
		  </el-row>
		  <el-divider></el-divider>
		  <el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label>保单形式</label></el-row>
		  <el-row class="body">
		    <el-row style="margin-left: 60px;">
		      <el-radio-group v-model="policytype" :disabled="!(orderStatus=='2') ">
		        <el-radio label="纸质">纸质</el-radio>
		        <el-radio label="电子">电子</el-radio>
		      </el-radio-group>
		    </el-row>
		  </el-row>
		  <template v-if="policytype=='纸质'">
		    <el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label>配送方式</label></el-row>
		    <el-row class="body">
		      <el-row style="margin-left: 60px;">
		        <el-radio-group v-model="mailtype" :disabled="!(orderStatus=='2') ">
		          <el-radio label="邮寄">邮寄</el-radio>
		          <!-- <el-radio label="网点自取">网点自取</el-radio> -->
		        </el-radio-group>
		      </el-row>
		    </el-row>
		  </template>
		
		  <template v-if="(policytype=='电子') || (policytype=='纸质' && mailtype=='邮寄' )">
		  <el-row class="u-f-ac bodyTitle" style="margin-bottom:0 ;"><label>配送信息</label></el-row>
		  <el-row class="body">
		    <template v-if="policytype=='电子'">
		      <el-row>
		        <el-col :span="2">
		          <label>邮箱地址</label>
		        </el-col>
		        <el-col :span="3">
		          <el-input size="medium" v-model="email" :disabled="!(orderStatus=='2') "></el-input>
		        </el-col>
		      </el-row>
		    </template>
		
		    <template v-if="policytype=='纸质' && mailtype=='邮寄' ">
		      <el-row>
		        <el-col :span="2">
		          <label>收件人</label>
		        </el-col>
		        <el-col :span="3">
		          <el-input size="medium" v-model="receiptname" :disabled="!(orderStatus=='2') "></el-input>
		        </el-col>
		        <el-col :span="3">
		          <label>手机号</label>
		        </el-col>
		        <el-col :span="3">
		          <el-input  size="medium" v-model="receiptphone" :disabled="!(orderStatus=='2') "></el-input>
		        </el-col>
		        <el-col :span="3">
		          <label>配送地址</label>
		        </el-col>
		        <el-col :span="3">
		          <el-input  size="medium" v-model="mailAddress" :disabled="!(orderStatus=='2') "></el-input>
		        </el-col>
		      </el-row>
		    </template>
		  </el-row>
		  </template>
		</el-card>
		
		<el-row class="u-f-ajc" style="margin: 20px 0;" v-if="orderStatus=='2'">
			<el-button type="primary" @click="onPayComfirm(orderId)">去线上支付</el-button>
		</el-row>
		
		<el-card id="demo8" v-if="(orderStatus>=2) && (orderStatus!=99)">
		  <el-row class="header">
		    <el-col>投保单号</el-col>
		  </el-row>
		  <el-divider></el-divider>
		
		  <el-row class="u-f-ac bodyTitle" v-if="orderStatus>=2"><label>投保单号</label></el-row>
		  <el-row class="body" v-if="orderStatus>=2">
		    <el-row>
		      <el-col :span="2" v-if="!!jqapplyno">
		        <label>交强险投保单号</label>
		      </el-col>
		      <el-col :span="3" v-if="!!jqapplyno">
		        <el-input disabled size="medium" v-model="jqapplyno"></el-input>
		      </el-col>
		      <el-col :span="3" v-if="!!syapplyno">
		        <label>商业险投保单号</label>
		      </el-col>
		      <el-col :span="3" v-if="!!syapplyno">
		        <el-input disabled size="medium" v-model="syapplyno"></el-input>
		      </el-col>
		    </el-row>
		  </el-row>
		  <el-row class="u-f-ac bodyTitle" v-if="orderStatus>=6"><label>保单号</label></el-row>
		  <el-row class="body" v-if="orderStatus>=6">
		    <el-row>
		      <el-col :span="2" v-if="!!jqpolicyno">
		        <label>交强险保单号</label>
		      </el-col>
		      <el-col :span="3" v-if="!!jqpolicyno">
		        <el-input disabled size="medium" v-model="jqpolicyno"></el-input>
		      </el-col>
		      <el-col :span="3" v-if="!!sypolicyno">
		        <label>商业险保单号</label>
		      </el-col>
		      <el-col :span="3" v-if="!!sypolicyno">
		        <el-input disabled  size="medium" v-model="sypolicyno"></el-input>
		      </el-col>
		    </el-row>
		  </el-row>
		</el-card>
		
		<el-row class="u-f-ajc" style="margin: 20px 0;" v-if="orderStatus=='5'">
			<el-button type="primary" @click="showIframe(process.env.BASE_URL.split(':80')[0]+':8091/#/pages/carInsure/payCode?orderno='+orderId)">生成缴费二维码</el-button>
		</el-row>
		
		<el-card id="demo10" v-if="orderStatus>6">
		  <el-row class="header">
		    <el-col>电子保单</el-col>
		  </el-row>
		  <el-divider></el-divider>
		
		  <el-row class="u-f-ac bodyTitle"><label>电子保单管理</label></el-row>
		  <el-row class="body">
		    <el-row v-for="(oldfileItem,oldfileIndex) in oldfileList" :key="oldfileIndex" >
		      <el-col :span="2">
		        <label>电子保单{{oldfileIndex+1}}:</label>
		      </el-col>
		      <el-col :span="6" class="u-f u-f-column">
		          <el-row>
		            <div class="u-f u-f-jsb u-f-ac" style="width: 250px;">
		              <div style="height: 36px;line-height: 36px; width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" >{{oldfileItem.originalfilename}}</div>
						<el-button style="cursor: pointer;" type="text" @click="viewfile(oldfileIndex,'oldfileList')">下载</el-button>
		            </div>
		          </el-row>
		      </el-col>
		    </el-row>
		  </el-row>
		</el-card>
	  </el-row>
	  
	  
	  <el-dialog
	    title="请选择车型"
	    :visible.sync="carTypeDialogVisible"
	    width="1000px"
		:before-close="carTypeHandleDialogBefore">
	    <el-table :data="carTypeList" stripe style="width: 100%">
	        <el-table-column prop="carseriesname" label="车系" min-width="100"></el-table-column>
	        <el-table-column prop="modelname" label="车型名称" min-width="180"></el-table-column>
	        <el-table-column prop="transmissiontype" label="档位" min-width="100"></el-table-column>
	        <el-table-column prop="caryear" label="年款" min-width="80"></el-table-column>
	        <el-table-column prop="seatmax" label="座位数" min-width="80"></el-table-column>
	        <el-table-column prop="purchaseprice" label="新车购置价" min-width="180"></el-table-column>
	        <el-table-column prop="purchaseprice" label="操作" min-width="180">
				<template slot-scope="scope">
					<el-button size="mini" type="primary" @click="carTypeHandle(scope)">选择</el-button>
				</template>
			</el-table-column>
	      </el-table>
	    <span slot="footer" class="dialog-footer">
	      <el-button size="small" @click="carTypeDialogVisible = false">取 消</el-button>
	    </span>
	  </el-dialog>
	  <el-drawer
	    title="我是标题"
	    :visible.sync="drawerVisible"
	    :with-header="false"
		:show-close="false"
		size="460px"
		class="u-f u-f-ajc">
		<iframe style="width: 375px;min-height: 667px;margin:60px 40px;height: auto;" :src="iframeSrc" scrolling="auto" frameborder="0'" class="iframe"></iframe>
	  </el-drawer>
	</el-container>
</template>

<script>
import Cookies from "js-cookie"
var dateTime = new Date();
dateTime.setTime(dateTime.getTime()+24*60*60*1000);
var tomorrow = dateTime.getFullYear()+"-" +(((dateTime.getMonth()+1)<10)?("0"+(dateTime.getMonth()+1)):(dateTime.getMonth()+1))+ "-" + ((dateTime.getDate()<10)?("0"+dateTime.getDate()):dateTime.getDate());
export default {
	data() {
	  return {
		  oldfileList:[],
		  
		  jqapplyno:'',
		  syapplyno:'',
		  jqpolicyno:'',
		  sypolicyno:'',
		  
		  
		  email:"",
		  paytype:"线上缴费",//缴费方式
		  policytype:"电子",//保单类型
		  mailtype:"邮寄",
		  receiptname:"",//邮寄地址名字
		  receiptphone:"",//邮寄地址电话
		  mailAddress:"",//邮寄地址
		  
		  
		  carImageList:[],//车辆影像
		  ownerImageList:[],//车主影像
		  policyImageList:[],//投保人影像
		  insuredImageList:[],//被保人影像
		  carCheckImageList:[],//验车照影像
		  // 影像控制
		  pic1Control:false,
		  pic2Control:false,
		  pic3Control:false,
		  pic4Control:false,
		  pic5Control:false,
		  
		  
		  orderId:'',
		  isHistoryOrder:false,
		  isNewOrder:true,
		  inscompany:'',
		  historyActive:0,
		  orderStatus:'',
		  orderQueryForm:{
			  orderno:'',
			  id:'',
			  licenseNo:'',
			  orderstatus:'0'
		  },
		  queryOrdersList:[],
		  
		  drawerVisible:false,
		  iframeSrc:'',
		  
		  jqchecked:false,
		  sychecked:false,
		  syTimePicker:'',
		  jqTimePicker:'',
		  timePickerStart:'',
		  
		 carTypeDialogVisible:false,
		  
		 deptId:"",
		 companyList:[],  //机构下拉列表
		  personList:[],
		  userId:"",
		  personInfo:{},
		  deptInfo:{},
		  
		quoteno:'',
	    peopleid:"",
		carInfo: {
			licenseNo: "",//车牌号
			brandName:"",//车辆品牌型号
			vinNo:"",//车架号
			engineNo: "", //发动机号
			modelCode: "",//车型编码
			seatCount: "0",//核定载客量 核定载人数
			purchasePrice: "0", //新车购置价最低，行业实际价值，协商价值
			
			carBrand:"", //车型品牌
			ciCarName:"",//行业车型名称
			ciModelCode:"",//行业车型编码
			completeKerbMass:"",//整备质量
			exhaustScale:"",//排量
			factory:"",//工厂名称
			factoryid:"",//工厂编码
			frameNo: "", //车架号
			licenseTypeCode: "02", //号牌种类
			vehicleclass:"",//车辆类型
			familyName:"",//车型
			modelcname:"",//车型名称
			powertypecode:"",//燃料类型编码
			vehicleweight:"",//总质量
			limitLoad:"",//核定载质量
			caryear:"0",//年款
			cimodelclass:"",//车辆种类
			powertype:"汽油",//燃料类型
			enginedesc:"",//排量
			
			registerDate: "",//注册日期
			issueDate: "",//发证日期
			transferFlag: 0,//过户标志
			transferDate:"",
			loanStatus:0,//贷款标志
			firstBeneMan:"",//第一受益人
			noLicenseFlag: false,//是否新车
			cartype: "A0",	//客车A0 货车H0          
			carnature: "8A",  //使用性质 家庭自用8A  非营业企业8B   非营业党政机关，事业团体8C  非营业货车8D					
			property:"1"//所属性质 1个人 2企业 3个人	
		},
		
		carRules:{
			licenseNo: [
				{ required: true,message: '请输入车牌号码', trigger: 'blur' },
				{pattern: /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4,5}[A-Z0-9挂学警港澳]{1}$/,message: '请输入正确的车牌号'}],
			brandName:[{required: true,message: '请输入品牌型号', trigger: 'blur'}],
			vinNo:[{required: true,message: '请输入车辆识别码',trigger: 'blur'},
				{pattern: /^([0-9A-Z]){17}$/,message: '请输入正确的车辆识别码'}],
			engineNo:[{required: true,message: '请输入发动机号', trigger: 'blur'}],
			registerDate:[{required: true,message: '请选择注册日期', trigger: 'blur'}],
			issueDate:[{required: true,message: '请选择发证日期', trigger: 'blur'}]
		},
		personRules:{
			name:[{required: true,message: '请输入姓名', trigger: 'blur'},{pattern: /^([\u4e00-\u9fa5]{1,6}|[a-zA-Z\.\s]{1,6})$/,message: '请输入正确的姓名'}],
			identifyNumber:[{required: true,message: '请输入证件号', trigger: 'blur'},,{pattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X|x)$/,message: '请输入正确的证件号'}],
			mobile:[{required: true,message: '请输入手机号', trigger: 'blur'},{pattern: /^1[3456789]\d{9}$/,message: '请输入正确的手机号'}],
			addr:[{required: true,message: '请输入地址', trigger: 'blur'}],
		},
		
		checkImage:"",//识别的图片base64
		checkInfo:{},//校验信息数据
		
		ownerInfo: {
			name:"",
			identifyType:"01",
			identifyNumber:"",
			addr:"",
			email:"",
			mobile:""
		},
		policyHolderInfo: {
			name:"",
			identifyType:"01",
			identifyNumber:"",
			addr:"",
			email:"",
			mobile:""
		},
		insuredPersonInfo: {
			name:"",
			identifyType:"01",
			identifyNumber:"",
			addr:"",
			email:"",
			mobile:""
		},
		
		holderAndOwner:false,
		insuredAndOwner:false,
		
		CIStartDate:tomorrow+' 00:00',
		CIEndDate:'',
		CIChoose:true,
		BIStartDate:tomorrow+' 00:00',
		BIEndDate:'',
		BIChoose:true,
	
		kindList:[
			{"amount":'1',"kindCode":"A","kindName":"机动车损失险"},
			{"amount":"1000000","kindCode":"B","kindName":"第三者责任险"},
			{"amount":"10000","kindCode":"D3","kindName":"司机责任险"},
			{"unitAmount":"10000","kindCode":"D4","kindName":"乘客责任险"},
		],
		riskList:[
			{"amount":"200000","premium":"0","riskCode":"0507","startDate":this.CIStartDate,"endDate":this.CIEndDate,"instantFlag":"0"},
			{"startDate":'',"endDate":'',"quotePreceptName":"","quotePreceptCode":"","instantFlag":"0","premium":"0","riskCode":"0510"}],
		chooseKindList:['A','B','D3','D4'],
	
	
	    insureListForm:[],//险种信息的原始版本，当回写时使用
	
	    showInsureList:false,
		
		totalCompanyList: [
			// {
			// 	showInsureList:false,
			// 	name: "华农财险",
			// 	code: "huanong",
			// 	quoteCode: "0",
			// 	quoteStatus: "掌柜正在为您报价，请稍等......",
			// 	msg: "",
			// 	result: {}
			// },
			{
				showInsureList:false,
				name: "天安财险",
				code: "tianan",
				quoteCode: "0",
				quoteStatus: "掌柜正在为您报价，请稍等......",
				msg: "",
				result: {}
			},
			{
				showInsureList:false,
				name: "中煤财险",
				code: "zhongmei",
				quoteCode: "0",
				quoteStatus: "掌柜正在为您报价，请稍等......",
				msg: "",
				result: {}
			},
			{
				showInsureList:false,
				name: "恒邦财险",
				code: "hengbang",
				quoteCode: "0",
				quoteStatus: "掌柜正在为您报价，请稍等......",
				msg: "",
				result: {}
			}
			
		],
		chooseTotalCompany:false,
		quoteCompanyList:["tianan"],
		// quoteCompanyList:["huanong","hengbang","zhongmei","tianan"],
		carTypeList:[],
		
		showResult:false
		
	  }
	},
	async created() {
	  this.peopleid = Cookies.get('user');
	  if(this.peopleid!='admin'){
	    this.peopledeptid = Cookies.get('user').split('D')[0];
	  }else{
	    this.peopledeptid = '9';
	  }
		await this.getAllPerson();
		await this.getAllCompany();
		var query=this.$route.query;
		if(!!query.id){
			this.isUserOrder = true;
			this.userId = query.id;
			this.peopleInfoChange(this.userId);
		}
		
	  this.CIEndDate=this.oneYearPast1(this.CIStartDate)
	  this.BIEndDate=this.oneYearPast1(this.BIStartDate)
	  this.insureListForm = JSON.parse(JSON.stringify(this.global.insureList1))
	  this.insureListForm[0].checked=true;
	  this.insureListForm[0].amount='1';
	  
	  this.insureListForm[1].checked=true;
	  this.insureListForm[1].amount='1000000';
	  this.insureListForm[2].checked=true;
	  this.insureListForm[2].amount='10000';
	  this.insureListForm[3].checked=true;
	  this.insureListForm[3].amount='10000';
	  
	  for(let i=0;i<this.riskList.length;i++){
	  	if(this.riskList[i].riskCode=='0507'){
	  		this.riskList[i].startDate = this.CIStartDate
	  		this.riskList[i].endDate =this.CIEndDate
	  	}else if(this.riskList[i].riskCode=='0510'){
	  		this.riskList[i].startDate = this.BIStartDate
	  		this.riskList[i].endDate =this.BIEndDate
	  	}
	  }
	},
	watch:{
		isNewOrder(){
			if(this.isNewOrder){
				this.oldfileList = [];
				
				this.jqapplyno='';
				this.syapplyno='';
				this.jqpolicyno='';
				this.sypolicyno='';
				
				this.email="";
				this.paytype="线上缴费";//缴费方式
				this.policytype="电子";//保单类型
				this.mailtype="邮寄";
				this.receiptname="";//邮寄地址名字
				this.receiptphone="";//邮寄地址电话
				this.mailAddress="";//邮寄地址
				
				
				this.carImageList=[];
				this.ownerImageList=[];//车主影像
				this.policyImageList=[];//投保人影像
				this.insuredImageList=[];//被保人影像
				this.carCheckImageList=[];//验车照影像
				// 影像控制
				this.pic1Control=false;
				this.pic2Control=false;
				this.pic3Control=false;
				this.pic4Control=false;
				this.pic5Control=false;
				
				
				
				this.orderId = ''; 
				this.orderStatus = '';
				this.inscompany='';
				this.userId = '';
				this.personInfo={};
				this.deptInfo={};
				for(var key in this.carInfo){
					this.carInfo[key]="";
				}
				this.carInfo.seatCount= "0";
				this.carInfo.purchasePrice= "0";
				this.carInfo.licenseTypeCode="02";
				this.carInfo.caryear="0";//年款
				this.carInfo.powertype="汽油";
				this.carInfo.transferFlag=0;
				this.carInfo.loanStatus=0;
				this.carInfo.noLicenseFlag= false;
				this.carInfo.cartype="A0";         
				this.carInfo.carnature="8A";
				this.carInfo.property="1";

				this.holderAndOwner=false,
				this.insuredAndOwner=false,
				
				this.ownerInfo={
					name:"",
					identifyType:"01",
					identifyNumber:"",
					addr:"",
					email:"",
					mobile:""
				},
				this.policyHolderInfo={
					name:"",
					identifyType:"01",
					identifyNumber:"",
					addr:"",
					email:"",
					mobile:""
				},
				this.insuredPersonInfo={
					name:"",
					identifyType:"01",
					identifyNumber:"",
					addr:"",
					email:"",
					mobile:""
				},
				
				this.riskList  = [];
				this.CIChoose = true;
				this.BIChoose = true;
				var dateTime2 = new Date();
				dateTime2.setTime(dateTime2.getTime()+24*60*60*1000);
				var tomorrow = dateTime2.getFullYear()+"-" +(((dateTime2.getMonth()+1)<10)?("0"+(dateTime2.getMonth()+1)):(dateTime2.getMonth()+1))+ "-" + ((dateTime2.getDate()<10)?("0"+dateTime2.getDate()):dateTime2.getDate());
				this.CIStartDate = tomorrow+' 00:00';
				this.BIStartDate = tomorrow+' 00:00';
				this.CIEndDate=this.oneYearPast1(this.CIStartDate)
				this.BIEndDate=this.oneYearPast1(this.BIStartDate)
				this.insureListForm = JSON.parse(JSON.stringify(this.global.insureList1))
				this.insureListForm[0].checked=true;
				this.insureListForm[0].amount='1';
				
				this.insureListForm[1].checked=true;
				this.insureListForm[1].amount='1000000';
				this.insureListForm[2].checked=true;
				this.insureListForm[2].amount='10000';
				this.insureListForm[3].checked=true;
				this.insureListForm[3].amount='10000';
				
				for(let i=0;i<this.riskList.length;i++){
					if(this.riskList[i].riskCode=='0507'){
						this.riskList[i].startDate = this.CIStartDate
						this.riskList[i].endDate =this.CIEndDate
					}else if(this.riskList[i].riskCode=='0510'){
						this.riskList[i].startDate = this.BIStartDate
						this.riskList[i].endDate =this.BIEndDate
					}
				}
				
				
				this.totalCompanyList=[
					// {
					// 	showInsureList:false,
					// 	name: "华农财险",
					// 	code: "huanong",
					// 	quoteCode: "0",
					// 	quoteStatus: "掌柜正在为您报价，请稍等......",
					// 	msg: "",
					// 	result: {}
					// },
					{
						showInsureList:false,
						name: "天安财险",
						code: "tianan",
						quoteCode: "0",
						quoteStatus: "掌柜正在为您报价，请稍等......",
						msg: "",
						result: {}
					},
					{
						showInsureList:false,
						name: "中煤财险",
						code: "zhongmei",
						quoteCode: "0",
						quoteStatus: "掌柜正在为您报价，请稍等......",
						msg: "",
						result: {}
					},
					{
						showInsureList:false,
						name: "恒邦财险",
						code: "hengbang",
						quoteCode: "0",
						quoteStatus: "掌柜正在为您报价，请稍等......",
						msg: "",
						result: {}
					}
					
				];
			}
			this.isHistoryOrder = !this.isNewOrder;
		},
		
		jqchecked(){
			if(this.jqchecked){
				let hours = new Date().getHours()+1;
				hours = hours<10?('0'+hours):hours;
				this.timePickerStart = hours+':00';
				this.$refs.jqTimePicker.focus();
			}else{
				var dateTime2 = new Date();
				dateTime2.setTime(dateTime2.getTime()+24*60*60*1000);
				var tomorrow = dateTime2.getFullYear()+"-" +(((dateTime2.getMonth()+1)<10)?("0"+(dateTime2.getMonth()+1)):(dateTime2.getMonth()+1))+ "-" + ((dateTime2.getDate()<10)?("0"+dateTime2.getDate()):dateTime2.getDate());
				this.CIStartDate = tomorrow+' 00:00';
				
				for (let i = 0; i < this.riskList.length; i++) {
					if (this.riskList[i].riskCode == '0507') {
						this.riskList[i].startDate = this.CIStartDate;
						this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
					}
				}
			}
		},
		sychecked(){
			if(this.sychecked){
				let hours = new Date().getHours()+1;
				hours = hours<10?('0'+hours):hours;
				this.timePickerStart = hours+':00';
				this.$refs.syTimePicker.focus();
			}else{
				var dateTime2 = new Date();
				dateTime2.setTime(dateTime2.getTime()+24*60*60*1000);
				var tomorrow = dateTime2.getFullYear()+"-" +(((dateTime2.getMonth()+1)<10)?("0"+(dateTime2.getMonth()+1)):(dateTime2.getMonth()+1))+ "-" + ((dateTime2.getDate()<10)?("0"+dateTime2.getDate()):dateTime2.getDate());
				this.BIStartDate = tomorrow+' 00:00';
				
				for (let i = 0; i < this.riskList.length; i++) {
					if (this.riskList[i].riskCode == '0510') {
						this.riskList[i].startDate = this.BIStartDate;
						this.riskList[i].endDate = this.oneYearPast1(this.BIStartDate);
					}
				}
			}
		}
		
	},
	methods: {
		//预览文件
		viewfile(index,type){
			var win = window.open();
			win.document.write(
			'<body style="margin:0px;"><object data="' + this[type][index].url +'" type="application/pdf" width="100%" height="100%"><iframe src="' +this[type][index].url +'" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe></object></body>'
			);
		},
		getOrderDetail(item){
			this.oldfileList=[];
			if(item.orderstatus>=6){
				this.$api.task.queryUploadList(item.orderno).then((resUpload)=>{
				  this.oldfileList = resUpload.data;
				})
			}
			
			
			this.jqapplyno  =item.jqapplyno ;
			this.syapplyno  =item.syapplyno ;
			this.jqpolicyno =item.jqpolicyno;
			this.sypolicyno =item.sypolicyno;
			
			this.email=item.mailaddress;
			this.paytype="线上缴费";//缴费方式
			this.policytype=item.policytype;//保单类型
			this.mailtype=item.mailtype;
			this.receiptname=item.receiptname;//邮寄地址名字
			this.receiptphone=item.receiptphone;//邮寄地址电话
			this.mailAddress=item.mailaddress;//邮寄地址
			
			this.carImageList=[];
			this.ownerImageList=[];//车主影像
			this.policyImageList=[];//投保人影像
			this.insuredImageList=[];//被保人影像
			this.carCheckImageList=[];//验车照影像
			// 影像控制
			this.pic1Control=false;
			this.pic2Control=false;
			this.pic3Control=false;
			this.pic4Control=false;
			this.pic5Control=false;
			
			this.orderId = item.orderno; 
			this.orderStatus = item.orderstatus;
			this.userId = item.userid;
			this.inscompany = item.inscompany;
			this.peopleInfoChange(this.userId);
			Object.assign(this.carInfo,item.carinfo)
			if(this.carInfo.transferFlag){
				this.carInfo.transferFlag = 1;
			}else{
				this.carInfo.transferFlag = 0;
			}
			this.holderAndOwner=false,
			this.insuredAndOwner=false,
			Object.assign(this.ownerInfo,item.ownerinfo)
			Object.assign(this.policyHolderInfo,item.applyinfo)
			Object.assign(this.insuredPersonInfo,item.insureinfo)
			console.log(item.orderstatus)
			if(item.orderstatus=='0'){
			  this.historyActive = 1;
			}else if(item.orderstatus=='1'){
			  this.historyActive = 2;
			}else if(item.orderstatus=='2'){
			  this.historyActive = 3;
			}else if(item.orderstatus=='5'){
			  this.historyActive = 4;
			}else if(item.orderstatus=='6'){
			  this.historyActive = 5;
			}else if(item.orderstatus=='7'){
			  this.historyActive = 6;
			}
			this.riskList  = [];
			this.CIChoose = false;
			this.BIChoose = false;
			for(let i=0;i<item.riskinfo.length;i++){
				let param = {};
				Object.assign(param,item.riskinfo[i]);
				this.riskList.push(param)
				if(item.riskinfo[i].riskCode =='0507'){
					this.CIStartDate=item.riskinfo[i].startDate;
					this.CIEndDate = item.riskinfo[i].endDate;
					this.CIChoose = true;
				}
				if(item.riskinfo[i].riskCode =='0510'){
					this.BIStartDate=item.riskinfo[i].startDate;
					this.BIEndDate = item.riskinfo[i].endDate;
					this.BIChoose = true;
				}
			}
			
			// 获取影像
			this.$api.task.findTaskImage({
			  taskid:item.orderno,
			  imgtype:"C01"
			}).then((resImage)=>{
			  this.carImageList=resImage.data.imgList
			})
			this.$api.task.findTaskImage({
			  taskid:item.orderno,
			  imgtype:"C02"
			}).then((resImage)=>{
			  this.ownerImageList=resImage.data.imgList
			})
			this.$api.task.findTaskImage({
			  taskid:item.orderno,
			  imgtype:"C03"
			}).then((resImage)=>{
			  this.policyImageList=resImage.data.imgList
			})
			this.$api.task.findTaskImage({
			  taskid:item.orderno,
			  imgtype:"C04"
			}).then((resImage)=>{
			  this.insuredImageList=resImage.data.imgList
			})
			this.$api.task.findTaskImage({
			  taskid:item.orderno,
			  imgtype:"C05"
			}).then((resImage)=>{
			  this.carCheckImageList=resImage.data.imgList
			})
			
			this.insureListForm = JSON.parse(JSON.stringify(this.global.insureList1));
			for (let j = 0; j < item.kindinfo.length; j++) {
				for (let m = 0; m < this.insureListForm.length; m++) {
					if (item.kindinfo[j].kindCode == this.insureListForm[m].kindCode) {
						this.insureListForm[m].coveragePremium = item.kindinfo[j].coveragePremium;
						this.insureListForm[m].checked=true;
						if (item.kindinfo[j].kindCode == 'B') {
							this.insureListForm[9].amtList[0].value = item.kindinfo[j].amount.toString();
						}
						if (item.kindinfo[j].kindCode == 'A') {
							this.insureListForm[0].amount = '1';
							this.insureListForm[0].checked=true;
						}else if (this.insureListForm[m].kindCode == 'D4') {
							this.insureListForm[m].amount = item.kindinfo[j].unitAmount.toString();
							this.insureListForm[m].checked=true;
						} else if (this.insureListForm[m].isMainRisk || (this.insureListForm[m].kindCode == 'BD') || (this.insureListForm[m].kindCode == 'L')) {
							this.insureListForm[m].amount = item.kindinfo[j].amount.toString();
							this.insureListForm[m].checked=true;
						} else {
							this.insureListForm[m].amount = item.kindinfo[j].deductibleRate.toString();
							this.insureListForm[m].checked=true;
						}
					}
				}
			}
			if(item.inscompany == '华农财险'){
				this.totalCompanyList=[
					{
						showInsureList:false,
						name: "华农财险",
						code: "huanong",
						quoteCode: "200",
						quoteStatus: "掌柜正在为您报价，请稍等......",
						msg: "",
						result: {}
					}
				];
				let paramData = {
					kindList:item.kindinfo,
					riskList:item.riskinfo,
					orderno:item.orderno,
					taxAmount:item.taxamount,
					sumPermium:item.sumpremium,
				}
				this.formatData(0,paramData);
				this.quoteCompanyList=["huanong"];
			}
			
			if(item.inscompany == '天安财险'){
				this.totalCompanyList=[
					{
						showInsureList:false,
						name: "天安财险",
						code: "tianan",
						quoteCode: "200",
						quoteStatus: "掌柜正在为您报价，请稍等......",
						msg: "成功",
						result: {}
					}
				];
				let paramData = {
					kindList:item.kindinfo,
					riskList:item.riskinfo,
					orderno:item.orderno,
					taxAmount:item.taxamount,
					sumPermium:item.sumpremium,
				}
				this.formatData(0,paramData);
				this.quoteCompanyList=["tianan"];
			}
			if(item.inscompany == '中煤财险'){
				this.totalCompanyList=[
					{
						showInsureList:false,
						name: "中煤财险",
						code: "zhongmei",
						quoteCode: "200",
						quoteStatus: "掌柜正在为您报价，请稍等......",
						msg: "成功",
						result: {}
					}
				];
				let paramData = {
					kindList:item.kindinfo,
					riskList:item.riskinfo,
					orderno:item.orderno,
					taxAmount:item.taxamount,
					sumPermium:item.sumpremium,
				}
				this.formatData(0,paramData);
				this.quoteCompanyList=["zhongmei"];
			}
			if(item.inscompany == '恒邦财险'){
				this.totalCompanyList=[
					{
						showInsureList:false,
						name: "恒邦财险",
						code: "hengbang",
						quoteCode: "200",
						quoteStatus: "掌柜正在为您报价，请稍等......",
						msg: "成功",
						result: {}
					}
				];
				let paramData = {
					kindList:item.kindinfo,
					riskList:item.riskinfo,
					orderno:item.orderno,
					taxAmount:item.taxamount,
					sumPermium:item.sumpremium,
				}
				this.formatData(0,paramData);
				this.quoteCompanyList=["hengbang"];
			}
			
			this.isHistoryOrder = true;
			this.isNewOrder = false;

		},
		
		getOrderQuery(){
			var data = {
			  "columnFilters": {
			    "licenseNo": {"name": "licenseNo","value":this.orderQueryForm.licenseNo},
			    "userid": {"name": "userid","value": this.orderQueryForm.id},
			    "orderno": {"name": "orderno","value": this.orderQueryForm.orderno},
			    "orderstatus": {"name": "orderstatus","value": this.orderQueryForm.orderstatus},
			    "quotestatus": {"name": "quotestatus","value": "1"}
			  },
			  "pageNum": 1,
			  "pageSize": 20
			}
			this.$api.task.findPage(data).then(res => {
			  console.log(res.data)
			  this.queryOrdersList = res.data.content;
			});
		},
		
		changeTransferFlag(e){
			if(e){
				this.carInfo.transferDate = this.carInfo.registerDate;
			}else{
				this.carInfo.transferDate = '';
			}
		},
		changeIssueDateDate(e){
			if(this.carInfo.transferDate){
				this.carInfo.transferDate = e;
			}else{
				this.carInfo.transferDate = '';
			}
		},
		
		showIframe(src){
			console.log(src)
			// +item.result.orderno
			this.iframeSrc = src;
			this.drawerVisible = true;
		},
		confirmQuote(src){
			this.iframeSrc = src;
			this.drawerVisible = true;
		},
		jqTimePickerChange(e){
			var dateTime1 = new Date();
			var currentDate = dateTime1.getFullYear()+"-" +(((dateTime1.getMonth()+1)<10)?("0"+(dateTime1.getMonth()+1)):(dateTime1.getMonth()+1))+ "-" + ((dateTime1.getDate()<10)?("0"+dateTime1.getDate()):dateTime1.getDate());
			this.CIStartDate = currentDate+' '+e;
			for (let i = 0; i < this.riskList.length; i++) {
				if (this.riskList[i].riskCode == '0507') {
					this.riskList[i].startDate = this.CIStartDate;
					this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
				}
			}
			
		},
		syTimePickerChange(e){
			var dateTime1 = new Date();
			var currentDate = dateTime1.getFullYear()+"-" +(((dateTime1.getMonth()+1)<10)?("0"+(dateTime1.getMonth()+1)):(dateTime1.getMonth()+1))+ "-" + ((dateTime1.getDate()<10)?("0"+dateTime1.getDate()):dateTime1.getDate());
			this.BIStartDate = currentDate+' '+e;
			for (let i = 0; i < this.riskList.length; i++) {
				if (this.riskList[i].riskCode == '0510') {
					this.riskList[i].startDate = this.BIStartDate;
					this.riskList[i].endDate = this.oneYearPast1(this.BIStartDate);
				}
			}
			
		},
		peopleInfoChange(e){
			Object.assign(this.personInfo,{});
			Object.assign(this.deptInfo,{});
			for(let i=0;i<this.personList.length;i++){
				if(this.personList[i].id == e){
					this.personInfo = this.personList[i];
					console.log(this.companyList)
					for(let j=0;j<this.companyList.length;j++){
						if(this.personInfo.id.split('D')[0]==this.companyList[j].id){
							this.deptInfo = this.companyList[j];
							break;
						}
					}
					break;
				}
			}
		},
		
		carTypeHandleDialogBefore(done) {
			// 退出对话框之前确认提示
			var that = this;
			this.$confirm('确认关闭？').then(_ => {
				done();
			  }).catch(_ => {});
		},
		
		async carTypeHandle(scope){
			let item = {};
			Object.assign(item,scope.row)
			this.carInfo.brandName = item.modelname; //品牌型号
			this.carInfo.ciModelCode = item.vehiclecode; //行业车型编码
			this.carInfo.modelCode = item.modelcode;
			this.carInfo.seatCount = item.seatmax + '';
			this.carInfo.caryear = item.caryear;
			this.carInfo.exhaustScale = (item.exhaustscale * 1000) + '';
			this.carInfo.factory = item.factory;
			this.carInfo.factoryid = item.factorycode;
			this.carInfo.cimodelclass = item.inscarclassname;
			this.carInfo.powertype = item.powerType;
			this.carInfo.purchasePrice = item.purchaseprice + '';
			this.carInfo.modelcname = item.modelname;
			this.carTypeDialogVisible = false;
			
			let d = await this.tiananquote(0);
			if(this.totalCompanyList[0].quoteCode == 200){
				this.formatData(0,d);
			}
			// console.log("华农报价")
			// let a = await this.huanongquote(0);
			// if(this.totalCompanyList[0].quoteCode == 200){
			// 	this.formatData(0,a);
			// }
			// console.log("恒邦报价")
			// let b = await this.hengbangquote(1);
			// if(this.totalCompanyList[1].quoteCode == 200){
			// 	this.formatData(1,b);
			// }
			
			// let c = await this.zhongmeiquote(2);
			// if(this.totalCompanyList[2].quoteCode == 200){
			// 	this.formatData(2,c);
			// }
			
			
			
			// console.log("华农报价")
			// let a = await this.huanongquote(0);
			// if(this.totalCompanyList[0].quoteCode == 200){
			// 	this.formatData(0,a);
			// }
			// console.log("恒邦报价")
			// let b = await this.hengbangquote(1);
			// if(this.totalCompanyList[1].quoteCode == 200){
			// 	this.formatData(1,b);
			// }
			
			// let c = await this.zhongmeiquote(2);
			// if(this.totalCompanyList[2].quoteCode == 200){
			// 	this.formatData(2,c);
			// }
			// let d = await this.tiananquote(3);
			// if(this.totalCompanyList[3].quoteCode == 200){
			// 	this.formatData(3,d);
			// }
			
			
		},
		//获取所有机构列表Start
		async getAllCompany(){
		  this.companyList = [];
		   await this.$api.dept.findLeftDeptTree(this.peopledeptid).then(res => {
		    for(let i=0;i<res.data.length;i++){
		        this.companyList.push(res.data[i]);
		    }
			for(let j=0;j<this.companyList.length;j++){
				if('99140109M01'==this.companyList[j].id){
					this.deptInfo = this.companyList[j];
					break;
				}
			}
		  });
		},
		// 获取所有机构列表End
		
		// 查询该机构下所有的代理人
		async getAllPerson(){
			let param = {
				pageNum: 1,
				pageSize: 999999,
				columnFilters: {
				  "deptId": {
				    "name": "deptId",
				    "value": '99'
				  },
				  "containsSubDept": {
				    "name": "containsSubDept",
				    "value": 1
				  },
				  "usertype": {
				    "name": "usertype",
				    "value": "B"
				  }
				},
			}
			await this.$api.user.findPage(param).then((res) => {
			  this.personList = res.data.content;
			})
		},
		
		// 识别车辆信息
		getCarImage(file, fileList) {
			this.checkInfo={};
			this.checkImage="";
			const loading = this.$loading({
			  lock: true,
			  text: '证件识别中...',
			  spinner: 'el-icon-loading',
			  background: 'rgba(0, 0, 0, 0.7)'
			});
			this.getBase64(file.raw).then(base64 => {
				var paramImg = {
					"image": base64,  //图片base64
					"imgType": "2" //1身份证 2行驶证
				}
				this.$api.task.imgAI(paramImg).then((resUpload)=>{
					loading.close();
					if(resUpload.data.carInfo == null){
						return this.$message({type: 'info',message: '请选择正确行驶证',duration:2000});
					}
					this.checkInfo={
						licenseNo:resUpload.data.carInfo.plateNo,
						engineNo:resUpload.data.carInfo.engine,
						issueDate:resUpload.data.carInfo.issueDate.substr(0,4)+'-'+resUpload.data.carInfo.issueDate.substr(4,2)+'-'+resUpload.data.carInfo.issueDate.substr(6,2),
						cartype:resUpload.data.carInfo.motorTypeCode,
						carnature:resUpload.data.carInfo.motorUsageTypeCode,
						licenseTypeCode: resUpload.data.carInfo.plateType,//所属性质
						registerDate: resUpload.data.carInfo.registerDate.substr(0,4)+'-'+resUpload.data.carInfo.registerDate.substr(4,2)+'-'+resUpload.data.carInfo.registerDate.substr(6,2),//注册日期
						vinNo:resUpload.data.carInfo.vIN,//车架号
						frameNo:resUpload.data.carInfo.vIN,//车架号
					}
					Object.assign(this.carInfo,this.checkInfo)
					this.$refs.uploadCarImage.clearFiles();
				}).catch(Error=>{
					loading.close();
					this.$refs.uploadCarImage.clearFiles();
					this.$message({type: 'error',message: '识别失败',duration:2000});
				})
		    })
		},
		// 识别人员信息
		getpersonImage(file, fileList) {
			this.checkInfo={};
			this.checkImage="";
			const loading = this.$loading({
			  lock: true,
			  text: '证件识别中...',
			  spinner: 'el-icon-loading',
			  background: 'rgba(0, 0, 0, 0.7)'
			});
			this.getBase64(file.raw).then(base64 => {
				var paramImg = {
					"image": base64,  //图片base64
					"imgType": "1" //1身份证 2行驶证
				}
				this.$api.task.imgAI(paramImg).then((resUpload)=>{
					loading.close();
					if(!resUpload.data.customerInfo.addr && !resUpload.data.customerInfo.identifyNumber && !resUpload.data.customerInfo.name){
						return this.$message({type: 'info',message: '无法正确识别该证件',duration:2000});
					}
					this.checkInfo={
						name:resUpload.data.customerInfo.name,
						identifyNumber:resUpload.data.customerInfo.identifyNumber,
						addr:resUpload.data.customerInfo.addr
					}
					Object.assign(this.ownerInfo ,this.checkInfo)
					this.$refs.uploadPersonImage.clearFiles();
				}).catch(Error=>{
					loading.close();
					this.$refs.uploadPersonImage.clearFiles();
					this.$message({type: 'error',message: '识别失败',duration:2000});
				})
		    })
		},
			
		//验证车架号
		isFrameno(str){
			let mPattern = /^([0-9A-Z]){17}$/;
			return mPattern.test(str);
		},	
		// 天安vin校验
		toChooseVin(){
			if(this.carInfo.vinNo=='' || this.carInfo.vinNo == null){
				return this.$message({type: 'info',message: '请输入车架号',duration:2000});
			}else{
				if(!this.isFrameno(this.carInfo.vinNo.trim())){
					return this.$message({type: 'info',message: '请输入正确的车架号',duration:2000});
				}
				var param = {
					"checkAnswer": "",
					"engineNo": "",
					"inquiryType": "1",
					"licenseNo": !!this.carInfo.licenseNo ? this.carInfo.licenseNo :'暂无车牌'   ,
					"licenseTypeCode": this.carInfo.licenseTypeCode,
					"modelCName": "",
					"modelCode": "",
					"pmQueryNo": "",
					"vin": this.carInfo.vinNo.trim()
				}
				this.$api.task.vinModelQuery(param).then(res=>{
					if((res.data == null)&& (res.code == 200)){
						return this.$message({type: 'info',message: res.data.msg,duration:2000});
					}
					for(let key in res.data){
						if(!!res.data[key]){
							if(key != 'licenseNo'){
								this.carInfo[key]=res.data[key];
							}
						}
					}
					this.carInfo.vinNo = this.carInfo.vinNo.trim();
					this.carInfo.frameNo = this.carInfo.vinNo.trim();
					
				})
			}
		},
		// 图片base64转化
		getBase64(file) {
		  return new Promise(function(resolve, reject) {
		    let reader = new FileReader();
		    let imgResult = "";
		    reader.readAsDataURL(file);
		    reader.onload = function() {
		      imgResult = reader.result;
		    };
		    reader.onerror = function(error) {
		      reject(error);
		    };
		    reader.onloadend = function() {
		      resolve(imgResult);
		    };
		  });
		},
		//同车主信息
		syncPersonInfo(type,touch1,touch2){
			if(this[type]){
				this[touch1+'Info']=this[touch2+'Info'];
			}else{
				this[touch1+'Info']={
					name:"",
					identifyType:"01",
					identifyNumber:"",
					addr:"",
					email:"",
					mobile:""
				};
				for(let key in this[touch2+'Info']){
					this[touch1+'Info'][key] = this[touch2+'Info'][key];
				}	
			}
		},
		// 获取终保日期
		getEndDate(e,type1,type2){
			this[type2] = this.oneYearPast1(this[type1]);
		},
		
		oneYearPast(time) {
			var date = new Date(time);
			date.setFullYear(date.getFullYear() + 1);//一年后
			date.setTime(date.getTime()-24*60*60*1000);//一年后的前一天
			var strYear = date.getFullYear();  
			var strDay = date.getDate();  
			var strMonth = date.getMonth()+1;
			if(strMonth<10)  
			{  
				strMonth="0"+strMonth;  
			}
			if(strDay<10)  
			{  
				strDay="0"+strDay;  
			}
			var datastr = strYear+"-"+strMonth+"-"+strDay;
			return datastr;
		},
		
		oneYearPast1(time) {
			var date = new Date(time);
			var strHours = date.getHours();
			var strMinutes  =date.getMinutes();
			if((strHours==0) && (strMinutes==0)){
				date.setFullYear(date.getFullYear() + 1);//一年后
				date.setTime(date.getTime()-24*60*60*1000);//一年后的前一天
				var strYear = date.getFullYear();  
				var strDay = date.getDate();  
				var strMonth = date.getMonth()+1;
				if(strMonth<10)  
				{  
					strMonth="0"+strMonth;  
				}
				if(strDay<10)  
				{  
					strDay="0"+strDay;  
				}
				var datastr = strYear+"-"+strMonth+"-"+strDay;
				return datastr+" 24:00";
			}else{
				var time1 = time.substr(11,5);
				date.setFullYear(date.getFullYear() + 1);//一年后
				var strYear = date.getFullYear();  
				var strDay = date.getDate();  
				var strMonth = date.getMonth()+1;
				if(strMonth<10)  
				{  
					strMonth="0"+strMonth;  
				}
				if(strDay<10)  
				{  
					strDay="0"+strDay;  
				}
				if(strHours<10)
				{  
					strHours="0"+strHours;  
				}
				if(strMinutes<10)  
				{  
					strMinutes="0"+strMinutes;  
				}
				var datastr = strYear+"-"+strMonth+"-"+strDay;
				return datastr+" "+strHours+":"+strMinutes;
			}
		},
		// 选择险种类型(交强 商业)
		changeRisk(e,type){
			if(e){
				if(type == 'CI'){
					this.CIStartDate = tomorrow+' 00:00'
					this.CIEndDate=this.oneYearPast1(this.CIStartDate)
				}
				
				if(type == 'BI'){
					this.BIStartDate = tomorrow+' 00:00';
					this.chooseKindList=['A','B','D3','D4'];
					this.BIEndDate=this.oneYearPast1(this.BIStartDate)
					this.insureListForm = JSON.parse(JSON.stringify(this.global.insureList1))
					this.insureListForm[0].checked=true;
					this.insureListForm[0].amount='1';
					this.insureListForm[1].checked=true;
					this.insureListForm[1].amount='1000000';
					this.insureListForm[2].checked=true;
					this.insureListForm[2].amount='10000';
					this.insureListForm[3].checked=true;
					this.insureListForm[3].amount='10000';
					
					this.kindList.push({"amount":'1',"kindCode":"A","kindName":"机动车损失险"});
					this.kindList.push({"amount":"1000000","kindCode":"B","kindName":"第三者责任险"});
					this.kindList.push({"amount":"10000","kindCode":"D3","kindName":"司机责任险"});
					this.kindList.push({"unitAmount":"10000","kindCode":"D4","kindName":"乘客责任险"});
				}
				
				this.riskList.push({
					startDate: this[type+'StartDate'],
					endDate: this[type+'EndDate'],
					quotePreceptName: "",
					quotePreceptCode: "",
					instantFlag: "0",
					premium: "0",
					amount:(type=='CI')?'200000':"",
					riskCode: (type=='CI')?'0507':"0510"
				})
				
			}else{
				for(let i=0;i<this.riskList.length;i++){
					if((this.riskList[i].riskCode=='0507')&&(type == 'CI')){
						this.riskList.splice(i,1)
					}else if((this.riskList[i].riskCode=='0510')&&(type == 'BI')){
						this.riskList.splice(i,1)
						this.kindList=[];
						this.chooseKindList = [];
					}
				}
			}
			
		},
		// 选择险种类别（车损，三者，司机，乘客，绝对免赔，附加险）
		changeKind(e,index,code,value='0'){
			if(e){
				if(this.chooseKindList.indexOf(code)>=0){
					if(value!='0'){
						this.kindList[this.chooseKindList.indexOf(code)].amount=value;
						if((code=='B')&&(this.chooseKindList.indexOf('BD')>=0)){
							this.kindList[this.chooseKindList.indexOf('BD')].amount = this.kindList[this.chooseKindList.indexOf('B')].amount;
						}
					}else{
						this.kindList[this.chooseKindList.indexOf(code)].amount='0';
					}
				}else{
					if(value=='0'){
						if(index == 0){
							this.insureListForm[index].amount='1';
						}
						if(index == 1){
							this.insureListForm[index].amount='1000000';
						}
						if(index == 2){
							this.insureListForm[index].amount='10000';
						}
						if(index == 4){
							this.insureListForm[index].amount='2000';
						}
						if(index == 9){
							this.insureListForm[index].amount='1';
						}
					}else{
						this.insureListForm[index].amount=value;
					} 
					
					if(index==3){
						if(value=='0'){
							this.insureListForm[index].amount='10000';
						}else{
							this.insureListForm[index].amount=value;
						}
						this.kindList.push({
							"unitAmount": this.insureListForm[index].amount,
							"kindCode": this.insureListForm[index].kindCode,
							"kindName": this.insureListForm[index].kindName
						})
					}else if((index==5) || (index==6) ||(index==7) ||(index==8)){
						this.kindList.push({
							"deductibleRate": this.insureListForm[index].amount,
							"kindCode": this.insureListForm[index].kindCode,
							"kindName": this.insureListForm[index].kindName
						})
					}else if(index==9){
						this.kindList.push({
							"amount": this.insureListForm[1].amount,
							"kindCode": this.insureListForm[index].kindCode,
							"kindName": this.insureListForm[index].kindName
						})
					}else{
						this.kindList.push({
							"amount": this.insureListForm[index].amount,
							"kindCode": this.insureListForm[index].kindCode,
							"kindName": this.insureListForm[index].kindName
						})
					}
					this.chooseKindList.push(code);
				}
			}else{
				for(let i=0;i<this.kindList.length;i++){
					if(this.kindList[i].kindCode==code){
						this.kindList.splice(i,1);
						this.chooseKindList.splice(i,1);
						this.insureListForm[index].amount='0';
					}
				}
				for(let i=0;i<this.kindList.length;i++){
					if((code=='A')&&(this.kindList[i].kindCode=='L')){
						this.kindList.splice(i,1);
						this.chooseKindList.splice(i,1);
						this.insureListForm[4].amount='0';
						this.insureListForm[4].checked=false;
					}
					if((code=='B')&&(this.kindList[i].kindCode=='BD')){
						this.kindList.splice(i,1);
						this.chooseKindList.splice(i,1);
						this.insureListForm[9].amount='0';
						this.insureListForm[9].checked=false;
					}
					if((code=='A')&&(this.kindList[i].kindCode=='MJ1')){
						this.kindList.splice(i,1);
						this.chooseKindList.splice(i,1);
						this.insureListForm[5].amount='0';
						this.insureListForm[5].checked=false;
					}
					if((code=='B')&&(this.kindList[i].kindCode=='MJ2')){
						this.kindList.splice(i,1);
						this.chooseKindList.splice(i,1);
						this.insureListForm[6].amount='0';
						this.insureListForm[6].checked=false;
					}
					if((code=='D3')&&(this.kindList[i].kindCode=='MJ3')){
						this.kindList.splice(i,1);
						this.chooseKindList.splice(i,1);
						this.insureListForm[7].amount='0';
						this.insureListForm[7].checked=false;
					}
					if((code=='D4')&&(this.kindList[i].kindCode=='MJ4')){
						this.kindList.splice(i,1);
						this.chooseKindList.splice(i,1);
						this.insureListForm[8].amount='0';
						this.insureListForm[8].checked=false;
					}
				}
			}
		},
		// 选择险种类别（车损，三者，司机，乘客，绝对免赔，附加险）
		changeKindValue(e,index,code){
			if(e==0){
				this.changeKind(false,index,code,e);
				this.insureListForm[index].checked=false;
			}else{
				this.changeKind(true,index,code,e);
				this.insureListForm[index].checked=true;
			}	
		},
		changeChooseTotalCompany(e){
			this.quoteCompanyList=[];
			if(e){
				for(let i=0;i<this.totalCompanyList.length;i++){
					this.quoteCompanyList.push(this.totalCompanyList[i].code)
				}
			}else{
				this.quoteCompanyList=["tianan"];
			}
		},
		// 报价
		async quote(){
			// this.$router.push("/task/underwrite");
			// return;
			if(!this.userId){
				this.$message({type: 'error',message: '请完善销售信息',duration:2000});
			}else{
				this.$refs.carForm.validate((valid1) => {
					if (!valid1) {
						this.$message({type: 'error',message: '请完善车辆信息',duration:2000});
						return false;
					} else {
						this.$refs.ownerInfoForm.validate((valid2) => {
							if (!valid2) {
								this.$message({type: 'error',message: '请完车主信息',duration:2000});
								return false;
							} else {
								this.$refs.policyHolderInfoForm.validate((valid3) => {
									if (!valid3) {
										this.$message({type: 'error',message: '请完投保人信息',duration:2000});
										return false;
									} else {
										this.$refs.insuredPersonInfoForm.validate(async (valid4) => {
											if (!valid4) {
												this.$message({type: 'error',message: '请完被保人信息',duration:2000});
												return false;
											} else {
												
												this.showResult=true;
												for(let j=0;j<this.totalCompanyList.length;j++){
													this.totalCompanyList[j].showInsureList = false;
													this.totalCompanyList[j].quoteCode = "0";
													this.totalCompanyList[j].msg = "";
													Object.assign(this.totalCompanyList[j].result,{
														orderno:'',
														ciPermium:'',
														biPermium:'',
														taxPermium:'',
														sumPermium:'',
														kindList:[]
													})
												}
												this.quoteno = new Date().getTime(); //报价号
												let d = await this.tiananquote(0);
												if(this.totalCompanyList[0].quoteCode == 200){
													this.formatData(0,d);
												}
												
												for(let m =0;m<this.totalCompanyList.length;m++){
													for(let n=0;n<this.quoteCompanyList.length;n++){
														if((this.quoteCompanyList[n] == 'zhongmei')&&(this.totalCompanyList[m].code ==this.quoteCompanyList[n] )){
															let c = await this.zhongmeiquote(m);
															if(this.totalCompanyList[m].quoteCode == 200){
																this.formatData(m,c);
															}
														}
														if((this.quoteCompanyList[n] == 'hengbang')&&(this.totalCompanyList[m].code ==this.quoteCompanyList[n] )){
															let c = await this.hengbangquote(m);
															if(this.totalCompanyList[m].quoteCode == 200){
																this.formatData(m,c);
															}
														}
													}
												}
												
												// let c = await this.zhongmeiquote(1);
												// if(this.totalCompanyList[1].quoteCode == 200){
												// 	this.formatData(1,c);
												// }
												// let b = await this.hengbangquote(2);
												// if(this.totalCompanyList[2].quoteCode == 200){
												// 	this.formatData(2,b);
												// }
												
												
												
												
												// let a = await this.huanongquote(0);
												// if(this.totalCompanyList[0].quoteCode == 200){
												// 	this.formatData(0,a);
												// }
												// let b = await this.hengbangquote(1);
												// if(this.totalCompanyList[1].quoteCode == 200){
												// 	this.formatData(1,b);
												// }
												// let c = await this.zhongmeiquote(2);
												// if(this.totalCompanyList[2].quoteCode == 200){
												// 	this.formatData(2,c);
												// }
												// let d = await this.tiananquote(3);
												// if(this.totalCompanyList[3].quoteCode == 200){
												// 	this.formatData(3,d);
												// }
											}
										});
										
									}
								});
								
							}
						});
					}
				});
			}
			
		},
		formatData(index,res){
			let ciPermium = 0;
			let biPermium = 0;
			let taxPermium = res.taxAmount;
			let sumPermium = res.sumPermium;
			let kindList = JSON.parse(JSON.stringify(this.global.insureList1));
			for(let i=0;i<res.riskList.length;i++){
				if(res.riskList[i].riskCode == '0507'){
					ciPermium = res.riskList[i].premium;
				}
				if(res.riskList[i].riskCode == '0510'){
					biPermium = res.riskList[i].premium;
				}
			}
			for (let j = 0; j < res.kindList.length; j++) {
				for (let m = 0; m < kindList.length; m++) {
					if (res.kindList[j].kindCode == kindList[m].kindCode) {
						kindList[m].coveragePremium = res.kindList[j].coveragePremium;
						if (res.kindList[j].kindCode == 'B') {
							kindList[9].amtList[0].value = res.kindList[j].amount;
						}
						if (res.kindList[j].kindCode == 'A') {
							kindList[0].amount = '1';
						}else if (kindList[m].kindCode == 'D4') {
							kindList[m].amount = res.kindList[j].unitAmount;
						} else if (kindList[m].isMainRisk || (kindList[m].kindCode == 'BD') || (kindList[m].kindCode == 'L')) {
							kindList[m].amount = res.kindList[j].amount;
						} else {
							kindList[m].amount = res.kindList[j].deductibleRate;
						}
					}
				}
			}
			this.totalCompanyList[index].result={
				orderno:res.orderno,
				ciPermium:ciPermium,
				biPermium:biPermium,
				taxPermium:taxPermium,
				sumPermium:sumPermium,
				kindList:kindList
			}
		},
		
		//查询车辆实际价值
		async huanongActualValue() {
			let data = {}; 
			let car = {};
			let kinds = [];
			Object.assign(car, this.carInfo);
			Object.assign(kinds, this.kindList);
			let res = await this.$api.task.huanongActualValue({
				"approvedPassengersCapacity": this.carInfo.seatCount,
				"localModelCode": this.carInfo.ciModelCode,
				"motorTypeCode": "A0",
				"motorUsageTypeCode": "8A",
				"purchasePrice": this.carInfo.purchasePrice,
				"registerDate": this.carInfo.registerDate,
				"validDate": (this.BIStartDate != "") ? this.BIStartDate : (new Date())
			})
			
			for (let j = 0; j < kinds.length; j++) {
				if (kinds[j].kindCode == 'A') {
					kinds[j].amount = res.data.actualValue;
				}
			}
			this.carInfo.modelCode = res.data.localModelCode;
			car.localModelCode = res.data.localModelCode;
			return {
				kinds: kinds,
				car: car
			}
		},
		
		//华农报价
		async huanongquote(num=0) {
			this.totalCompanyList[num].msg = "";
			let result = await this.huanongActualValue();
			let res = await this.$api.task.huanongQuote({	
				// userId: '99140105M01D01001',
				userId: this.userId,
				quoteno: this.quoteno,
				carInfo: result.car,
				ownerInfo: this.ownerInfo,
				policyHolderInfo: this.policyHolderInfo,
				insuredPersonInfo: this.insuredPersonInfo,
				riskList: this.riskList,
				kindList: result.kinds,
			})
			this.msg = "";
			this.totalCompanyList[num].msg = res.msg;
			if (res.msg == '成功') { //所选险种可以报价
				this.totalCompanyList[num].quoteCode = '200'
			} else if (res.msg.indexOf("不存在有效协议") >= 0) {
				this.totalCompanyList[num].quoteCode = '4'
				this.totalCompanyList[num].msg = res.msg;
				return;
			} else if (res.msg.indexOf("投保算费异常！ 异常信息：中保信平台提示：起保日期必须在当前日期的规定时间范围内。") >= 0) {
				this.totalCompanyList[num].quoteCode = '31'
				this.totalCompanyList[num].msg = res.msg;
				return;
			} else if (res.data.state == '201') { //商业险重复
				if ((res.msg.indexOf('交强险重复投保提示') >= 0) && (res.msg.indexOf('商业险重复投保') >= 0)) {
					if ((res.msg.indexOf('终保日期 ') >= 0) && (!res.data.lastDateBI)) {
						this.totalCompanyList[num].quoteCode = '10'; //商业险重复投保
						this.totalCompanyList[num].msg = res.msg;
						return;
					} else if ((res.msg.indexOf('终保日期 ') >= 0) && (!!res.data.lastDateBI)) {
						this.CIStartDate = res.msg.substr(res.msg.indexOf('终保日期 ') + 5, 16);
						this.BIStartDate = res.data.lastDateBI;
						if (this.riskList.length > 0) {
							for (let i = 0; i < this.riskList.length; i++) {
								if (this.riskList[i].riskCode == '0507') {
									this.riskList[i].startDate = this.CIStartDate;
									this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
								}
								if (this.riskList[i].riskCode == '0510') {
									this.riskList[i].startDate = this.BIStartDate;
									this.riskList[i].endDate = this.oneYearPast1(this.BIStartDate);
								}
							}
						}
						return await this.huanongquote(num);
					} else if ((res.data.msg.indexOf('终保日期 ') < 0) && (!!res.data.data.lastDateBI)) {
						this.totalCompanyList[num].msg = res.data.msg;
						this.totalCompanyList[num].quoteCode = '01';
						return;
					} else if ((res.data.msg.indexOf('终保日期 ') < 0) && (!res.data.data.lastDateBI)) {
						this.totalCompanyList[num].msg = res.data.msg;
						this.totalCompanyList[num].quoteCode = '11';
						return;
					}
		
				} else if ((!!res.data.data.lastDateBI) && (res.data.msg.indexOf('交强险重复投保提示') >= 0)) { //交强商业险重复可报价
					if (res.data.msg.indexOf('终保日期 ') >= 0) {
						this.CIStartDate = res.data.msg.substr(res.data.msg.indexOf('终保日期 ') + 5, 16);
						this.BIStartDate = res.data.data.lastDateBI;
						if (this.riskList.length > 0) {
							for (let i = 0; i < this.riskList.length; i++) {
								if (this.riskList[i].riskCode == '0507') {
									this.riskList[i].startDate = this.CIStartDate;
									this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
								}
								if (this.riskList[i].riskCode == '0510') {
									this.riskList[i].startDate = this.BIStartDate;
									this.riskList[i].endDate = this.oneYearPast1(this.BIStartDate);
								}
							}
						}
						return await this.huanongquote(num);
					} else {
						this.totalCompanyList[num].msg = res.msg;
						this.totalCompanyList[num].quoteCode = '01'
						return;
					}
				} else if ((!!res.data.lastDateBI) && (res.msg.indexOf('交强险重复投保提示') < 0)) { //商业险重复可报价	
					this.BIStartDate = res.data.lastDateBI;
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0510') {
								this.riskList[i].startDate = this.BIStartDate;
								this.riskList[i].endDate = this.oneYearPast1(this.BIStartDate);
							}
						}
					}
					return await this.huanongquote(num);
		
				} else if ((!res.data.lastDateBI) && (res.msg.indexOf('商业险重复投保') >= 0) && (res.msg.indexOf(
						'交强险重复投保提示') < 0)) { //商业险重复可报价	
					this.totalCompanyList[num].quoteCode = '10'
					this.totalCompanyList[num].msg = res.msg;
					return;
		
				} else if ((res.msg.indexOf('交强险重复投保提示') >= 0) && (!res.data.lastDateCI) && (res.msg.indexOf(
						'商业险重复投保') < 0) && (res.msg.indexOf('终保日期 ') >= 0)) {
		
					this.CIStartDate = res.msg.substr(res.msg.indexOf('终保日期 ') + 5, 16);
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0507') {
								this.riskList[i].startDate = this.CIStartDate;
								this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
							}
						}
					}
					return await this.huanongquote(num);
				} else if (res.msg.indexOf('查询的车主名称与上张保单不一致') >= 0) {
					this.totalCompanyList[num].quoteCode = '200';
					return res.data.data;
				} else if (res.msg.indexOf('查询的车主名称与上张保单一致') >= 0) {
					this.totalCompanyList[num].quoteCode = '200';
					return res.data.data;
				} else if (res.msg.indexOf('精准服务返回：没有找到行业标准车型信息，请核实车辆信息是否正确，若正确请自行选择车型进行投保/批改查询') >= 0) {
					this.totalCompanyList[num].quoteCode = '200';
					return res.data.data;
				} else { //商业险重复，不可报价
					this.totalCompanyList[num].quoteCode = '3';
					this.totalCompanyList[num].msg = res.msg;
					return;
				}
		
			} else if (res.data.state == '11') { //交强险或者交商重复
				if ((!!res.data.lastDateCI) && (!!res.data.lastDateBI)) { //交商重复可报价
					this.CIStartDate = res.data.lastDateCI;
					this.BIStartDate = res.data.lastDateBI;
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0507') {
								this.riskList[i].startDate = this.CIStartDate;
								this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
							}
							if (this.riskList[i].riskCode == '0510') {
								this.riskList[i].startDate = this.BIStartDate;
								this.riskList[i].endDate = this.oneYearPast1(this.BIStartDate);
							}
						}
					}
					return await this.huanongquote(num);
				} else if (!!res.data.lastDateCI) { //交强险重复，可报价
					this.CIStartDate = res.data.lastDateCI;
					if (this.riskList.length > 0) {
						for (let i = 0; i < this.riskList.length; i++) {
							if (this.riskList[i].riskCode == '0507') {
								this.riskList[i].startDate = this.CIStartDate;
								this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
							}
						}
					}
					return await this.huanongquote(num);
				}
			} else if ((res.data.state == '4') || (res.data.state == '7')) {
				return await this.huanongquote(num);
			} else if (res.msg == '请选择品牌型号') {
				this.carTypeList = res.data;
				this.totalCompanyList[num].quoteCode = '0'
				this.totalCompanyList[num].msg = res.msg;
				this.carTypeDialogVisible = true;
				return;
			} else if (res.data.state == '1') {
				if (res.msg.indexOf('商业险重复投保') >= 0) {
					this.totalCompanyList[num].msg = res.msg;
					this.totalCompanyList[num].quoteCode = '11'
					return;
				} else {
					this.totalCompanyList[num].msg = res.msg;
					this.totalCompanyList[num].quoteCode = '01'
					return;
				}
			} else if (res.data.state == '0') {
				this.totalCompanyList[num].quoteCode = '3'
				this.totalCompanyList[num].msg = res.msg;
				return;
			}
		
			this.totalCompanyList[num].quoteCode = '200'
			return res.data;
		},
		
		
		
		
		
		//恒邦车辆实际价值
		async hengbangActualValue() {
			let kinds = [];
			Object.assign(kinds, this.kindList);
			let res = await this.$api.task.hengbangActualValue(this.carInfo);
			for (let j = 0; j < kinds.length; j++) {
				if (kinds[j].kindCode == 'A') {
					kinds[j].amount = res.data;
				}
			}
			return kinds;
		},
		
		//恒邦报价
		async hengbangquote(num=1) {
			this.totalCompanyList[num].msg = "";
			let kinds = await this.hengbangActualValue();
			let res = await this.$api.task.hengbangQuote({
				userId: this.userId,
				quoteno: this.quoteno,
				carInfo: this.carInfo,
				ownerInfo: this.ownerInfo,
				policyHolderInfo: this.policyHolderInfo,
				insuredPersonInfo: this.insuredPersonInfo,
				riskList: this.riskList,
				kindList: kinds,
			});
		
			// 报价成功
			this.totalCompanyList[num].msg = res.msg;
			if (res.msg.indexOf("不存在有效协议") >= 0) {
				this.totalCompanyList[num].quoteCode = '4'
				this.totalCompanyList[num].msg = res.msg;
				return;
			} else if (res.data != null) {
				this.totalCompanyList[num].quoteCode = 200;
				return res.data;
			} else if (res.msg.indexOf("重复") >= 0) {
				this.totalCompanyList[num].quoteCode = '31'
				this.totalCompanyList[num].msg = res.msg;
				return;
			} else if (res.msg.indexOf("失败:商业险平台返回：起保日期必须在当前日期的规定时间范围内。") >= 0) {
				this.totalCompanyList[num].quoteCode = '31'
				this.totalCompanyList[num].msg = res.msg;
				return;
			} else {
				this.totalCompanyList[num].quoteCode = '3'
				this.totalCompanyList[num].msg = res.msg;
				return;
			}
		},
		async zhongmeiquote(num){
			this.totalCompanyList[num].msg = "";
			let res = await this.$api.task.zhongmeiQuote({
				userId: this.userId,
				quoteno: this.quoteno,
				carInfo: this.carInfo,
				ownerInfo: this.ownerInfo,
				policyHolderInfo: this.policyHolderInfo,
				insuredPersonInfo: this.insuredPersonInfo,
				riskList: this.riskList,
				kindList: this.kindList,
			});
			this.totalCompanyList[num].msg = res.msg;
			if (!!res.msg && (res.msg.indexOf("不存在有效协议") >= 0)) {
				this.totalCompanyList[num].quoteCode = '4'
				this.totalCompanyList[num].msg = res.msg;
				return;
			}else if((res.data==null) && (res.msg.indexOf('交强险平台返回')>-1) && (res.msg.indexOf(';终保日期')>-1)){
				let a = res.msg.substr(res.msg.indexOf(';终保日期 ') + 6, 16);
				if(a.substring(11) != '00:00'){
					let b = new Date(a.substr(0,10));
					b.setTime(b.getTime()+24*60*60*1000);//一年后的前一天
					let year = b.getFullYear();
					let month = b.getMonth()+1;
					month = month < 10 ? '0' + month : month;
					let day = new Date(b).getDate();
					day = day < 10 ? '0' + day : day;
					
					this.CIStartDate= year+"-"+month+"-"+day+" 00:00";
					console.log(this.CIStartDate)
				}else{
					this.CIStartDate = res.msg.substr(res.msg.indexOf(';终保日期 ') + 6, 16);
					console.log(this.CIStartDate)
				}
				if (this.riskList.length > 0) {
					for (let i = 0; i < this.riskList.length; i++) {
						if (this.riskList[i].riskCode == '0507') {
							this.riskList[i].startDate = this.CIStartDate;
							this.riskList[i].endDate = this.oneYearPast1(this.CIStartDate);
						}
					}
					
				}
				return this.zhongmeiquote(num);
			}else if (!!res.data) {
				this.totalCompanyList[num].quoteCode = 200;
				return res.data;
			} else {
				this.totalCompanyList[num].quoteCode = '3'
				this.totalCompanyList[num].msg = res.msg;
				return;
			}
		},
		async tiananquote(num){
			this.totalCompanyList[num].msg = "";
			let res = await this.$api.task.tiananQuote({
				userId: this.userId,
				quoteno: this.quoteno,
				carInfo: this.carInfo,
				ownerInfo: this.ownerInfo,
				policyHolderInfo: this.policyHolderInfo,
				insuredPersonInfo: this.insuredPersonInfo,
				riskList: this.riskList,
				kindList: this.kindList,
			});
			this.totalCompanyList[num].msg = res.msg;
			
			if (!!res.msg && (res.msg.indexOf("不存在有效协议") >= 0)) {
				this.totalCompanyList[num].quoteCode = '4'
				this.totalCompanyList[num].msg = res.msg;
				return;
			} else if (!!res.data) {
				this.totalCompanyList[num].quoteCode = 200;
				if(res.data.riskList.length>0){
					for(let i = 0;i<res.data.riskList.length;i++){
						if(res.data.riskList[i].riskCode =='0507'){
							this.CIStartDate = res.data.riskList[i].startDate;
							for (let j = 0; j < this.riskList.length; j++) {
								if (this.riskList[j].riskCode == '0507') {
									this.riskList[j].startDate = res.data.riskList[i].startDate;
									this.riskList[j].endDate = res.data.riskList[i].endDate;
								}
							}
						}
						console.log(res.data.riskList[i].startDate);
						if(res.data.riskList[i].riskCode =='0510'){
							this.BIStartDate = res.data.riskList[i].startDate;
							for (let j = 0; j < this.riskList.length; j++) {
								if (this.riskList[j].riskCode == '0510') {
									this.riskList[j].startDate = res.data.riskList[i].startDate;
									this.riskList[j].endDate = res.data.riskList[i].endDate;
								}
							}
						}
						
					}
				}
				return res.data;
			} else {
				this.totalCompanyList[num].quoteCode = '3'
				this.totalCompanyList[num].msg = res.msg;
				return;
			}
		},
		// 上传图片的方法Start
		beforeAvatarUpload(file) {
		  const isJPG = (file.type === 'image/jpeg' ||  file.type === 'image/png') ;
		  // const isLt2M = file.size / 1024 / 1024 < 0.2;
		  if (!isJPG) {
				  this.$message({message: '上传图片只能是 JPG 或者 PNG 格式!',type: 'error',duration:2000})
		  }
		  // if (!isLt2M) {
		  //   this.$message.error('上传图片大小不能超过 200KB!');
		  // }
		  // return isJPG && isLt2M;
		  return isJPG;
		},
		httpRequest(options) {
		    let file = options.file;
		    let filename = options.filename;
		    let reader  = new FileReader();
		    if (file) {
		        reader.readAsDataURL(file)
		    }
		    reader.onload = () => {
		        let base64Str = reader.result;
					  console.log(options.filename)
		        this[options.filename].push(base64Str);
		    }
		},
		//删除图片
		delCheckImage(type,index){
			this[type+'ImageList'].splice(index,1);
		},
		// 上传图片的方法End
		submit(orderno){
		  this.$confirm('是否确认提交核保？', '提示', {}).then(async() => {
			  await this.$api.user.savePersonImage({
				taskid:orderno,
				imgtype:"C01",
				imgList:this.carImageList
			  })
			  await this.$api.user.savePersonImage({
				taskid:orderno,
				imgtype:"C02",
				imgList:this.ownerImageList
			  })
			  await this.$api.user.savePersonImage({
				taskid:orderno,
				imgtype:"C03",
				imgList:this.policyImageList
			  })
			  await this.$api.user.savePersonImage({
				taskid:orderno,
				imgtype:"C04",
				imgList:this.insuredImageList
			  })
			  await this.$api.user.savePersonImage({
				taskid:orderno,
				imgtype:"C05",
				imgList:this.carCheckImageList
			  })
			  let param={
				  orderno:orderno,
				  jqappoint:'',
				  syappoint:'',
			  }
			 await this.$api.task.submitAudit(param).then((res)=>{
				if(res.code == 200){
					this.$message({message: '操作成功',type: 'success',duration:2000})
					this.dialogVisible = false;
					this.currentPage= 1; //当前页码
					this.totalSize= 0; //全部的数据条数
					this.getOrderList();
				}else{
					this.$message({message: '操作失败, ' + res.msg,type: 'error',duration:2000})
				}
			}) 
		  })  
		},
		// 验证是否是邮箱
		checkEmail(str) {
		      return /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(str);
		},
		// 手机号验证
		isMobile(str){
		    return /^1[3456789]\d{9}$/.test(str.trim())
		},
		checkPayForm(){
			if(this.policytype == '电子'){
				if(!this.checkEmail(this.email)){
					this.$message.error('请输入正确的邮箱地址');
					return false;
				}else{
					return true;
				}
			}
		
			if((this.policytype == '纸质')  && (this.mailtype == '邮寄')){
				if(!this.receiptname){
		     this.$message.error('请输入收件人姓名');
					return false;
				}else if(!this.isMobile(this.receiptphone)){
		     this.$message.error('请输入正确的手机号');
					return false;
				}else if(!this.mailAddress){
		     this.$message.error('请选择邮寄地址');
					return false;
				}else{
					return true;
				}
			}
		
		},
		// 去支付
		onPayComfirm(orderno){
		  if(this.checkPayForm()){
		    var data = {
		      "billtype": "",
		      "mailaddress": "",
		      "mailtype": "",
		      "orderno": orderno,
		      "paytype": this.paytype,
		      "policytype": "",
		      "receiptname":"",
		      "receiptphone":""
		    }
		    if(this.policytype == '电子'){
		    	data.policytype = this.policytype;
		    	data.mailtype = '邮箱';
		    	data.mailaddress = this.email;
		    }
		    if(this.policytype == '纸质'){
		    	data.policytype = this.policytype;
		    	data.mailtype = this.mailtype;
		    	data.mailaddress = this.mailAddress;
		    	data.receiptname = this.receiptname;
		    	data.receiptphone = this.receiptphone;
		    }
		
		    this.$api.task.savePayType(data).then(res => {
		      if(res.code ==200){
		        this.$message.success('提交成功');
		      }
		     })
		  }
		},
		
		
	}
	
}
	
	



</script>

<style scoped>
	
	.el-row {
	  /* margin-bottom: 15px; */
	}
	
	.el-row .el-col label {
	  text-align: right;
	  width: 80px;
	  font-size: 14px;
	  width: 100%;
	  line-height: 36px;
	  display: inline-block;
	  box-sizing: border-box;
	  padding-right: 15px;
	}
/* 弹出窗口(订单详情)Start */
/* .leftContainer {
    width: 260px;
	background-color: #F0F0F0;
	position: fixed;
	min-height: calc(100vh - 120px);
  }
  .leftContainer .queryOrder{
	  height: calc(100vh - 385px);
	  overflow-y: auto;
  }
  .leftContainer .queryOrder .taskCard{
	  padding: 15px 10px 5px;
	  margin: 0 5px 10px;
	  box-sizing: border-box;
	  font-size: 13px;
	  background-color: #FFFFFF;
	  border-radius: 10px;
  } */


  .rightContainer {
    width: calc(100vw);
    margin-left: 20px;
    margin-right: 20px;
  }
  .rightContainer .header .el-col{
    font-size:18px;
    font-weight: bold;
  }
  .rightContainer .bodyTitle{
    height: 40px;
    background: #F3F3F3;
    border:1px solid #DDDDDD;
	margin-bottom:15px;
  }
  .rightContainer .bodyTitle>label{
    margin: 0px 15px;
    font-weight: bold;
  }
  .rightContainer #demo2 .body,.rightContainer #demo3 .body,.rightContainer #demo5 .body,.rightContainer #demo6 .body,.rightContainer #demo7 .body,.rightContainer #demo8 .body,.rightContainer #demo9 .body,.rightContainer #demo10 .body,.rightContainer #demo11 .body{
    border: 1px solid #DDD;
    padding: 15px;
    border-top: none;
  }
  .rightContainer .el-card {
    margin-bottom: 15px;
  }
  .imageStyle{
    display: inline-block;
    width: 100px;
    height: 100px;
    box-shadow:#ddd 0px 0px 5px;
    margin-left: 20px;
  }
  /* 弹出窗口(订单详情)End */
  
  
  .insuretable .el-row{
  	  margin: 0;
	  padding: 0;
	  border-top: 1px solid #ddd;
	  min-height: 40px;
  }
  .insuretable .el-row .el-col:nth-child(2){
	  border-left:1px solid #ddd;
	  border-right:1px solid #ddd;
  }
  .insuretable .el-row .el-col label{
	  text-align: left;
  }
  
  .quoteCompany .el-checkbox{
	  margin: 15px;
  }
  
  /deep/ .el-input.is-disabled .el-input__inner{
  	  color: #333;
  }
  /deep/ .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--time-select .el-input__inner{
	  height: 0px;
	  border: none;
  }
   /deep/ .el-date-editor.el-input, .el-date-editor.el-input__inner {
      width: 220px;
      height: 0;
  }
  
 .iframe-wrap{
	position: relative;
	overflow: hidden;
	width: 300px; height: 150px; background: #eee;
  }
  .iframe{
	width: 100%; border: none;
	position: absolute;
	right: -20px; top: 0; bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
  }
  
  /* 上传图片样式Start */
  .avatar-uploader .el-upload {
     border: 1px dashed #d9d9d9;
     border-radius: 6px;
     cursor: pointer;
     position: relative;
     overflow: hidden;
   }
   .avatar-uploader .el-upload:hover {
     border-color: #409EFF;
   }
   .avatar-uploader-icon {
     font-size: 28px;
     color: #8c939d;
     width: 100px;
     height: 100px;
     line-height: 100px;
     text-align: center;
     border: 1px dashed #d9d9d9;
   }
   .avatar {
     border: 1px dashed #d9d9d9;
     padding: 5px;
     border-radius: 6px;
     width: 100px;
     height: 100px;
     display: block;
   }
   .imageStyle{
     display: inline-block;
     width: 100px;
     height: 100px;
     box-shadow:#ddd 0px 0px 5px;
     margin-right: 20px;
   }
  /* 上传图片样式End */
  
  .delImgIcon{
  	width: 20px;
  	height: 20px;
  	background-color: #999;
  	position: absolute;
  	right: 20px;
  	top: 0px;
  	color: #FFFFFF;
  }
</style>