vue-insagent-pc/src/views/Letter/Letter.vue

<template>
  <div class="body">
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c">
          <img src="../../../src/icon/归属信息.png" alt class="icon-img" />
          <span style="margin-left:10px;">归属信息</span>
        </div>
      </div>
      <el-form
        class="demo-ruleForm"
        :model="userform"
        ref="userform"
        label-width="130px"
        size="small"
        style="margin-top: 15px"
        disabled
        label-position="top"
      >
        <el-row type="flex"  justify="space-between">
          <el-col :span="5">
            <el-form-item label="业务员">
              <el-input v-model="userform.name"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="工号">
              <el-input v-model="userform.id" type="text"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="工号类型">
              <el-select v-model="userform.usertype">
                <el-option label="业务员" value="A"></el-option>
                <el-option label="代理人" value="B"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="归属">
              <el-input v-model="deptName"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c">
          <img src="../../../src/icon/快速查询.png" alt class="icon-img" />
          <span style="margin-left: 10px">快速查询</span>
        </div>
        <el-button size="small" type="primary" @click="continuousquery()">
          <i class="el-icon-search" style="margin-right: 1px"></i>
          续保查询
        </el-button>
      </div>
      <el-form
        class="demo-ruleForm"
        :model="attributionform"
        ref="continuousform"
        label-width="130px"
        size="small"
        style="margin-top: 15px"
        label-position="top"
      >
      <el-row >
          <el-col :span="5">
            <el-form-item label="保险公司" prop="companyId">
              <el-select
                v-model="attributionform.companyId"
                placeholder="请选择保险公司"
                @change="continuousChange"
              >
                <el-option
                  v-for="(item, index) in continuousCompanyList"
                  :key="index"
                  :label="item.namesimple"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col
          :span="5"
          :offset="1"
            v-for="(domain, index) in attributionform.configure"
            :key="domain.index"
          >
            <el-form-item
              :label="domain.label"
              :prop="'configure.' + index + '.value'"
              :rules="{
              required: true,
              message: domain.label + '不能为空',
              trigger: 'blur',
            }"
            >
              <el-input v-model="domain.value" :type="domain.type"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c color" id="Car">
          <img src="../../../src/icon/车辆信息.png" alt class="icon-img" />
          <span style="margin-left:10px;">车辆信息</span>
        </div>
        <el-button size="small" type="primary" @click="uploadcardialogVisible = true">
          <i class="el-icon-camera-solid" style="margin-right:1px;"></i>
          证件识别
        </el-button>
      </div>
      <el-form
        class="demo-ruleForm"
        :model="carInfo"
        ref="carInfo"
        :rules="rules"
        label-width="130px"
        size="small"
        label-position="top"
        style="margin-top: 15px"
      >
        <el-row style="flex-wrap: wrap; display: flex;">
          <el-col :span="5">
            <el-form-item label="车牌" :prop="licenseplate ? 'licenseNo' : ''">
              <div style="display: flex;">
                <el-input style="width: 75%;margin-right:13px" v-model="carInfo.licenseNo" placeholder="请输入车牌号" :disabled="!licenseplate" ></el-input>
                <el-checkbox v-model="licenseplate">已上牌</el-checkbox>
              </div>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="车辆识别代码" prop="frameNo">
              <el-input
                placeholder="请输入车辆识别码"
                v-model="carInfo.frameNo"
                maxlength="17"
                type="text"
                show-word-limit
              >
                <el-button
                  slot="append"
                  type="primary"
                  icon="el-icon-search"
                  @click="toChooseVin(carInfo.frameNo)"
                  style="color: #fff;background-color:#D42426;border-color:#D42426;"
                ></el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="品牌型号" prop="modelcname">
              <el-input v-model="carInfo.modelcname" placeholder="请输入品牌型号" type="text">
                <el-button
                  slot="append"
                  icon="el-icon-search"
                  type="primary"
                  @click="toChooseVehicleType(carInfo.modelcname)"
                  style="color: #fff;background-color:#D42426;border-color:#D42426;border-top:none"
                ></el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="发动机号" prop="engineNo">
              <el-input

                v-model="carInfo.engineNo"
                placeholder="请输入发动机号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" >
            <el-form-item label="年款" prop="caryear">
              <el-input
                onkeyup="value=value.replace(/\D/g,'')"
                v-model="carInfo.caryear"
                placeholder="请输入年款"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="座位数" prop="seatCount">
              <el-input
                onkeyup="value=value.replace(/\D/g,'')"
                v-model="carInfo.seatCount"
                placeholder="请输入座位数"
              >
                <el-button slot="append">座</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="整备质量" prop="completeKerbMass">
              <el-input v-model="carInfo.completeKerbMass" placeholder="请输入整备质量">
                <el-button slot="append">千克(KG)</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="核定载质量" prop="limitLoad">
              <el-input v-model="carInfo.limitLoad" placeholder="请输入核定载质量">
                <el-button slot="append">千克(KG)</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" >
            <el-form-item label="排量" prop="enginedesc">
              <el-input v-model="carInfo.enginedesc" placeholder="请输入排量" >
                <el-button slot="append">升(L)</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="功率" prop="powerScale">
              <el-input v-model="carInfo.powerScale" placeholder="请输入功率">
                <el-button slot="append">千瓦(KW)</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="新车购置价" prop="purchasePrice">
              <el-input
                onkeyup="value=value.replace(/\D/g,'')"
                v-model="carInfo.purchasePrice"
                placeholder="请输入新车购置价"
              >
                <el-button slot="append">元</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="使用性质" prop="carnature">
              <el-select v-model="carInfo.carnature" placeholder="请选择使用性质" @change="natureFun">
                <el-option
                  :label="item.dictTag"
                  :value="item.dictValue"
                  v-for="(item, index) in natureOfVehicleUseoptions"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="车辆用途" prop="vehicleUse">
              <el-select
                v-if="carInfo.carnature=='02'"
                v-model="carInfo.vehicleUse"
                placeholder="请选择使车辆用途"
              >
                <el-option
                  :label="item.dictTag"
                  :value="item.dictValue"
                  v-for="(item, index) in outOfBusinessVehicleUseoptions"
                  :key="index"
                ></el-option>
              </el-select>
              <el-select
                v-if="carInfo.carnature=='01'"
                v-model="carInfo.vehicleUse"
                placeholder="请选择使车辆用途"
              >
                <el-option
                  :label="item.dictTag"
                  :value="item.dictValue"
                  v-for="(item, index) in businessVehicleUseoptions"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="车辆类型" prop="cartype">
              <el-select v-model="carInfo.cartype" placeholder="请选择车辆种类" filterable clearable>
                <el-option
                  :label="item.dictValue + item.dictTag"
                  :value="item.dictValue"
                  v-for="(item, index) in trafficManagementVehicleTypeoptions"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="车辆种类" prop="cimodelclass">
              <el-select v-model="carInfo.cimodelclass" placeholder="请选择车辆种类" clearable>
                <el-option
                  :label="item.dictTag"
                  :value="item.dictValue"
                  v-for="(item, index) in vehicleTypeoptions"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1" >
            <el-form-item label="能源种类" prop="energyType">
              <el-select v-model="carInfo.energyType" placeholder="请选择能源种类">
                <el-option
                  :label="item.dictTag"
                  :value="item.dictValue"
                  v-for="(item, index) in energyTypeoptions"
                  :key="index"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="注册日期" prop="registerDate">
              <el-date-picker
                v-dateFormat
                v-model="carInfo.registerDate"
                :picker-options="pickerOptions"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择注册日期"
                placement="bottom-start"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="发证日期" prop="issueDate">
              <el-date-picker
                v-dateFormat
                v-model="carInfo.issueDate"
                :picker-options="issueDateOptions"
                type="date"
                placeholder="选择发证日期"
                value-format="yyyy-MM-dd"
                placement="bottom-start"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col
          :span="5"
          :offset="1"
            v-if="transferDateShow"
          >
            <el-form-item label="转移登记日期" prop="transferDate">
              <el-date-picker
                v-dateFormat
                v-model="carInfo.transferDate"
                :picker-options="pickerOptions"
                type="date"
                placeholder="选择日期"
                value-format="yyyy-MM-dd"
                placement="bottom-start"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c color" id="CheZhu">
          <img src="../../../src/icon/车主信息.png" alt class="icon-img" />
          <span style="margin-left:10px;">车主信息</span>
        </div>
        <el-button size="small" type="primary" @click="uploaduser(2)">
          <i class="el-icon-camera-solid" style="margin-right:4px;"></i>证件识别
        </el-button>
      </div>
      <el-form
        class="demo-ruleForm"
        :model="ownerInfo"
        ref="ownerInfo"
        :rules="rules"
        label-width="130px"
        size="small"
        style="margin-top: 15px"
        label-position="top"
      >
        <el-row style="flex-wrap: wrap; display: flex;">
          <el-col :span="5" >
            <el-form-item label="车主姓名" prop="name">
              <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="证件类型" prop="identifyType">
              <el-select v-model="ownerInfo.identifyType" placeholder="身份证" disabled>
                <el-option label="身份证" value="01"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="证件号码" prop="identifyNumber">
              <el-input
                v-model="ownerInfo.identifyNumber"
                placeholder="请输入证件号码"
                type="text"
                maxlength="18"
                show-word-limit
                @blur="identifyblur('ownerInfo')"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="ownerInfo.age" placeholder="请输入年龄" type="text" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="性别" prop="gender">
              <el-select @change="genderChange" v-model="ownerInfo.gender" placeholder="请选择性别">
                <el-option label="男" value="男"></el-option>
                <el-option label="女" value="女"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="车主手机号" prop="mobile">
              <el-input
                v-model="ownerInfo.mobile"
                placeholder="请输入车主手机号"
                type="text"
                maxlength="11"
                @paste.native="handlePaste($event,'ownerInfo')"
                show-word-limit
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="地址" prop="addr">
              <el-input v-model="ownerInfo.addr" placeholder="请输入地址" type="text"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="有效期起期" prop="identifyValidDate">
              <el-date-picker
                v-dateFormat
                v-model="ownerInfo.identifyValidDate"
                value-format="yyyy-MM-dd"
                :picker-options="pickerOptions"
                type="date"
                placeholder="选择注册日期"
                placement="bottom-start"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="有效期止期" prop="identifyValidEndDate">
              <el-date-picker
                v-dateFormat
                v-model="ownerInfo.identifyValidEndDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择有效期"
                placement="bottom-start"
                style="width: calc(100% - 40px);"
              ></el-date-picker>
              <div class="insure-long-term" @click="insureLongterm('ownerInfo')">长期</div>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="电子邮箱" prop="email">
              <el-input v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="iscCrownerShow">
            <el-form-item label="省市区：">
              <el-cascader v-model="ownerInfo.provinceData" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"></el-cascader>
            </el-form-item>
          </el-col>-->
        </el-row>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c">
          <img src="../../../src/icon/投保人信息.png" alt class="icon-img" />
          <span style="margin-left:10px;">投保人信息</span>
        </div>
        <div class="flex a-c j-c">
          <div style="font-size:12px;margin:0 10px;">
            同车主
            <el-switch v-model="tbczcarShow" active-color="#D42426" @change="tbczcarShowChange()"></el-switch>
          </div>
          <el-button size="small" type="primary" @click="uploaduser(3)">
            <i class="el-icon-camera-solid" style="margin-right:4px;"></i>
            证件识别
          </el-button>
        </div>
      </div>
      <el-form
        v-show="!tbczcarShow"
        class="demo-ruleForm"
        :model="policyHolderInfo"
        ref="policyHolderInfo"
        :rules="rules"
        label-width="130px"
        size="small "
        style="margin-top: 15px"
        label-position="top"
      >
        <el-row style="flex-wrap: wrap; display: flex;">
          <el-col  :span="5" >
            <el-form-item label="投保人姓名" prop="name">
              <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="证件类型" prop="identifyType">
              <el-select v-model="policyHolderInfo.identifyType" placeholder="身份证" disabled>
                <el-option label="身份证" value="01"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="证件号码" prop="identifyNumber">
              <el-input
                v-model="policyHolderInfo.identifyNumber"
                placeholder="请输入证件号码"
                type="text"
                maxlength="18"
                show-word-limit
                @blur="identifyblur('policyHolderInfo')"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="policyHolderInfo.age" placeholder="请输入年龄" type="text" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" >
            <el-form-item label="性别" prop="gender">
              <el-select v-model="policyHolderInfo.gender" placeholder="请选择性别">
                <el-option label="男" value="男"></el-option>
                <el-option label="女" value="女"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="投保人手机号" prop="mobile">
              <el-input
                v-model="policyHolderInfo.mobile"
                placeholder="请输入投保人手机号"
                maxlength="11"
                type="text"
                @paste.native="handlePaste($event,'policyHolderInfo')"
                show-word-limit
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
            <el-form-item label="省市区：">
              <el-cascader v-model="selectedOptions2" :options="areaOptions"
                @change="event => areahandleChange(event, 'policyHolderInfo')"></el-cascader>
            </el-form-item>
          </el-col>-->
          <el-col  :span="5" :offset="1">
            <el-form-item label="地址" prop="addr">
              <el-input v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="有效期起期" prop="identifyValidDate">
              <el-date-picker
                v-dateFormat
                v-model="policyHolderInfo.identifyValidDate"
                value-format="yyyy-MM-dd"
                :picker-options="pickerOptions"
                type="date"
                placeholder="选择有效期"
                placement="bottom-start"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5" >
            <el-form-item label="有效期止期" prop="identifyValidEndDate">
              <el-date-picker
                v-dateFormat
                v-model="policyHolderInfo.identifyValidEndDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择有效期"
                placement="bottom-start"
                style="width: calc(100% - 40px);"
              ></el-date-picker>
              <div class="insure-long-term" @click="insureLongterm('policyHolderInfo')">长期</div>
            </el-form-item>
          </el-col>
          <el-col  :span="5" :offset="1">
            <el-form-item label="电子邮箱" prop="email">
              <el-input v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="isApplicantShow">
            <el-form-item label="省市区：">
              <el-cascader v-model="policyHolderInfo.provinceData" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"></el-cascader>
            </el-form-item>
          </el-col>-->
        </el-row>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c">
          <img src="../../../src/icon/被投保人信息.png" alt class="icon-img" />
          <span style="margin-left:10px;">被保人信息</span>
        </div>
        <div class="flex j-s a-c">
          <div style="font-size:12px;margin:0 10px;">
            同投保人
            <el-switch v-model="bbtbcarShow" active-color="#D42426" @change="bbtbcarShowChange()"></el-switch>
          </div>
          <div style="font-size:12px;margin:0 10px;">
            同车主
            <el-switch v-model="bbczcarShow" active-color="#D42426" @change="bbczcarShowChange()"></el-switch>
          </div>
          <el-button size="small" type="primary" @click="uploaduser(4)">
            <i class="el-icon-camera-solid" style="margin-right:4px;"></i>
            证件识别
          </el-button>
        </div>
      </div>
      <el-form
        v-show="!bbtbcarShow && !bbczcarShow"
        class="demo-ruleForm"
        :model="insuredPersonInfo"
        ref="insuredPersonInfo"
        :rules="rules"
        label-width="130px"
        size="small"
        style="margin-top: 15px"
        label-position="top"
      >
        <el-row style="flex-wrap: wrap; display: flex;">
          <el-col :span="5" >
            <el-form-item label="被保人姓名" prop="name">
              <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="证件类型" prop="identifyType">
              <el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证" disabled>
                <el-option label="身份证" value="01"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="证件号码" prop="identifyNumber">
              <el-input
                v-model="insuredPersonInfo.identifyNumber"
                placeholder="请输入证件号码"
                type="text"
                maxlength="18"
                show-word-limit
                @blur="identifyblur('insuredPersonInfo')"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="insuredPersonInfo.age" placeholder="请输入年龄" type="text" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="性别" prop="gender">
              <el-select v-model="insuredPersonInfo.gender" placeholder="请选择性别">
                <el-option label="男" value="男"></el-option>
                <el-option label="女" value="女"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="被保人手机号" prop="mobile">
              <el-input
                v-model="insuredPersonInfo.mobile"
                placeholder="请输入被保人手机号"
                maxlength="11"
                type="text"
                @paste.native="handlePaste($event,'insuredPersonInfo')"
                show-word-limit
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
            <el-form-item label="省市区：">
              <el-cascader v-model="selectedOptions3" :options="areaOptions"
                @change="event => areahandleChange(event, 'insuredPersonInfo')"></el-cascader>
            </el-form-item>
          </el-col>-->
          <el-col :span="5" :offset="1">
            <el-form-item label="地址" prop="addr">
              <el-input v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="有效期起期" prop="identifyValidDate">
              <el-date-picker
                v-dateFormat
                v-model="insuredPersonInfo.identifyValidDate"
                value-format="yyyy-MM-dd"
                :picker-options="pickerOptions"
                type="date"
                placeholder="选择有效期"
                placement="bottom-start"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5" >
            <el-form-item label="有效期止期" prop="identifyValidEndDate">
              <el-date-picker
                v-dateFormat
                v-model="insuredPersonInfo.identifyValidEndDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择有效期"
                placement="bottom-start"
                style="width: calc(100% - 40px);"
              ></el-date-picker>
              <div class="insure-long-term" @click="insureLongterm('insuredPersonInfo')">长期</div>
            </el-form-item>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-form-item label="电子邮箱" prop="email">
              <el-input v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="isInsuredShow">
            <el-form-item label="省市区：">
              <el-cascader v-model="insuredPersonInfo.provinceData" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"></el-cascader>
            </el-form-item>
          </el-col>-->
        </el-row>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c color" id="insurance">
          <img src="../../../src/icon/投保信息.png" alt class="icon-img" />
          <span style="margin-left:10px;">投保信息</span>
          <el-switch
            style="margin:0 10px 0 30px;"
            @change="immediatelyChange"
            v-model="immediatelyValue"
            active-color="#D42426"
          ></el-switch>
          <span style="font-weight:normal;font-size: 13px;">即时投保</span>
        </div>
      </div>
      <el-form
        class="back demo-ruleForm"
        :inline="true"
        :model="Carinsurance"
        label-width="150px"
        size="small"
        style="margin-top: 15px"
        label-position="top"
      >
        <div class="flex j-start a-c">
          <div class="flex j-c a-start">
          <el-checkbox class="checkbox" style="margin-right: 20px" v-model="jqchecked" @change="jqcheckedChange"></el-checkbox>
            <div class="flex f-c a-c">
              <el-form-item label="交强险起保日期" prop="identifyNumber">
                <el-date-picker
                  v-dateFormat
                  value-format="yyyy-MM-dd HH:mm:ss"
                  v-model="jqstartDate"
                  @change="jqChange"
                  type="datetime"
                  placeholder="选择日期时间"
                  placement="bottom-start"
                ></el-date-picker>
              </el-form-item>
              <el-form-item label="交强险终保日期" prop="identifyNumber">
                <el-date-picker
                  v-dateFormat
                  value-format="yyyy-MM-dd HH:mm:ss"
                  v-model="jqendDate"
                  type="datetime"
                  placeholder="选择日期时间"
                  placement="bottom-start"
                ></el-date-picker>
              </el-form-item>
            </div>
          </div>
          <div class="flex f-c a-c synchronous" style="margin: 0 50px;" @click="synchronization">
            <span style="font-size:12px;">同步</span>
          </div>
          <div class="flex j-c a-start">
            <el-checkbox class="checkbox"  style="margin-right: 20px" v-model="sychecked" @change="sycheckedChange"></el-checkbox>
            <div class="flex f-c a-c">
              <el-form-item label="商业险起保日期" prop="name">
                <el-date-picker
                  v-dateFormat
                  value-format="yyyy-MM-dd HH:mm:ss"
                  v-model="systartDate"
                  @change="syChange"
                  type="datetime"
                  placeholder="选择日期时间"
                  placement="bottom-start"
                ></el-date-picker>
              </el-form-item>
              <el-form-item label="商业险终保日期" prop="name">
                <el-date-picker
                  v-dateFormat
                  value-format="yyyy-MM-dd HH:mm:ss"
                  v-model="syendDate"
                  type="datetime"
                  placeholder="选择日期时间"
                  placement="bottom-start"
                ></el-date-picker>
              </el-form-item>
            </div>
          </div>
        </div>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c">
        <div class="flex j-s a-c color" id="insurance">
          <img src="../../../src/icon/车船税.png" alt class="icon-img" />
          <span style="margin-left:10px;">车船税</span>
        </div>
      </div>
      <el-form
        class="demo-ruleForm"
        :model="vehicleAndVesselTaxForm"
        ref="vehicleAndVesselTaxForm"
        :rules="rules"
        label-width="160px"
        size="small"
        style="margin-top: 15px"
        label-position="top"
      >
        <el-row style="flex-wrap: wrap; display: flex;">
          <el-col :span="5">
            <el-form-item label="纳税类型：" prop="taxRelifFlag">
              <el-select
                @change="taxRelifFlagChange"
                v-model="vehicleAndVesselTaxForm.taxRelifFlag"
                placeholder="纳税类型"
              >
                <el-option
                  v-for="(item, index) in taxRelifFlagoptions"
                  :key="index"
                  :label="item.dictTag"
                  :value="item.dictValue"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 1"
            :span="5" :offset="1"
          >
            <el-form-item label="纳税人识别号：" prop="identifyNumber">
              <el-input
                v-model="vehicleAndVesselTaxForm.identifyNumber"
                placeholder="请输入纳税人识别号"
                type="text"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 1"
            :span="5" :offset="1"
          >
            <el-form-item label="纳税人名称：" prop="taxpayerName">
              <el-input
                v-model="vehicleAndVesselTaxForm.taxpayerName"
                placeholder="请输入纳税人名称"
                type="text"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 1"
            :span="5" :offset="1"
          >
            <el-form-item label="证件类型：" prop="taxpayerIdentifier">
              <el-select
                v-model="vehicleAndVesselTaxForm.taxpayerIdentifier"
                placeholder="证件类型"
                clearable
              >
                <el-option
                  v-for="(item, index) in taxpayerIdentifieroptions"
                  :key="index"
                  :label="item.dictTag"
                  :value="item.dictValue"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
            :span="5" :offset="1"
          >
            <el-form-item label="减免税凭证号：" prop="extendChar2">
              <el-input
                v-model="vehicleAndVesselTaxForm.extendChar2"
                placeholder="请输入减免税凭证号"
                type="text"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4"
            :span="5" :offset="1"
          >
            <el-form-item label="完税凭证号：" prop="paidFreeCertificate">
              <el-input
                v-model="vehicleAndVesselTaxForm.paidFreeCertificate"
                placeholder="请输入完税凭证号"
                type="text"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 2 || vehicleAndVesselTaxForm.taxRelifFlag == 3"
            :span="5" :offset="1"
          >
            <el-form-item label="减免税原因：" prop="relifReason">
              <el-select
                v-model="vehicleAndVesselTaxForm.relifReason"
                placeholder="减免税原因"
                clearable
              >
                <el-option
                  v-for="(item, index) in relifReasonoptions"
                  :key="index"
                  :label="item.dictTag"
                  :value="item.dictValue"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1"
            :span="5" :offset="1"
          >
            <el-form-item label="税务机关代码：" prop="taxComCode">
              <el-input
                v-model="vehicleAndVesselTaxForm.taxComCode"
                placeholder="请输入税务机关代码"
                type="text"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag != 1"
            :span="5" :offset="vehicleAndVesselTaxForm.taxRelifFlag == 4?1:0"
          >
            <el-form-item label="税务机关名称：" prop="taxComName">
              <el-input
                v-model="vehicleAndVesselTaxForm.taxComName"
                placeholder="请输入税务机关名称"
                type="text"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4"
            :span="5"
          >
            <el-form-item label="完税凭证填发日期：" prop="taxDocumentDate">
              <el-date-picker
                v-dateFormat
                v-model="vehicleAndVesselTaxForm.taxDocumentDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="完税凭证填发日期"
                placement="bottom-start"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 4"
            :span="5" :offset="1"
          >
            <el-form-item label="完税凭证地区：" prop="taxPaidAreaCode">
              <el-select
                v-model="vehicleAndVesselTaxForm.taxPaidAreaCode"
                placeholder="完税凭证地区"
                clearable
              >
                <el-option
                  v-for="(item, index) in provinceSelect"
                  :key="index"
                  :label="item.name"
                  :value="item.code"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col
            v-show="vehicleAndVesselTaxForm.taxRelifFlag == 3"
            :span="5" :offset="1"
          >
            <el-form-item label="减税比例：" prop="taxRelief">
              <el-input
                v-model="vehicleAndVesselTaxForm.taxRelief"
                placeholder="请输入0~1的数值"
                type="text"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="Enclosure flex f-c back">
      <div class="home flex j-s a-c back">
        <div class="flex j-s a-c " id="more">
          <img src="../../../src/icon/险别选择.png" alt class="icon-img" />
          <span style="margin-left:15px;width: 120px">险别选择</span>
          <el-select size='small' style="width:70%" v-model="packageValue" placeholder="请选择套餐" @change="packageChange">
          <el-option
            v-for="item in packageOptions"
            :key="item.id"
            :label="item.title"
            :value="item.id">
          </el-option>
        </el-select>
        </div>
      </div>
      <div class="flex f-c more">
        <div class="flex j-s a-c more-title back">
          <div style="width:590px;padding-left:100px;" class="flex j-s a-c">
            <span>险别</span>
            <span>保额（元）</span>
          </div>
        </div>
        <div
          class="flex a-c more-data back"
          v-for="(insureitem, insureindex) in insureList"
          :key="insureindex"
        >
          <div style="width:700px;padding-left: 100px;" class="flex j-s a-c">
            <div style="width:auto;">
              <span style="text-align:center;">
                {{ insureitem.kindName }}
                <el-input
                  v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'"
                  v-model="sumseatCount"
                  style="width:40px;margin:0 5px;"
                  size="small"
                  placeholder
                  disabled
                ></el-input>
                <span
                  v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'"
                >座</span>
              </span>
            </div>
            <el-select
              v-if="insureitem.amtList"
              filterable
              v-model="insureitem.amount"
              placeholder="请选择"
              @change="insureitemChange"
              size="small"
              style="width: 300px;"
            >
              <el-option
                :label="item.label"
                :value="item.value"
                v-for="(item, index) in insureitem.amtList"
                :key="index"
              ></el-option>
            </el-select>
            <span v-else>
              <el-input-number
                size="small"
                style="width: 280px;margin-right:10px"
                v-model="insureitem.amount"
                :min="0"
              ></el-input-number>次
            </span>
          </div>
        </div>
        <!-- <div style="margin:0 auto;font-size: 14px;cursor: pointer;margin-top:15px;">
          <span v-show="insureMore" @click="selectMore(insureList.length)">
            查看更多
            <i class="el-icon-arrow-down"></i>
          </span>
          <span v-show="!insureMore" @click="packup()">
            收起
            <i class="el-icon-arrow-up"></i>
          </span>
        </div>-->
      </div>
    </div>
    <div class="Enclosure flex f-c back">

      <div class="home flex j-s ">
        <div class="flex j-s  a-c" id="company">
          <img src="../../../src/icon/保险公司.png" alt class="icon-img" />
          <span style="margin-left:10px;">保险公司</span>
        <div class="csstool">
          <span>是否过户车</span>
          <el-switch
            @change="transferFlagChange"
            v-model="carInfo.transferFlag"
            active-color="#D42426"
          ></el-switch>
        </div>
        <div class="csstool">
          <span>商业险是否过户</span>
          <el-switch v-model="carInfo.transferFlagBi" active-color="#D42426"></el-switch>
        </div>
        <div class="csstool">
          <span>是否脱保</span>
          <el-switch v-model="carInfo.outOfInsurance" active-color="#D42426"></el-switch>
        </div>
        <div class="csstool">
          <span>是否二手车</span>
          <el-switch v-model="carInfo.usedCar" active-color="#D42426"></el-switch>
        </div>
        </div>
          <div class="flex j-c a-c">
          <el-button v-show="imageUploadShow" size="small" type="primary" @click="imageUpload()">
            <i class="el-icon-camera-solid" style="margin-right:4px;"></i>
            影像上传
          </el-button>
        </div>
      </div>
      <div >
        <div class=" companyhead">
          <el-row>
            <el-col :span="1">
                <el-checkbox style="margin:0 10px 0 10px" @change="handleCheckAllChange"></el-checkbox>
                <span style="font-size:14px;">全选</span>
            </el-col>
            <el-col :span="2"  style="margin: 0 42px 0 35px;">
              <span>保险公司</span>
            </el-col>
            <el-col :span="5" >
              <span>报价协议</span>
            </el-col>
            <el-col :span="3">
              <span>报价结果</span>
            </el-col>
            <el-col :span="3">
              <span>交强险</span>
            </el-col>
            <el-col :span="3">
              <span>车船税</span>
            </el-col>
            <el-col :span="3">
              <span>商业险</span>
            </el-col>
            <el-col :span="2">
              <span>驾意险</span>
            </el-col>
          </el-row>
        </div>
        <div class="coll">
          <div
            v-loading.fullscreen.lock="loading"
            class="hovers"
            v-for="(reslistitem, reslistindex) in totalCompanyList"
            :key="reslistindex"
          >
            <el-row>
              <el-col :span="1" style="margin-left: 20px;">
                  <el-checkbox
                  v-model="reslistitem.checked"
                  @change="event => initchange(event, reslistitem.id, reslistitem.cnName, reslistindex)"
                ></el-checkbox>
              </el-col>
              <el-col :span="3" >
                <img
                  :src="reslistitem.logo"
                  alt
                  style="width:30px; height:30px;vertical-align: middle;margin-left:20px"
                />
                <span>{{ reslistitem.namesimple }}</span>
              </el-col>
              <el-col :span="5" >
                <el-select
                  size="small"
                  v-if="reslistitem.isTaxSource && reslistitem.isTaxSource=='1'"
                  :disabled="true"
                  placeholder="默认"
                  style="width: 230px;"
                  v-model="isTaxSourceModel"
                  :clearable="true"
                > </el-select>
                <el-select
                  size="small"
                  v-else
                  :disabled="!reslistitem.checked"
                  v-model="reslistitem.agreementId"
                  placeholder="请选择协议"
                  style="width: 230px;"
                  :clearable="true"
                  @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)"
                >
                  <div
                    v-for="(agreementitem, agreementindex ) in reslistitem.agreement"
                    :key="agreementindex"
                  >
                    <div
                      v-if="agreementitem.licenseNo && agreementitem.licenseNo.length > 0 && carInfo.licenseNo.length > 0 ? agreementitem.licenseNo.includes(carInfo.licenseNo.slice(0, 2)) : 'true'"
                    >
                      <el-option :label="agreementitem.agreementName" :value="agreementitem.id"></el-option>
                    </div>
                  </div>
                </el-select>
              </el-col>
              <el-col :span="3"  >
                <div  v-show="reslistitem.quoteCode == '0'">
                  <span>未报价</span>
                </div>
                <div v-show="reslistitem.quoteCode == '1'">
                  <i style="color:#D42426" class="el-icon-loading"></i>
                </div>
                <span
                  v-show="reslistitem.quoteCode == '200'"
                  style="color:#D42426;font-weight:bold;"
                >
                  ￥{{
                  reslistitem.result.sumPermium
                  }}
                </span>
              </el-col>
              <el-col :span="3" >
                <span
                  v-show="reslistitem.quoteCode == '200'"
                  style="color:#D42426;font-weight:bold;"
                >
                  ￥{{
                  reslistitem.result.jqPremium }}
                </span>
              </el-col>
              <el-col :span="3">
                <span
                  v-show="reslistitem.quoteCode == '200'"
                  style="color:#D42426;font-weight:bold;"
                >
                  ￥{{
                  reslistitem.result.taxAmount }}
                </span>
              </el-col>
              <el-col :span="3">
                <span
                  v-show="reslistitem.quoteCode == '200'"
                  style="color:#D42426;font-weight:bold;"
                >
                  ￥{{
                  reslistitem.result.syPremium }}
                </span>
              </el-col>
              <el-col :span="2" v-if="reslistitem.quoteCode == '200'" style="color:#D42426;font-weight:bold;">
                  {{
                  reslistitem.result.jyPremium ? '￥' + reslistitem.result.jyPremium : '无' }}
              </el-col>
              <el-col :span="24"   v-show="(reslistitem.quoteCode != '200') && (reslistitem.quoteCode != '0') && (reslistitem.quoteCode != '1')">
                  <div class="flex j-s offer-time" style="color:#D42426">
                    {{reslistitem.msg.length > 500 ? reslistitem.msg.slice(0, 500) : reslistitem.msg }}
                  </div>
              </el-col>
            </el-row>
            <div class="flex j-s offer-time" v-if="reslistitem.quoteCode == '200'">
              <div style="line-height: 25px;">
                保险期限：
                <span v-show="reslistitem.result.startDateJq">
                  【交强险】
                  <span>
                    {{ reslistitem.result.startDateJq }} -
                    {{ reslistitem.result.endDateJq }}
                  </span>
                </span>
                <span v-show="reslistitem.result.startDateSy" style="margin-left: 20px;">
                  【商业险】
                  <span>
                    {{ reslistitem.result.startDateSy }} -
                    {{ reslistitem.result.endDateSy }}
                  </span>
                </span>
                <span @click="syncData(reslistitem.result)">
                  <el-tooltip class="item" effect="dark" content="使用此时间" placement="top">
                    <i style="color:red" class="el-icon-time"></i>
                  </el-tooltip>
                </span>

                <div>
                <span v-if="reslistitem.namesimple == '永诚财险'">
                  光博分：
                  <span>
                    {{ reslistitem.result.ilogPreUdwMess ?
                    reslistitem.result.ilogPreUdwMess : '无' }}
                  </span>
                </span>
                <span v-else>
                  评分：
                  <span>
                    {{ reslistitem.result.ilogPreUdwMess ?
                    reslistitem.result.ilogPreUdwMess : '无' }}
                  </span>
                </span>
                <span v-if="reslistitem.result.jqScore" class="marginL">
                  交强类型评分：
                  <span>{{ reslistitem.result.jqScore }}</span>
                </span>
                <span v-if="reslistitem.result.syScore" class="marginL">
                  商业类型评分：
                  <span>{{ reslistitem.result.syScore }}</span>
                </span>
                <span v-if="reslistitem.result.lossRation" class="marginL">
                  总赔付率：
                  <span>{{ reslistitem.result.lossRation }}</span>
                </span>
                <span v-if="reslistitem.result.jqLossRation" class="marginL">
                  交强赔付率：
                  <span>{{ reslistitem.result.jqLossRation }}</span>
                </span>
                <span v-if="reslistitem.result.syLossRation" class="marginL">
                  商业赔付率：
                  <span>{{ reslistitem.result.syLossRation }}</span>
                </span>
                <span v-if="reslistitem.result.totalAdjustRate" class="marginL">
                  自主定价系数：
                  <span>{{ reslistitem.result.totalAdjustRate }}</span>
                </span>
                <span v-if="reslistitem.result.jgAdjustRate" class="marginL">
                  交强折扣系数：
                  <span>{{ reslistitem.result.jgAdjustRate }}</span>
                </span>
                <span v-if="reslistitem.result.syAdjustRate" class="marginL">
                  商业折扣系数：
                  <span>{{ reslistitem.result.syAdjustRate }}</span>
                </span>
                <span v-if="reslistitem.result.accidentInfoStr" class="marginL">
                  出险信息：
                  <span>
                    {{
                    reslistitem.result.accidentInfoStr }}
                  </span>
                </span>
                  <span  v-if="reslistitem.result.ubiPredictedInfoScore" class="marginL">
                  紫荆能源车（鼎然-车辆风险评分）：
                  <span>{{ reslistitem.result.ubiPredictedInfoScore }}</span>
                </span>
                <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj=='1'">真单交</span>
                <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj=='0'">假单交</span>
                </div>
              </div>
              <div style="text-align: right;">
                <div   style="color:#2D4D89; ">
                  <el-tooltip class="item" effect="dark" content="上年信息" placement="top">
                    <i
                      class="el-icon-chat-dot-round"
                      @click="open2(reslistitem.namesimple, reslistitem.lastYearMsg)"
                      style="font-size:20px;transform: scale(0.8);vertical-align: middle;"
                      :disabled="reslistitem.namesimple=='众安财险'&& reslistitem.result.tips=='需要验车'"
                      v-show="(reslistitem.quoteCode == '200' && reslistitem.lastYearMsg)"
                    ></i>
                  </el-tooltip>
                  <el-tooltip class="item" effect="dark" content="预核保信息" placement="top">
                    <i
                      class="el-icon-chat-dot-round"
                      @click="openPredictInfo(reslistitem.namesimple, reslistitem.predictInfo)"
                      style="font-size:20px;transform: scale(0.8);vertical-align: middle;"
                      v-show="(reslistitem.quoteCode == '200' && reslistitem.predictInfo && reslistitem.predictInfo.length>0 && reslistitem.namesimple=='中国人寿')"
                    ></i>
                  </el-tooltip>
                  <el-button
                    :disabled="reslistitem.namesimple=='众安财险'&& reslistitem.result.tips=='需要验车'"
                    v-show="reslistitem.quoteCode == '200' && !('editStatus' in reslistitem.result) "
                    type="text"
                    size="small"
                    style="color:#2D4D89;font-size:14px"
                    @click="hbsubmitdialog(reslistitem)"
                  >下单</el-button>
                  <el-button
                    v-show="reslistitem.quoteCode == '200'"
                    type="text"
                    size="small"
                    style="color:#2D4D89;font-size:14px "
                    @click="qoutedetail(reslistitem.result.companyId)"
                  >查看详情</el-button>
                </div>
                <div  >
                  <el-button
                    v-show="reslistitem.quoteCode == '200'"
                    type="text"
                    size="small"
                    style="font-size:14px "
                    @click="bjdpreview(reslistitem.result.companyId)"
                  >报价单</el-button>
                  <el-button
                    type="text"
                    size="small"
                    style="font-size:14px "
                    @click="Payment(reslistitem.result.companyId,reslistitem.namesimple)"
                    v-show="reslistitem.orderstatus == '2'&&  !('editStatus' in reslistitem.result)"
                  >付款码</el-button>

                </div>
              </div>
              </div>
              <template>
                <!-- <div style="margin:20px 0 0 100px;" v-if="reslistitem.checked && reslistitem.agreementId"> -->
                  <span v-if="reslistitem.checked && reslistitem.agreementId &&reslistitem.underwritingDescription" style="margin:20px 20px 0 100px;display: inline-block"> {{reslistitem.underwritingDescription}}</span>
                  <!-- </div> -->
              </template>
            <template
              v-if="reslistitem.namesimple == '恒邦财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin-top:15px">
                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                  <el-select
                    style="width: 250px;"
                    filterable
                    size="small"
                    clearable
                    v-model="insuranceHB"
                    placeholder="未选择"
                    @clear="clearAccidentFormHB"
                    @change="hengbangInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in hengbangInsuranceData"
                      :key="index"
                      :label="item.programname"
                      :value="item.programcode"
                    ></el-option>
                  </el-select>
                </div>
                <el-table
                  size="small"
                  :data="HBInsuranceData"
                  border
                  v-if="insuranceHB"
                  @row-click="HBDrivingChange"
                  ref="RsTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="programname" label="方案名称" align="center"></el-table-column>
                  <el-table-column prop="suminsured" label="保额" align="center"></el-table-column>
                  <el-table-column prop="sumgrosspremium" label="保费 (元)/每份" align="center">
                    <template slot-scope="scope">
                      <span>￥{{scope.row.sumgrosspremium}}</span>
                    </template></el-table-column>
                  <el-table-column label="份数" align="center">
                    <template slot-scope="scope">
                      <span>{{scope.row.quantity}}</span>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '华农财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk">
                  <el-form :inline="true" :model="accidentFormHN" class="demo-form-inline" style="font-weight:bold;margin-top:15px" size="small">
                    <el-form-item label="意外险类型：" style="margin-right:30px;">
                      <el-select
                        clearable
                        v-model="accidentFormHN.accidentType"
                        placeholder="未选择"
                        @clear="clearAccidentFormHN"
                        @change="huanongInsuranceChange"
                      >
                      <el-option
                          v-for="(item, index) in huanongInsuranceData"
                          :key="index"
                          :label="item.planName"
                          :value="item.planCode"
                        ></el-option>
                    </el-select>
                    </el-form-item>
                    <el-form-item label="选择份数" style="margin-right:30px;">
                      <el-input-number
                        v-model="accidentFormHN.allQuantity"
                        :min="1"
                        controls-position="right"
                      ></el-input-number>
                    <!-- <span style="margin-left: 5px;">份</span> -->
                    </el-form-item>
                  </el-form>
                  <el-table
                    v-if="accidentFormHN.accidentType"
                    size="small"
                    :data="HNInsuranceData"
                    border
                    ref="expandTable"
                    highlight-current-row
                    :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                  >
                    <el-table-column prop="dutyName" label="保险责任" align="center"></el-table-column>
                    <el-table-column prop="unitAmount" label="保额" align="center">
                      <template slot-scope="scope">
                        <el-input v-model="scope.row.unitAmount" placeholder="请输入内容" size="small" disabled></el-input>
                      </template>
                    </el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '太平财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin-top:15px">
                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                  <el-select
                    style="width: 250px;"
                    filterable
                    size="small"
                    clearable
                    v-model="insuranceTP"
                    placeholder="未选择"
                    @clear="clearAccidentFormTP"
                    @change="taipingInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in taipingInsuranceData"
                      :key="index"
                      :label="item.rationName"
                      :value="item.rationType"
                    ></el-option>
                  </el-select>
                </div>
                <el-table
                  size="small"
                  :data="TPInsuranceData"
                  border
                  v-if="insuranceTP"
                  ref="RsTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="rationName" label="投保产品" align="center"></el-table-column>
                  <el-table-column label="投保份数" align="center"  prop="quantity">
                    <template >
                      <span>1</span>
                    </template>
                  </el-table-column>
                  <el-table-column prop="price" label="每份价税合计" align="center"></el-table-column>
                  <el-table-column prop="endSeatNum" label="最大座位数" align="center"></el-table-column>

                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '安盛天平' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin-top:15px">
                  <span style="margin-right:15px;font-weight:bold;">意外险类型</span>
                  <el-select
                    style="width: 250px;"
                    size="small"
                    clearable
                    v-model="anshengInsurancetype"
                    placeholder="未选择"
                    @clear="clearAccidentFormAS"
                    @change="anshengInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in anshengInsuranceData"
                      :key="index"
                      :label="item.planCode +  '   '+item.planChineseName"
                      :value="item.planCode"
                    ></el-option>
                  </el-select>
                </div>
                <el-table
                  size="small"
                  :data="anshengInsuranceData1"
                  border
                  v-if="anshengInsurancetype"
                  ref="RsTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column align="center" width="55" label="选择">
                    <template slot-scope="scope">
                      <el-radio
                        class="radio"
                        v-model="AStemplateSelection"
                        :label="scope.row.productCode"
                        @click.native.stop.prevent="ASDrivingRadio(scope.row)"
                      >&nbsp;</el-radio>
                    </template>
                  </el-table-column>
                  <el-table-column prop="productName" label="方案名称" align="center"></el-table-column>
                  <el-table-column prop="productCode" label="方案代码" align="center"></el-table-column>
                  <el-table-column label="份数" align="center">
                    <template slot-scope="scope">
                      <span>{{scope.row.quantity}}</span>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '中国人寿' && reslistitem.checked && reslistitem.agreementId"
            >
            <div style="margin:15px 0 15px 100px">
                <span>商业险折扣：</span>
                <el-input style="width:220px" :disabled="!lastCompanyId" size="small" v-model="reslistitem.discount" placeholder="请输入内容" @input="reslistitem.discount= reslistitem.discount.replace(/[^\d.]/g, '')"></el-input>
              </div>
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" >
                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                  <el-select
                    style="width: 250px;"
                    filterable
                    size="small"
                    clearable
                    v-model="insuranceRS"
                    placeholder="未选择"
                    @clear="clearAccidentFormRS"
                    @change="renshouInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in renshouInsuranceData"
                      :key="index"
                      :label="item.productName"
                      :value="item.id"
                    ></el-option>
                  </el-select>
                </div>
                <el-table
                  size="small"
                  :data="RSInsuranceData"
                  border
                  v-if="insuranceRS"
                  @row-click="RSDrivingChange"
                  ref="RsTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="productName" label="方案名称" align="center"></el-table-column>
                  <el-table-column prop="totalPremium" label="保费 (元)起" align="center">
                    <template slot-scope="scope">
                      <span>￥{{scope.row.totalPremium}}</span>
                    </template>
                  </el-table-column>
                  <el-table-column label="份数" align="center">
                    <template slot-scope="scope">
                      <span>{{scope.row.quantity}}</span>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '众安财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin-top:15px">
                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                  <el-select
                    style="width: 250px;"
                    filterable
                    size="small"
                    clearable
                    v-model="insuranceZA"
                    placeholder="未选择"
                    @clear="clearAccidentFormZA"
                    @change="zhonganInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in zhonganInsuranceData"
                      :key="index"
                      :label="item.name"
                      :value="item.combination"
                    ></el-option>
                  </el-select>
                </div>
                <el-table
                  size="small"
                  :data="ZRInsuranceData"
                  border
                  v-if="insuranceZA"
                  @row-click="ZADrivingChange"
                  ref="RsTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="name" label="方案名称" align="center"></el-table-column>
                  <el-table-column label="份数" align="center">
                    <template slot-scope="scope">
                      <span>{{scope.row.quantity}}</span>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '紫金财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div style="margin:15px 0 15px 100px">
                <span  >自主定价系数：</span>
                <el-input style="width:220px" size="small" v-model="reslistitem.coefficient" placeholder="请输入内容"></el-input>
              </div>
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin-bottom:15px">
                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                  <el-select
                    style="width: 250px;"
                    filterable
                    multiple
                    size="small"
                    clearable
                    v-model="insuranceZJ"
                    placeholder="未选择"
                    @clear="clearAccidentFormZJ"
                    @change="zijinInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in ziJinInsuranceData"
                      :key="index"
                      :label="item.projectName"
                      :value="item.projectCode"
                    ></el-option>
                  </el-select>
                </div>
                <el-table
                  size="small"
                  :data="ZJInsuranceData"
                  border
                  v-if="insuranceZJ"
                  @select="CheckboxChange"
                  filterable
                  ref="expandTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column type="selection" width="55"></el-table-column>
                  <el-table-column prop="projectName" label="方案名称" align="center"></el-table-column>
                  <el-table-column prop="sumAmount" label="总保额 (元)/每份" align="center"></el-table-column>
                  <el-table-column prop="sumPremium" label="保费 (元)/每份" align="center">
                    <template slot-scope="scope">
                      <span>￥{{scope.row.sumPremium}}</span>
                    </template></el-table-column>
                  <el-table-column prop="quantity" label="份数" align="center">
                    <template slot-scope="scope">
                      <el-input-number
                        v-model="scope.row.quantity"
                        :min="1"
                        :max="scope.row.maxQuantity"
                        size="small"
                        controls-position="right"
                      ></el-input-number>
                    </template>
                  </el-table-column>
                  <el-table-column prop="Totalprice" label="总保费 (元)" align="center">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.quantity"
                      >{{ scope.row.sumPremium * scope.row.quantity }}</span>
                      <span v-else>{{ scope.row.sumPremium }}</span>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '永诚财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk">
                <el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small" style="font-weight:bold;margin-top:15px">
                  <el-form-item label="意外险类型" style="margin-right:30px;">
                    <el-select
                      clearable
                      v-model="accidentForm.accidentType"
                      placeholder="未选择"
                      @clear="clearAccidentForm"
                      @change="ywxxxchange"
                    >
                      <el-option
                        v-for="(item, index) in accidentDataList"
                        :key="index"
                        :label="item.name"
                        :value="item.code"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right:50px;">
                    <el-input-number
                      v-model="accidentForm.fen"
                      @change="numberCopieschange"
                      :min="1"
                      controls-position="right"
                    ></el-input-number>
                    <!-- <span style="margin-left: 5px;">份</span> -->
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{accidentForm.premium}}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table
                  v-if="accidentForm.accidentType"
                  size="small"
                  :data="accidenttableData"
                  border
                  ref="expandTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="name" label="保险责任" align="center"></el-table-column>
                  <el-table-column prop="seatSum" label="每座保额 (元)/每份" align="center"></el-table-column>
                  <el-table-column prop="carSum" label="每车保额 (元)/每份" align="center"></el-table-column>
                  <el-table-column prop="premium" label="责任保费 (元)/每份" align="center"></el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '国任财险' && reslistitem.checked && reslistitem.agreementId"
            >
            <!-- <div style="margin:10px 0 0 100px;">
             <span style="margin-right:20px"> {{reslistitem.underwritingDescription}}</span> -->
            <el-button
                type="text"
                @click="contributingGuoRen(reslistitem.agreementId)"
              >选择特约</el-button>
            <!-- </div> -->
              <div class="flex f-c Driving-risk" >
                <el-form
                  :inline="true"
                  :model="guoRenaccidentForm"
                  class="demo-form-inline"
                  size="small"
                >
                  <el-form-item label="意外险类型" style="margin-right:30px;">
                    <el-select
                      clearable
                      placeholder="未选择"
                      @clear="clearAccidentFormGr"
                      @change="grcxchange"
                      v-model="guoRenaccidentForm.goodsCode"
                    >
                      <el-option
                        v-for="(item, index) in guoRenaccidentDataList"
                        :key="index"
                        :label="item.goodDesc"
                        :value="item.goodId"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label=" ">
                    <el-select
                      clearable
                      v-model="guoRenaccidentForm.prodCode"
                      v-loading="accidentLoading"
                      @change="grcxchangeChild"
                    >
                      <el-option
                        v-for="(item, index) in guoRenaccidentDataListChild"
                        :key="item.prodCode"
                        :label="item.prodCName"
                        :value="item.prodCode"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right:30px;">
                    <el-input-number
                      v-model="guoRenaccidentForm.quantity"
                      :min="1"
                      controls-position="right"
                      @change="numberCopieschangeGR"
                    ></el-input-number>
                    <!-- <span style="margin-left: 5px;">份</span> -->
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{guoRenaccidentForm.premium}}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table
                  v-if="guoRenaccidentForm.prodCode"
                  size="small"
                  :data="guoRenaccidenttableData"
                  border
                  ref="expandTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="liabName" label="保险责任" align="center"></el-table-column>
                  <el-table-column prop="liabAmount" label="保额 (元)" align="center"></el-table-column>
                  <el-table-column prop="liabPremium" label="保费 (元)" align="center">
                    <template slot-scope="scope" >
                      ￥{{scope.row.liabPremium }}
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '中煤财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk accident-style zmDriving">
                  <el-form :inline="true" :model="accidentFormZM" class="demo-form-inline" size="small" style="font-weight:bold;margin-top:15px">
                  <el-form-item label="意外险类型" style="margin-right:30px;">
                    <el-select
                    style="width: 250px;"
                    size="small"
                    clearable
                    v-model="zhongmeiInsurancetype"
                    placeholder="未选择"
                    @clear="numberCopieschangeZM"
                    @change="zhongmeiInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in zhongmeiInsuranceData"
                      :key="index"
                      :label="item.rideRiskName"
                      :value="item.rideRiskCode"
                    ></el-option>
                  </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right:30px;">
                    <el-input-number
                      v-model="accidentFormZM.quantity"
                      @change="numberCopieschangeZM"
                      :min="1"
                      controls-position="right"
                      :max="accidentFormZM.maxQuantity"
                    ></el-input-number>
                    <!-- <span style="margin-left: 5px;">份</span> -->
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{accidentFormZM.unitPremium}}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table
                  size="small"
                  :data="zhongmeiInsuranceDataDetail"
                  border
                  ref="ZmMultipleTable"
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="insurName" label="保险责任名称" align="center"></el-table-column>
                  <el-table-column prop="amountName" label="保险责任对应保额" align="center"></el-table-column>
                  <!-- <el-table-column label="份数" align="center">
                    <template slot-scope="scope">
                      <div @click.stop>
                        <el-input-number
                          v-model="scope.row.quantity"
                          @change="ZMhandleChange"
                          :min="1"
                          :max="Number(scope.row.insuredNumLimit)"
                          controls-position="right"
                        ></el-input-number>
                      </div>
                    </template>
                  </el-table-column> -->
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '大家财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin-top:15px">
                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                  <el-select
                    style="width: 250px;"
                    filterable
                    size="small"
                    clearable
                    v-model="insuranceDJ"
                    placeholder="未选择"
                    @clear="clearAccidentFormDJ"
                    @change="dajiaInsuranceChange"
                  >
                    <el-option
                      v-for="(item, index) in dajiaInsuranceData"
                      :key="index"
                      :label="item.productName"
                      :value="item.id"
                    ></el-option>
                  </el-select>
                </div>
                <el-table
                  size="small"
                  :data="DJInsuranceData"
                  border
                  v-if="insuranceDJ"
                  @row-click="DJDrivingChange"
                  ref="RsTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="cvrgName" label="保险责任名称" align="center"></el-table-column>
                  <el-table-column prop="cvrgPrm" label="保费 (元)/每份" align="center">
                    <template slot-scope="scope" >
                      ￥{{scope.row.cvrgPrm }}
                    </template></el-table-column>
                </el-table>
              </div>
            </template>
            <template
              v-if="reslistitem.namesimple == '渤海财险' && reslistitem.checked && reslistitem.agreementId"
            >
              <div class="flex f-c Driving-risk" style="margin-top:15px">
                <el-form
                  :inline="true"
                  :model="boHaiaccidentForm"
                  class="demo-form-inline"
                  size="small"
                >
                  <el-form-item label="意外险类型" style="margin-right:30px;">
                    <el-select
                      clearable
                      placeholder="未选择"
                      @clear="clearAccidentFormBh"
                      @change="bhcxchange"
                      v-model="boHaiaccidentForm.packageCode"
                    >
                      <el-option
                        v-for="(item, index) in boHaiaccidentDataList"
                        :key="index"
                        :label="item.packageName"
                        :value="item.packageCode"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right:30px;">
                    <el-input-number
                      v-model="boHaiaccidentForm.copies"
                      :min="1"
                      controls-position="right"
                    ></el-input-number>
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{boHaiaccidentForm.premium*boHaiaccidentForm.copies}}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table
                  v-if="boHaiaccidentForm.packageCode"
                  size="small"
                  :data="boHaiaccidenttableData"
                  border
                  v-loading="accidentLoadingbh"
                  ref="expandTable"
                  highlight-current-row
                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                >
                  <el-table-column prop="coverageName" label="保险责任名称" align="center"></el-table-column>
                  <el-table-column prop="insuredAmount" label="保额 (元)" align="center">
                    <template slot-scope="scope" >
                      ￥{{scope.row.insuredAmount }}
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
          </div>
        </div>
      </div>
    </div>
    <div class="Enclosure flex f-c">
      <div class="home flex j-s a-c back">
        <div class="flex j-s a-c color">
          <img src="../../../src/icon/报价历史.png" alt class="icon-img" />
          <span style="margin-left:10px;">报价历史</span>
          <div  v-if="orderno">
            <el-radio-group
            v-model="historyRadio"
            style="margin-left:30px;"
            @input="RadioHistoryChange"
            v-for="item in insOrderStatusoptions" :key="item.dictValue"
          >
            <el-radio :label="item.dictValue">{{item.dictTag}}</el-radio>
          </el-radio-group>
          </div>

        </div>
      </div>
      <div style="padding:20px;">
        <el-table
          size="small"
          :data="HistoryList"
          height="250"
          border
          style="width: 100%"
          v-loading="loading"
          :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
          highlight-current-row
        >
          <el-table-column prop="inscompany" label="保险公司" align="center"></el-table-column>
          <el-table-column prop="username" label="业务员" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.userName}}({{scope.row.userId}})</span>
            </template>
          </el-table-column>
          <el-table-column prop="licenseno" label="车牌号" align="center"></el-table-column>
          <el-table-column prop="createtime" label="报价时间" align="center"></el-table-column>
          <el-table-column prop="jqpremium" label="交强险" align="center"></el-table-column>
          <el-table-column prop="sypremium" label="商业险" align="center"></el-table-column>
          <el-table-column prop="taxamount" label="车船税" align="center"></el-table-column>
          <el-table-column prop="sumpremium" label="总保费" align="center"></el-table-column>
          <el-table-column prop="orderstatus" label="状态" align="center">
            <template slot-scope="scope">
                <el-tag  style="color:#33A08D;border-color:#33A08D;background: rgba(51,160,141,0.1);"  v-if="scope.row.orderstatus=='0'||scope.row.orderstatus=='1'" size="small">{{scope.row.orderstatus | cap}}</el-tag>
                <el-tag type="danger" style="border-color:#E75B5D ;" v-else-if="scope.row.orderstatus=='3'" size="small">{{scope.row.orderstatus | cap}}</el-tag>
                <el-tag v-else  style="color:#2D4D89 ;border-color:#2D4D89 ;background: rgba(45, 77, 137,0.1);"   size="small">{{scope.row.orderstatus | cap}}</el-tag>
            </template>
          </el-table-column>
          <el-table-column label="操作" align="center" min-width="180" fixed="right">
            <template slot-scope="scope">
              <el-button type="text" style="color:#2D4D89 " size="small" @click="qoutedetail(scope.row.id)">查看详情</el-button>
              <el-button
                size="small"
                type="text"
                @click="bjdpreview(scope.row.id)"
              >报价单</el-button>
              <el-button
                size="small"
                v-show="scope.row.orderstatus == '2'"
                type="text"
                @click="Payment(scope.row.id,scope.row)"
              >付款码</el-button>
              <el-button
                size="mini"
                type="text"
                v-if=" ( scope.row.orderstatus == '1'||  scope.row.orderstatus == '2' || scope.row.orderstatus == '4') && ['紫金财险'].includes(scope.row.inscompany)"
                @click="cancelorder(scope.row)"
              >撤单</el-button>
              <el-button
                type="text"
                size="mini"
                style="color:#2D4D89 "
                v-if="scope.row.orderstatus == '2'"
                @click="revokeCode(scope.row.id)"
              >撤销二维码</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <!-- 查看详情 -->
    <detailsDialog ref="detailsDialog" :orderInfo="queryOrders"></detailsDialog>
    <el-dialog title="车型选择" :visible.sync="chexingdialogVisible" width="1300px">
      <el-form :inline="true" class="demo-form-inline" size="small">
        <el-form-item label="厂牌型号">
          <el-input v-model="carInfo.modelcname" placeholder="厂牌型号" style="width:500px;"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="small" @click="toChooseVehicleType(carInfo.modelcname)">查询</el-button>
        </el-form-item>
      </el-form>
      <el-table
        size="small"
        :data="reslist"
        height="690"
        border
        style="width: 100%"
        v-loading="loading"
        :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
        highlight-current-row
        @row-dblclick="reslistCurrentChange"
      >
        <el-table-column prop="modelCode" label="厂牌型号代码" align="center" width="200"></el-table-column>
        <el-table-column prop="modelName" label="厂牌型号" align="center" width="300"></el-table-column>
        <el-table-column prop="replacementValue" label="新车购置价" align="center" width="100"></el-table-column>
        <el-table-column prop="marketYear" label="年款" align="center" width="100"></el-table-column>
        <el-table-column prop="ratedPassengerCapacity" label="座位数" align="center" width="80"></el-table-column>
        <el-table-column prop="displacement" label="排量" align="center" width="100"></el-table-column>
        <el-table-column prop="remark" label="配置" align="center"></el-table-column>
      </el-table>
    </el-dialog>
    <el-dialog title="车辆识别代码" :visible.sync="sbdmdialogVisible" width="1300px">
      <el-form :inline="true" class="demo-form-inline" size="small">
        <el-form-item label="车辆识别代码">
          <el-input v-model="carInfo.frameNo" placeholder="车辆识别代码" style="width:500px;"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="small" @click="toChooseVin(carInfo.frameNo)">查询</el-button>
        </el-form-item>
      </el-form>
      <el-table
        size="small"
        :data="reslist"
        height="690"
        border
        style="width: 100%"
        v-loading="loading"
        :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
        highlight-current-row
        @row-dblclick="reslistCurrentChange"
      >
        <el-table-column prop="modelCode" label="厂牌型号代码" align="center" width="200"></el-table-column>
        <el-table-column prop="modelName" label="厂牌型号" align="center" width="300"></el-table-column>
        <el-table-column prop="replacementValue" label="新车购置价" align="center" width="100"></el-table-column>
        <el-table-column prop="marketYear" label="年款" align="center" width="100"></el-table-column>
        <el-table-column prop="ratedPassengerCapacity" label="座位数" align="center" width="80"></el-table-column>
        <el-table-column prop="displacement" label="排量" align="center" width="100"></el-table-column>
        <el-table-column prop="remark" label="配置" align="center"></el-table-column>
      </el-table>
    </el-dialog>
    <!--第一种 二维码 -->
    <el-dialog
      :visible.sync="codedialogVisible"
      width="430px"
      top="10vh"
      class="saomazhifucodeClass"
    >
      <div class="ORcodebody">
        <div slot="title" class="dialog-title">
            <span>扫码付款</span>
        </div>
        <div class="ORcode">
          <div style="padding:13px;position: relative;">
            <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt="" style="width:100%">
            <div v-else id="qrcode"  ref="qrcode"></div>
          </div>
        </div>
        <img style="margin-left: -16px" src="../../assets/image/divider.png" alt="">
        <div style="font-size:32px;text-align: center;color:#D42426;margin-top:20px"><span style="font-size:24px;font-weight:bold">￥</span>{{sumpremium}}</div>
        <div class="ORtitle">
          <div>
            <span>保险公司：</span>
            <span>{{ inscompany }}</span>
          </div>
          <div>
            <span>车牌号：</span>
            <span>{{ licenseNo }}</span>
          </div>
          <div>
            <span>投保人：</span>
            <span>{{ applyName }}</span>
          </div>
          <!-- <div>
            <span style="color:#f75c00">总金额：</span>
            <span style="color:#f75c00">{{ sumpremium }}</span>
          </div> -->
          <div v-show="jqpremium">
            <span>交强：</span>
            <span>{{ jqpremium }}</span>
          </div>

          <div v-show="sypremium">
            <span>商业：</span>
            <span>{{ sypremium }}</span>
          </div>
          <div v-show="taxamount">
            <span>车船税：</span>
            <span>{{ taxamount }}</span>
          </div>

          <div v-show="jqstartdate">
            <span>交强险起保日期：</span>
            <span>{{ jqstartdate }}</span>
          </div>
          <div v-show="systartdate">
            <span>商业险起保日期：</span>
            <span>{{ systartdate }}</span>
          </div>
          <div v-if="jypremium">
            <span>非车险：</span>
            <span>{{ jypremium }}</span>
          </div>
        </div>
        <!-- <div class="display">
          <el-button size="small" style="width:100px;" @click="codedialogVisible = false">关闭</el-button>
        </div> -->
      </div>
      <span slot="footer" class="dialog-footer display">
        <el-button size="small" style="width:100px;border-color:#D42426;color:#D42426 " @click="codedialogVisible = false">关闭</el-button>

      </span>
    </el-dialog>
     <!--第二种 二维码 -->
     <el-dialog
      :visible.sync="codedialogVisiblePro"
      width="660px"
      class="proSaomazhifucodeClass"
      top="10vh"
      title="扫码付款"
    >
      <div class="flex j-s" >
       <div class="scan-code">
          <div style="font-weight: bold;">总金额：<span style="color:#2D4D89 ">{{ sumpremium }}</span></div>
          <div>交强险：{{ jqpremium }}</div>
          <div>车船税：{{ taxamount }}</div>
          <div>商业险：{{ sypremium }}</div>
          <div>非车险：{{ jypremium }}</div>
       </div>
        <div >
          <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt="" style="width:100%">
          <div  v-else id="qrcode"  ref="qrcode"></div>
        </div>
        <div class="scan-code">
          <div>保险公司：{{ inscompany }}</div>
          <div>车牌号：{{ licenseNo }}</div>
          <div>投保人：{{ applyName }}</div>
          <div>交强险起保日期：{{ jqstartdate }}</div>
          <div>商业险起保日期：{{ systartdate }}</div>
       </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button  size="small" style="width:100px;background: #EAEDF1;border-color:#EAEDF1;color:#2D4D89 " @click="codedialogVisiblePro = false">关闭</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :visible.sync="uploadcardialogVisible"
      width="960px"
      style="padding:10px 20px;box-sizing: border-box;"
      @open="closeDialog(0)"
    >
    <div slot="title" class="dialog-title">
        <span>行驶证识别</span>
      </div>
      <el-row :gutter="20">
        <div class="bodys1">
          <div>
            <div class="flex a-c">
              <div class="OCR" style="text-align:center;">行驶证主页</div>
              <div style="text-align:center;margin: 20px;" @drop="reportDrop">
                <el-upload
                  drag
                  action="#"
                  :show-file-list="false"
                  :auto-upload="false"
                  :on-change="carfrontChange"
                >
                  <img v-show="carfrontImg" :src="carfrontImg" style="width:100%;height:100%" />
                  <img
                    v-show="!carfrontImg"
                    src="../../../static/carfront.png"
                    style="width:100%;height:100%"
                  />
                  <span class="slot" v-show="carfrontImg" @click.stop>
                    <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(carfrontImg)"></i>
                    <i class="el-icon-delete" @click.stop="handleRemove('carfrontImg')"></i>
                  </span>
                </el-upload>
              </div>
            </div>
            <div class="flex a-c">
              <div class="OCR" style="text-align:center;">行驶证副页</div>
              <div style="text-align:center;margin: 20px;" @drop="reportDrop">
                <el-upload
                  drag
                  action="#"
                  :show-file-list="false"
                  :auto-upload="false"
                  :on-change="carbackChange"
                >
                  <img v-show="carbackImg" :src="carbackImg" style="width:100%;height:100%" />
                  <img
                    v-show="!carbackImg"
                    src="../../../static/carback.png"
                    style="width:100%;height:100%"
                  />
                  <span class="slot" v-show="carbackImg" @click.stop>
                    <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(carbackImg)"></i>
                    <i class="el-icon-delete" @click.stop="handleRemove('carbackImg')"></i>
                  </span>
                </el-upload>
              </div>
            </div>
          </div>
          <div style="text-align:center;">
            <el-form :model="carform" label-width="130px" size="small">
              <el-form-item label="所有人">
                <el-input v-model="carform.carOwner" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="车牌号">
                <el-input v-model="carform.licenseNo" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="车架号">
                <el-input v-model="carform.frameNo" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="品牌型号">
                <el-input v-model="carform.modelcname" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="发动机号">
                <el-input v-model="carform.engineNo" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="总质量">
                <el-input v-model="carform.grossMass" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="整备质量">
                <el-input v-model="carform.unladenMass" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="核定载质量">
                <el-input v-model="carform.limitLoad" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="核定载客数">
                <el-input v-model="carform.approvedPassengersCapacity" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="注册日期">
                <el-input v-model="carform.registerDate" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="发证日期">
                <el-input v-model="carform.issueDate" autocomplete="off"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="CarOCRdiscern()" size="small">识 别</el-button>
        <el-button  type="primary" @click="CarOCRconfirm()" size="small">确 认</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :visible.sync="uploaduserdialogVisible"
      width="960px"
      style="padding:10px 20px;box-sizing: border-box;"
      @open="closeDialog(userIndex)"
    >
    <el-tabs v-model="activeName">
      <el-tab-pane label="身份证识别" name="1">
      <el-row :gutter="20">
        <div class="bodys1">
          <div>
            <div class="flex ">
              <div class="OCR" style="text-align:center;">身份证主页</div>
              <div style="text-align:center;margin: 20px;" @drop="reportDrop">
                <el-upload
                  class="upload-demo"
                  drag
                  action="#"
                  :show-file-list="false"
                  :auto-upload="false"
                  :on-change="userfrontChange"
                >
                  <img v-show="userfrontImg" :src="userfrontImg" style="width:100%;height:100%" />
                  <img
                    v-show="!userfrontImg"
                    src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <span class="slot" v-show="userfrontImg" @click.stop>
                    <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(userfrontImg)"></i>
                    <i class="el-icon-delete" @click.stop="handleRemove('userfrontImg')"></i>
                  </span>
                </el-upload>
              </div>
            </div>
            <div class="flex">
              <div class="OCR" style="text-align:center;">身份证副页</div>
              <div style="text-align:center;margin: 20px;" @drop="reportDrop">
                <el-upload
                  class="upload-demo"
                  drag
                  action="#"
                  :show-file-list="false"
                  :auto-upload="false"
                  :on-change="userbackChange"
                >
                  <img v-show="userbackImg" :src="userbackImg" style="width:100%;height:100%" />
                  <img
                    v-show="!userbackImg"
                    src="../../../static/userback.png"
                    style="width:100%;height:100%"
                  />
                  <span class="slot" v-show="userbackImg" @click.stop>
                    <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(userbackImg)"></i>
                    <i class="el-icon-delete" @click.stop="handleRemove('userbackImg')"></i>
                  </span>
                </el-upload>
              </div>
            </div>
          </div>
          <div style="text-align:center;">
            <el-form :model="ownerInfoform" label-width="130px" size="small">
              <el-form-item label="姓名">
                <el-input v-model="ownerInfoform.name" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="性别">
                <el-input v-model="ownerInfoform.gender" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="证件类型">
                <el-input v-model="ownerInfoform.identifyType" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="证件号码">
                <el-input v-model="ownerInfoform.identifyNumber" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="车主手机号">
                <el-input v-model="ownerInfoform.mobile" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="地址">
                <el-input v-model="ownerInfoform.addr" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="有效期起期">
                <el-input disabled v-model="ownerInfoform.identifyValidDate" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="有效期止期">
                <el-input disabled v-model="ownerInfoform.identifyValidEndDate" autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="电子邮箱">
                <el-input v-model="ownerInfoform.email" autocomplete="off"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-row>
    </el-tab-pane>
      <el-tab-pane label="营业执照" name="2">
        <el-row :gutter="20">
        <div class="bodys1">
          <div>
            <div class="flex ">
              <div class="OCR" style="text-align:center;">营业执照</div>
              <div style="text-align:center;margin: 20px;" @drop="reportDrop">
                <el-upload
                  class="upload-demo"
                  drag
                  action="#"
                  :show-file-list="false"
                  :auto-upload="false"
                  :on-change="userfrontChange"
                >
                  <img v-show="businessImg" :src="businessImg" style="width:100%;height:100%" />
                  <img
                    v-show="!businessImg"
                    src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <span class="slot" v-show="businessImg" @click.stop>
                    <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(businessImg)"></i>
                    <i class="el-icon-delete" @click.stop="handleRemove('businessImg')"></i>
                  </span>
                </el-upload>
              </div>
            </div>
          </div>
          <div style="text-align:center;">
            <el-form :model="ownerInfoform" label-width="130px" size="small">
              <el-form-item label="单位名称">
                <el-input  autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="法人">
                <el-input  autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="社会信用代码">
                <el-input  autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="地址">
                <el-input  autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="经营范围">
                <el-input  autocomplete="off"></el-input>
              </el-form-item>
              <el-form-item label="注册资本">
                <el-input  autocomplete="off"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-row>
      </el-tab-pane>
    </el-tabs>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="userOCRdiscern()" size="small">识 别</el-button>
        <el-button type="primary" @click="userOCRconfirm()" size="small">确 认</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="imageUploaddialogVisible" width="1070px" >
      <div slot="title" class=" dialog-title">
        <span>影像上传</span>
      </div>
      <el-row >
        <el-col :span="3" >
          <div class="tab-style" >
            <li class="liMenu"
              :class="idx==tabLiIndex?'tabLi-style':''" @click="tabLiScroll(item.scroll,idx)" v-for="(item,idx) in tabLimenu"
              :key="idx">{{item.name}}
            </li>
          </div>
        </el-col>
        <el-col :span="21"  style="height:320px;overflow-y: auto;"  >

          <div class="flex" id="vehicle">
            <div class="aaa">
              <span>1.行驶证主页</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList1', 'imgList1', 'C01')"
                  :file-list="imgList1"
                  ref="upload1"
                  :class="{ styleB: imgList1.length == 1 }"
                >
                  <img
                    v-show="imgList1.length == 0"
                    src="../../../static/carfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}" v-if="imgList1.length>0">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList1', 'imgList1')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
            <div class="aaa">
              <span>2.行驶证副页</span>
              <el-upload
                    action="#"
                    list-type="picture-card"
                    :auto-upload="false"
                    :limit="1"
                    drag
                    :on-change="file => drivingupload(file, 'imageList1', 'imgList2', 'D01')"
                    :file-list="imgList2"
                    ref="upload2"
                    :class="{ styleB: imgList2.length === 1 }"
                  >
                    <img
                      v-show="imgList2.length == 0"
                      src="../../../static/carback.png"
                      style="width:100%;height:100%"
                    />
                    <div slot="file" slot-scope="{file}">
                      <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                      <span class="el-upload-list__item-actions">
                        <span
                          class="el-upload-list__item-delete"
                          @click="handleRemove1(file, 'imageList1', 'imgList2')"
                        >
                          <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                          <i class="el-icon-delete"></i>
                        </span>
                      </span>
                    </div>
                  </el-upload>
            </div>
            <div class="aaa">
              <span>1.新车合格证</span>
              <el-upload
                    action="#"
                    list-type="picture-card"
                    :auto-upload="false"
                    :limit="1"
                    drag
                    :on-change="file => drivingupload(file, 'imageList5', 'imgList9', 'XC00')"
                    :file-list="imgList9"
                    multiple
                    ref="upload3"
                    :class="{ styleB: imgList9.length === 1 }"
                  >
                    <img
                      v-show="imgList9.length == 0"
                      src="../../../static/userfront.png"
                      style="width:100%;height:100%"
                    />
                    <div slot="file" slot-scope="{file}">
                      <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                      <span class="el-upload-list__item-actions">
                        <span
                          class="el-upload-list__item-delete"
                          @click="handleRemove1(file, 'imageList5', 'imgList9')"
                        >
                          <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                          <i class="el-icon-delete"></i>
                        </span>
                      </span>
                    </div>
                  </el-upload>
            </div>
            <div class="aaa">
              <span>2.购车发票</span>
              <el-upload
                action="#"
                list-type="picture-card"
                :auto-upload="false"
                :limit="1"
                drag
                :on-change="file => drivingupload(file, 'imageList5', 'imgList10', 'GC00')"
                :file-list="imgList10"
                multiple
                ref="upload4"
                :class="{ styleB: imgList10.length === 1 }"
              >
                <img
                  v-show="imgList10.length == 0"
                  src="../../../static/userfront.png"
                  style="width:100%;height:100%"
                />
                <div slot="file" slot-scope="{file}">
                  <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                  <span class="el-upload-list__item-actions">
                    <span
                      class="el-upload-list__item-delete"
                      @click="handleRemove1(file, 'imageList5', 'imgList10')"
                    >
                      <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                      <i class="el-icon-delete"></i>
                    </span>
                  </span>
                </div>
              </el-upload>
            </div>
          </div>
        <div class="flex" id="owner"  >
          <div class="aaa">
              <span>1.车主身份证（正面）</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList2', 'imgList3', 'C02')"
                  :file-list="imgList3"
                  multiple
                  ref="upload3"
                  :class="{ styleB: imgList3.length === 1 }"
                >
                  <img
                    v-show="imgList3.length == 0"
                    src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList2', 'imgList3')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
            <div class="aaa">
              <span>2.车主身份证（反面）</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList2', 'imgList4', 'D02')"
                  :file-list="imgList4"
                  multiple
                  ref="upload4"
                  :class="{ styleB: imgList4.length === 1 }"
                >
                  <img
                    v-show="imgList4.length == 0"
                    src="../../../static/userback.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList2', 'imgList4')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
            <div class="aaa">
              <span>3.营业执照</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  multiple
                  ref="upload4"
                >
                  <img
                  src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList2', 'imgList4')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
        </div>
        <div class="flex" id="applicant" >
          <div class="aaa">
              <span>1.投保人身份证（正面）</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList3', 'imgList5', 'C03')"
                  :file-list="imgList5"
                  multiple
                  ref="upload5"
                  :class="{ styleB: imgList5.length === 1 }"
                >
                  <img
                    v-show="imgList5.length == 0"
                    src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList3', 'imgList5')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
            <div class="aaa">
              <span>2.投保人身份证（反面）</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList3', 'imgList6', 'D03')"
                  :file-list="imgList6"
                  multiple
                  ref="upload6"
                  :class="{ styleB: imgList6.length === 1 }"
                >
                  <img
                    v-show="imgList6.length == 0"
                    src="../../../static/userback.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList3', 'imgList6')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
            <div class="aaa">
              <span>3.营业执照</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  multiple
                  ref="upload4"
                >
                  <img
                  src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList2', 'imgList4')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
        </div>
        <div class="flex"  >
          <div class="aaa">
              <span  id="insured">1.被保人身份证（正面）</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList4', 'imgList7', 'C04')"
                  :file-list="imgList7"
                  multiple
                  ref="upload7"
                  :class="{ styleB: imgList7.length === 1 }"
                >
                  <img
                    v-show="imgList7.length == 0"
                    src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList4', 'imgList7')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
            <div class="aaa">
              <span>2.被保人身份证（反面）</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList4', 'imgList8', 'D04')"
                  :file-list="imgList8"
                  multiple
                  ref="upload8"
                  :class="{ styleB: imgList8.length === 1 }"
                >
                  <img
                    v-show="imgList8.length == 0"
                    src="../../../static/userback.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList4', 'imgList8')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
            <div class="aaa">
              <span>3.营业执照</span>
              <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  multiple
                  ref="upload4"
                >
                  <img
                    src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList2', 'imgList4')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
            </div>
        </div>
        <div class="flex" id="relationship">
          <div class="aaa">
            <span>1.关系证明</span>
            <el-upload
                  action="#"
                  list-type="picture-card"
                  :auto-upload="false"
                  :limit="1"
                  drag
                  :on-change="file => drivingupload(file, 'imageList5', 'imgList11', 'GX00')"
                  :file-list="imgList11"
                  multiple
                  ref="upload3"
                  :class="{ styleB: imgList11.length === 1 }"
                >
                  <img
                    v-show="imgList11.length == 0"
                    src="../../../static/userfront.png"
                    style="width:100%;height:100%"
                  />
                  <div slot="file" slot-scope="{file}">
                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
                    <span class="el-upload-list__item-actions">
                      <span
                        class="el-upload-list__item-delete"
                        @click="handleRemove1(file, 'imageList5', 'imgList11')"
                      >
                        <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
                        <i class="el-icon-delete"></i>
                      </span>
                    </span>
                  </div>
                </el-upload>
          </div>
        </div>
        </el-col>
      </el-row>

      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="imageUploaddialogVisible = false">取 消</el-button>
        <el-button size="small" type="primary" @click="uploadinformation">上传资料</el-button>
      </span>

    </el-dialog>
    <div class="flex j-c a-c" :class="{
      'footer': true,
      'shadow': !isBottom
    }">
      <el-button size="small" @click="add()">录下一单</el-button>
      <el-button type="primary" :loading="calculateLoading" size="small" @click="quote()">保费计算</el-button>
    </div>
    <div class="Anchor-link flex f-c j-s a-c">
      <div>
        <img src="../../../src/icon/车辆信息.png" alt class="icon-img" @click="handleScroll('Car')" />
      </div>
      <div>
        <img
          src="../../../src/icon/投保信息.png"
          alt
          class="icon-img"
          @click="handleScroll('insurance')"
        />
      </div>
      <div>
        <img src="../../../src/icon/险别选择.png" alt class="icon-img" @click="handleScroll('more')" />
      </div>
      <div>
        <img
          src="../../../src/icon/保险公司.png"
          alt
          class="icon-img"
          @click="handleScroll('company')"
        />
      </div>
    </div>
    <el-dialog title="核保信息" :visible.sync="underwritingdialogVisible" width="30%">
      <div class="flex j-s f-c">
        <div
          style="font-size: 18px;color: #D42426;font-weight:700;padding: 10px 30px;"
          v-if="orderstatus == '2'"
        >订单状态：已核保待缴费</div>
      </div>
      <span slot="footer" class="dialog-footer" v-if="orderstatus == '2'">
        <el-button
          style="width: 100px;"
          type="primary"
          size="small"
          @click="Payment(companyId,queryOrders.inscompany)"
        >缴费二维码</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="转保确认码"
      :visible.sync="renewalCodedialogVisible"
      width="400px"
      style="font-weight: bold"
    >
      <div class="flex a-c u-f-sa" v-if="renewalCodeJqImg">
        <span>交强转保确认码</span>
        <div class="flex a-c f-c">
          <img :src="renewalCodeJqImg" alt style="width: 150px; height: 40px; margin-bottom: 5px" />
          <el-input v-model="renewalCodeJq" placeholder="请输入确认码" style="width: 150px"></el-input>
        </div>
      </div>
      <div class="flex a-c u-f-sa" v-if="renewalCodeSyImg">
        <span>商业转保确认码</span>
        <div class="flex a-c f-c">
          <img :src="renewalCodeSyImg" alt style="width: 150px; height: 40px; margin-bottom: 5px" />
          <el-input v-model="renewalCodeSy" placeholder="请输入确认码" style="width: 150px"></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="renewalCodedialogVisible = false">取 消</el-button>
        <el-button size="small" type="primary" @click="renewalCodeconfirm">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="contributingState?'选择特约':'提交核保'"
      :visible.sync="hbsubmitdialogVisible"
      width="1200px"
    >
      <div style="margin-bottom: 20px;font-weight: bold;">特约选择</div>
      <el-table
        size="small"
        :data="zijinengageListData"
        border
        v-loading="contributingLoading"
        @select="zijinengageChange"
        @select-all="zijinengageChangeAll"
        ref="expandTablePro"
        highlight-current-row
        @cell-dblclick="zijincellDblclick"
        :cell-class-name="tableCellClassName"
        :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
      >
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column prop="clauseCode" :width="80" label="特约代码" align="center"></el-table-column>
        <el-table-column
          v-if="contributingState"
          :width="100"
          prop="riskName"
          label="特约险种"
          align="center"
        ></el-table-column>
        <el-table-column prop="clauseName" label="特约名称" align="center"></el-table-column>
        <el-table-column prop="clauseContent" label="特约内容">
          <template slot-scope="scope">
            <el-input
              @blur="hideInput"
              size="small"
              type="textarea"
              :ref="scope.row.index + ',' + scope.column.index"
              v-model="scope.row.clauseContent"
              v-if="scope.row.index + ',' + scope.column.index == currentCell && scope.row.modifyFlag=='1'"
            ></el-input>
            <span v-else>{{scope.row.clauseContent}}</span>
          </template>
        </el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="hbsubmitdialogVisible = false">取 消</el-button>
        <el-button
          v-if="contributingState"
          size="small"
          type="primary"
          @click="hbsubmitdialogVisible=false"
        >确定</el-button>
        <el-button v-else size="small" type="primary" @click="hbsubmit">提交核保</el-button>
      </span>
    </el-dialog>
      <!-- 报价单 -->
      <quotationDialog ref="quotationDialog" :queryOrders="queryOrders"></quotationDialog>
      <quotationDialogPro ref="quotationDialogPro" :queryOrders="queryOrders"></quotationDialogPro>
    <el-image-viewer
      v-if="showViewer"
      :on-close="closeViewer"
      :z-index="9999"
      :url-list="[ProViewImg]"
    />
    <el-dialog
      :visible.sync="redictInfodialogVisible"
      width="70%"
    >
    <el-table
      :data="redictInfoMsg"
      style="width: 100%">
      <el-table-column
        prop="description"
        label="审核意见">
      </el-table-column>
      <el-table-column
        prop="opinion"
        label="备注">
      </el-table-column>
    </el-table>
  </el-dialog>
  </div>
</template>
<script>
let _self;
import QRCode from "qrcodejs2";
import Cookies from "js-cookie";
import CommonUtil from "@/utils/comutil.js";
import { getAgeByIdCard, searchkey, addressCode, getGenderByIdCard } from "@/utils/validate.js";
import citydata from "@/assets/js/citydata.js";
// import  yongchengData from '../../assets/js/yongchengData';
import { regionData, codeToText } from "element-china-area-data";
import {
  base64ToPath
} from '@/common/image-tools-base64.js';
import quotationDialog from './components/quotationDialog.vue'
import quotationDialogPro from './components/quotationDialogPro.vue'
import detailsDialog from './components/detailsDialog.vue'

export default {
  inject: ["reload"],
  name: "qrCode",
  data() {
    var checkpurchasePrice = (rule, value, callback) => {
      if (!value) {
        callback(new Error("新车购置价不能为空"));
      } else if (value == 0) {
        callback(new Error("新车购置价不能为零"));
      } else {
        callback();
      }
    };
    var checkframeNo = (rule, value, callback) => {
      if (value.length < 17) {
        callback(new Error("车架号不足17位"));
      } else if (
        value.indexOf("I") != "-1" ||
        value.indexOf("O") != "-1" ||
        value.indexOf("Q") != "-1"
      ) {
        callback(new Error("车架号不能包含（I O Q）三个字母"));
      } else {
        callback();
      }
    };
    var carPhoneValid = (rule, value, callback) => {
       const plateNumber = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1})$/
       if (!value) {
        callback(new Error("请输入车牌号"));
      }
       else if (plateNumber.test(value)) {
           callback()
       } else {
           callback(new Error('请输入正确的车牌号'))
       }

    }
    return {
      redictInfoMsg:[],
      redictInfodialogVisible:false,
      qrcodeWidth:'180',
      qrcodeHeight:'180',
      activeName:'1',
      isTaxSourceModel:'',
      tabLiIndex:0,
      tabLimenu:[
        {
          name:'车辆信息',
          scroll:'vehicle'
        },{
          name:'车主信息',
          scroll:'owner'
        },{
          name:'投保人信息',
          scroll:'applicant'
        },{
          name:'被保人信息',
          scroll:'insured'
        },{
          name:'关系证明',
          scroll:'relationship'
        },
      ],
      packageValue:'',
      packageOptions:[],
      zhongmeiInsurancetype:"",//中煤驾意险产品选中值
      zhongmeiInsuranceData:[],//中煤驾意险产品列表数据
      zhongmeiInsuranceDataDetail:[],//中煤驾意险产品明细方案数据
      zhongmeiaccidentalDrivingVo:{},//中煤驾意险最终选中字段
      currentCell:null,
      feeDetailInfo:[],//费用明细信息
      immediatelyValue:false,
      isRetractZJ:false,
      isRetractHB:false,
      isRetractZM:false,
      isRetractASTP:false,
      isRetractZA:false,
      isRetractYC:false,
      isRetractRS:false,
      templateSelection:"",
      AStemplateSelection:"",
      iscCrownerShow:false,
      isApplicantShow:false,
      isInsuredShow:false,
      formInline: {},
      anshengInsurancetype:"",//安盛
      anshengInsuranceData:[],//安盛驾意险
      anshengInsuranceData1:[],//安盛驾意险
      anshengaccidentalDrivingVo:{},//安盛驾意险
      insuranceHB:'',//恒邦
      hengbangInsuranceData:[],//恒邦驾意险
      HBInsuranceData:[],
      hengbangaccidentalDrivingVo:{},//恒邦驾意险
      insuranceHN:'',//华农
      huanongInsuranceData:[],//华农驾意险
      HNInsuranceData:[],
      huanongaccidentalDrivingVo:{},//华农驾意险

      renshouaccidentalDrivingVo:{},//人寿意外险
      renshouInsuranceData: [],//-人寿意外险list
      ziJinInsuranceData: [],//-紫金意外险list
      zhonganInsuranceData:[],//众安驾意险
      zhonganaccidentalDrivingVo:{},//众安驾意险
      ZJInsuranceData:[],
      insuranceZJ:'',
      accidentalDrivingVo: [],//-紫金意外险传参
      zijinengageListData: [],//紫金特约
      zijinengageList: [],//紫金特约
      // ------------紫金意外险
      insuranceRS:'', //人寿
      RSInsuranceData:[],
      insuranceZA:'', //众安
      ZRInsuranceData:[],
      insuranceTP:'',//太平
      taipingInsuranceData:[],//太平驾意险
      TPDrivingChangeInsuranceData:[],
      taipingaccidentalDrivingVo:{},//太平驾意险
      licenseplate: true,
      calculateLoading:false,   //保费计算按钮 节流
      accidentForm: {
        fen: "1",
        premium:0
      }, //永诚意外险内容
      accidentFormHN: {
        allQuantity: "1",
      }, //华农意外险内容
      accidentDataList: [], //永诚意外险
      guoRenaccidentDataList: [], //国任意外险
      guoRenaccidenttableData: [],
      guoRenaccidentDataListChild:[],
      insuranceDJ:'',
      dajiaInsuranceData:[], //大家意外险
      DJInsuranceData:[],
      dajiaaccidentalDrivingVo:{},
      accidenttableData: [],
      accidentLoading: false,
      guoRenaccidentLoading: false,
      contributingLoading:false,
      guoRenaccidentPremium:'',
      guoRenaccidentForm: {
        quantity: "1",
        premium:0
      }, //国任意外险内容
      accidentFormZM: {
        quantity: "1",
        unitPremium:0
      }, //中煤意外险内容
      boHaiaccidentDataList:[], //渤海意外险
      boHaiaccidentForm:{
        copies:'1',
        policyNum:0
      },
      accidentLoadingbh:false,
      boHaiaccidenttableData:[],
      accidentPremium: "",
      accidentPremiumGr:'',
      accidentPremiumZM:'',
      contributingState:false, //是否为国任特约
      pickerOptions: {
        disabledDate(time) {
          //若选择的日期小于当前日期（包含今天）
          return time.getTime() > Date.now();
          //若选择的日期大于当前日期（不包含今天）： time.getTime() < Date.now()
          //若选择的日期小于当前日期(不包含今天)： time.getTime() > Date.now() - 8.64e7
          //若选择的日期小于等于当前日期（包含今天）： time.getTime() > Date.now()
        }
      },
      attributionform: {
        //续保查询数据
        configure: [],
        companyId: ""
      },
      continuousAction: [], //续保配置项
      //永诚转保确认码
      cqryCdeJq: "",
      cqryCdeSy: "",
      renewalCodeJq: "", //交强确认码
      renewalCodeSy: "", //商业确认码
      renewalCodeJqImg: "", //交强图片
      renewalCodeSyImg: "", //商业图片
      //-----------------
      showViewer: false,
      transferDateShow: false, //转移登记日期
      yonganchecked: false, //永安驾意险
      renbaochecked: false, //人保驾意险
      zhongmeichecked: false, //中煤驾意险
      hengbangchecked: false, //恒邦驾意险
      yongchengchecked: false, //永诚驾意险
      yonganDrivinglist: [],
      renbaoDrivinglist: [],
      zhongmeiDrivinglist: [],
      hengbangDrivinglist: [],
      yongchengDrivinglist: [],
      tbczcarShow: true, //投保人同车主
      bbczcarShow: false, //被保人同车主
      bbtbcarShow: true, //被保人同投保人
      imageUploadShow: true, //上传影像显示
      ProViewImg: "", //预览图片
      carfrontImg: "", //行驶证正面
      carbackImg: "", //行驶证背面
      userfrontImg: "", //身份证正面
      userbackImg: "", //身份证背面
      businessImg:'',
      CarFrontFile: "", //车正面文件流
      CarBackFile: "", //车背面文件流
      C02File: "",
      D02File: "",
      C03File: "",
      D03File: "",
      C04File: "",
      D04File: "",
      userIndex: 1, //区分三种人员
      TabName: "car", //默认选项卡
      value1: "",
      chexingdialogVisible: false, //车型选择     显示/隐藏
      sbdmdialogVisible: false, //车型车辆识别代码选择     显示/隐藏
      codedialogVisible: false, //二维码     显示/隐藏
      codedialogVisiblePro: false,
      uploadcardialogVisible: false, //行驶证识别     显示/隐藏
      uploaduserdialogVisible: false, //身份证识别     显示/隐藏
      imageUploaddialogVisible: false, //影像上传     显示/隐藏
      underwritingdialogVisible: false, //核保信息   显示/隐藏
      renewalCodedialogVisible: false, //转保确认码输入
      hbsubmitdialogVisible: false,//核保弹框
      Carinsurance: {
        jqinsurance: "1", //交强险
        syinsurance: "1" //商业险
      },
      jqchecked: true,
      sychecked: false,
      jqstartDate: "", //交强时间
      jqendDate: "", //交强时间
      systartDate: "", //商业时间
      syendDate: "", //商业时间
      loading: false, //加载事件
      reslist: [], //车型列表
      userId: "", //出单工号
      carInfo: {
        powerScale: "", ///功率
        licenseNo: "", //车牌号
        brandName: "", //车辆品牌型号
        vinNo: "", //车架号
        engineNo: "", //发动机号
        modelCode: "", //车型编码
        seatCount: null, //核定载客量 核定载人数
        purchasePrice: null, //新车购置价最低，行业实际价值，协商价值
        carBrand: "", //车型品牌
        ciCarName: "", //行业车型名称
        ciModelCode: "", //行业车型编码
        completeKerbMass: "", //整备质量
        exhaustScale: "", //排量
        factory: "", //工厂名称
        factoryid: "", //工厂编码
        frameNo: "", //车架号
        licenseTypeCode: "02", //号牌种类
        vehicleclass: "", //车辆类型
        familyName: "", //车型
        modelcname: "", //车型名称
        powertypecode: "", //燃料类型编码
        vehicleweight: "", //总质量
        limitLoad: "", //核定载质量
        caryear: null, //年款
        cimodelclass: "A0", //车辆种类
        powertype: "汽油", //
        energyType: "0", //能源类型
        enginedesc: "", //排量
        registerDate: "", //注册日期
        issueDate: "", //发证日期
        transferFlag: 0, //过户标志
        transferFlagBi:false, //商业险是否过户
        transferDate: "", //过户日期
        loanStatus: 0, //贷款标志
        firstBeneMan: "", //第一受益人
        noLicenseFlag: false, //是否新车
        cartype: "", //客车A0 货车H0
        carnature: "02", //使用性质
        vehicleUse:'05',
        property: "1" //所属性质 1个人 2企业 3个人
      },
      carform: {
        carOwner: "",//车主
        licenseNo: "", //车牌号
        modelcname: "", //车辆品牌型号
        frameNo: "", //车架号
        engineNo: "", //发动机号
        registerDate: "", //注册日期
        issueDate: "", //发证日期
        grossMass: "", //总质量
        unladenMass: "", //整备质量
        limitLoad: "", //核定载质量
        approvedPassengersCapacity: "" //核定载客数
      },
      ownerInfoform: {
        name: "",
        identifyType: "",
        identifyNumber: "",
        age: "",//年龄
        gender: "",//性别
        addr: "",
        email: "",
        mobile: "",
        identifyValidDate: "", //有效期起期
        identifyValidEndDate: "", //有效期止期
        // province: "",//省
        // city: "",//市
        // county: "",//县
      },
      riskList: [], //险种大类信息
      kindList: [], //商业险险别
      ownerInfo: {
        //车主
        name: "", //姓名
        identifyType: "01", //身份证类型
        identifyNumber: "", //身份证号
        age: "",//年龄
        gender: "",//性别
        addr: "", //地址
        email: "", //邮箱
        mobile: "", //电话
        identifyValidDate: "", //有效期起期
        identifyValidEndDate: "", //有效期止期
        // province: "",//省
        // city: "",//市
        // county: "",//县
        provinceData:[], //省市区
      },
      policyHolderInfo: {
        //投保人
        name: "", //姓名
        identifyType: "01", //身份证类型
        identifyNumber: "", //身份证号
        age: "",//年龄
        gender: "",//性别
        addr: "", //地址
        email: "", //邮箱
        mobile: "", //电话
        identifyValidDate: "", //有效期起期
        identifyValidEndDate: "", //有效期止期
        // province: "",//省
        // city: "",//市
        // county: "",//县
        provinceData:[], //省市区
      },
      insuredPersonInfo: {
        //被保人
        name: "", //姓名
        identifyType: "01", //身份证类型
        identifyNumber: "", //身份证号
        age: "",//年龄
        gender: "",//性别
        addr: "", //地址
        email: "", //邮箱
        mobile: "", //电话
        identifyValidDate: "", //有效期起期
        identifyValidEndDate: "", //有效期止期
        provinceData:[], //省市区
        // province: "",//省
        // city: "",//市
        // county: "",//县
      },
      //车船税form
      vehicleAndVesselTaxForm: {
        taxRelifFlag: "1",//类型
        identifyNumber: "",//纳税人识别号
        taxpayerIdentifier: "01",//纳税人证件类型
        taxpayerName: "",//纳税人名称
        extendChar2: "",//减免税凭证号
        paidFreeCertificate: "",//完税凭证号
        relifReason: "",//减免税原因
        taxComCode: "",//税务机关代码
        taxComName: "",///税务机关名称
        taxDocumentDate: "",//完税日期
        taxPaidAreaCode: "",//完税凭证地区代码
        taxRelief: "",//减税比例
      },
      //车辆用途列表
      vehicleList: [],
      //能源种类列表
      rules: {
        extendChar2: [
          { required: true, message: "请输入减免税凭证号", trigger: "blur" }
        ],
        paidFreeCertificate: [
          { required: true, message: "请输入完税凭证号", trigger: "blur" }
        ],
        relifReason: [
          { required: true, message: "请输入减免税原因", trigger: "blur" }
        ],
        taxComCode: [
          { required: true, message: "请输入税务机关代码", trigger: "blur" }
        ],
        taxComName: [
          { required: true, message: "请输入税务机关名称", trigger: "blur" }
        ],
        taxDocumentDate: [
          { required: true, message: "请输入完税日期", trigger: "blur" }
        ],
        taxPaidAreaCode: [
          { required: true, message: "请选择完税地区", trigger: "blur" }
        ],
        taxRelief: [
          { required: true, message: "请输入减税比例", trigger: "blur" }
        ],
        taxpayerName: [
          { required: true, message: "请输入纳税人名称", trigger: "blur" }
        ],
        taxpayerIdentifier: [
          { required: true, message: "请选择证件类型", trigger: "blur" }
        ],
        taxRelifFlag: [
          { required: true, message: "请选择纳税类型", trigger: "blur" }
        ],
        energyType: [
          { required: true, message: "请选择能源种类", trigger: "blur" }
        ],
        cimodelclass: [
          { required: true, message: "请选择车辆种类", trigger: "blur" }
        ],
        carnature: [
          { required: true, message: "请选择使用性质", trigger: "blur" }
        ],
        cartype: [
          { required: true, message: "请选择车辆类型", trigger: "blur" }
        ],
        vehicleUse: [
          { required: true, message: "请选择车辆用途", trigger: "blur" }
        ],
        brandName: [
          { required: true, message: "请填写品牌型号", trigger: "blur" }
        ],
        licenseNo: [{ max: 8, message: "最多八个字符", trigger: "blur" },
        { required: true,validator:carPhoneValid,trigger: "blur" }],

        frameNo: [{ validator: checkframeNo, trigger: "blur" }],
        engineNo: [
          { required: true, message: "请填写发动机号", trigger: "blur" }
        ],
        purchasePrice: [
          { required: true, validator: checkpurchasePrice, trigger: "blur" }
        ],
        registerDate: [
          { required: true, message: "请选择注册时间", trigger: "blur" }
        ],
        issueDate: [
          { required: true, message: "请选择发证日期", trigger: "blur" }
        ],
        transferDate: [
          { required: true, message: "请选择转移登记日期", trigger: "blur" }
        ],
        seatCount: [
          { required: true, message: "请输入座位数", trigger: "blur" }
        ],
        completeKerbMass: [
          { required: true, message: "请输入整备质量", trigger: "blur" }
        ],
        name: [{ required: true, message: "请填写姓名", trigger: "blur" }],

        // identifyNumber: [
        //   { required: true, message: "请填写证件号", trigger: "blur" },
        //   { min: 18, max: 18, message: "长度在18个字符", trigger: "blur" },
        //   {
        //     pattern: /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9xX]$/,
        //     message: "请输入正确的证件号",
        //     trigger: "blur"
        //   }
        // ],
        identifyValidDate: [
          { required: true, message: "请选择起期", trigger: "blur" }
        ],
        identifyValidEndDate: [
          { required: true, message: "请选择止期", trigger: "blur" }
        ],
        addr: [
          { required: true, message: "请填写地址", trigger: "blur" },
          { min: 8, message: "最少8个字符", trigger: "blur" }
        ],
        mobile: [
          { required: true, message: "请填写手机号", trigger: "blur" },
          { min: 11, max: 11, message: "长度在11个字符", trigger: "blur" },
          {
            pattern: /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
            message: "请输入正确的手机号",
            trigger: "blur"
          }
        ],
        email: [
          { min: 10, max: 20, message: "最少10个字符", trigger: "blur" },
          {
            pattern: /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
            message: "请输入正确的邮箱",
            trigger: "blur"
          }
        ]
      },
      CIInsureList: {
        //交强险
        amount: "1",
        amountDesc: "投保",
        amtList: [
          {
            label: "不投保",
            value: "0"
          },
          {
            label: "投保",
            value: "1"
          }
        ],
        kindCode: "0507",
        kindName: "交强险",
        desc: "国家强制规定购买的险种，对第三方的人身或财产损失提供基本保障"
      },
      BIInsureList: {
        //商业险
        amount: "0",
        amountDesc: "投保",
        amtList: [
          {
            label: "不投保",
            value: "0"
          },
          {
            label: "投保",
            value: "1"
          }
        ],
        kindCode: "0510",
        kindName: "商业险",
        desc: "国家强制规定购买的险种，对第三方的人身或财产损失提供基本保障"
      },
      insureList: [
        {
          amount: "0",
          amountDesc: "投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "投保",
              value: "1"
            }
          ],
          kindCode: "A",
          isMainRisk: true,
          kindName: "机动车损失险",
          desc:
            "保险期间内，被保险人或被保险机动车驾驶人在使用被保险机动车过程中，因自然灾害、意外事故、机动车被盗窃、抢劫、抢夺等情况（详见保险条款）造成被保险机动车直接损失，且不属于免除保险人责任的范围，保险人依照本保险合同的约定负责赔偿的险种。"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "10万",
              value: "100000"
            },
            {
              label: "15万",
              value: "150000"
            },
            {
              label: "20万",
              value: "200000"
            },
            {
              label: "30万",
              value: "300000"
            },
            {
              label: "50万",
              value: "500000"
            },
            {
              label: "100万",
              value: "1000000"
            },
            {
              label: "150万",
              value: "1500000"
            },
            {
              label: "200万",
              value: "2000000"
            },
            {
              label: "250万",
              value: "2500000"
            },
            {
              label: "300万",
              value: "3000000"
            },
            {
              label: "400万",
              value: "4000000"
            },
            {
              label: "500万",
              value: "5000000"
            },
            {
              label: "600万",
              value: "6000000"
            },
            {
              label: "800万",
              value: "8000000"
            },
            {
              label: "1000万",
              value: "10000000"
            }
          ],
          kindCode: "B",
          isMainRisk: true,
          kindName: "第三者责任险",
          desc:
            "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使第三者遭受人身伤亡或财产直接损毁，依法应当对第三者承担的损害赔偿责任，且不属于免除保险人责任的范围，保险人依照本保险合同的约定，对于超过机动车交通事故责任强制保险各分项赔偿限额的部分负责赔偿的险种。"
        },
        {
          amount: "0",
          amountDesc: "1万",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "1万",
              value: "10000"
            },
            {
              label: "2万",
              value: "20000"
            },
            {
              label: "3万",
              value: "30000"
            },
            {
              label: "4万",
              value: "40000"
            },
            {
              label: "5万",
              value: "50000"
            },
            {
              label: "6万",
              value: "60000"
            },
            {
              label: "7万",
              value: "70000"
            },
            {
              label: "8万",
              value: "80000"
            },
            {
              label: "9万",
              value: "90000"
            },
            {
              label: "10万",
              value: "100000"
            },
            {
              label: "15万",
              value: "150000"
            },
            {
              label: "20万",
              value: "200000"
            },
            {
              label: "25万",
              value: "250000"
            },
            {
              label: "30万",
              value: "300000"
            },
            {
              label: "35万",
              value: "350000"
            },
            {
              label: "40万",
              value: "400000"
            },
            {
              label: "45万",
              value: "450000"
            },
            {
              label: "50万",
              value: "500000"
            },

          ],
          kindCode: "D3",
          isMainRisk: true,
          kindName: "司机责任险",
          desc:
            "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使车上人员遭受人身伤亡，且不属于免除保险人责任的范围，依法应当对车上人员承担的损害赔偿责任，保险人依照本保险合同的约定负责赔偿的险种。"
        },
        {
          amount: "0",
          amountDesc: "1万",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "1万",
              value: "10000"
            },
            {
              label: "2万",
              value: "20000"
            },
            {
              label: "3万",
              value: "30000"
            },
            {
              label: "4万",
              value: "40000"
            },
            {
              label: "5万",
              value: "50000"
            },
            {
              label: "6万",
              value: "60000"
            },
            {
              label: "7万",
              value: "70000"
            },
            {
              label: "8万",
              value: "80000"
            },
            {
              label: "9万",
              value: "90000"
            },
            {
              label: "10万",
              value: "100000"
            },
            {
              label: "15万",
              value: "150000"
            },
            {
              label: "20万",
              value: "200000"
            },
            {
              label: "25万",
              value: "250000"
            },
            {
              label: "30万",
              value: "300000"
            },
            {
              label: "35万",
              value: "350000"
            },
            {
              label: "40万",
              value: "400000"
            },
            {
              label: "45万",
              value: "450000"
            },
            {
              label: "50万",
              value: "500000"
            },
          ],
          kindCode: "D4",
          isMainRisk: true,
          kindName: "乘客责任险",
          desc:
            "保险期间内，被保险人或其允许的驾驶人在使用被保险机动车过程中发生意外事故，致使车上人员遭受人身伤亡，且不属于免除保险人责任的范围，依法应当对车上人员承担的损害赔偿责任，保险人依照本保险合同的约定负责赔偿的险种。"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "2千",
              value: "2000"
            },
            {
              label: "5千",
              value: "5000"
            },
            {
              label: "1万",
              value: "10000"
            },
            {
              label: "2万",
              value: "20000"
            }
          ],
          desc:
            "保险期间内，被保险机动车在被保险人或被保险机动车驾驶人使用过程中，发生无明显碰撞痕迹的车身划痕损失，保险人按照保险合同约定负责赔偿的险种",
          isMainRisk: false,
          kindCode: "L",
          kindName: "车身划痕险",
          mainRiskCodeList: "A"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "5%",
              value: "5"
            },
            {
              label: "10%",
              value: "10"
            },
            {
              label: "15%",
              value: "15"
            },
            {
              label: "20%",
              value: "20"
            }
          ],
          desc:
            "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
          isMainRisk: false,
          kindCode: "MJ1",
          kindName: "绝对免赔率特约险（车损）",
          mainRiskCodeList: "A"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,

          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "5%",
              value: "5"
            },
            {
              label: "10%",
              value: "10"
            },
            {
              label: "15%",
              value: "15"
            },
            {
              label: "20%",
              value: "20"
            }
          ],
          desc:
            "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
          isMainRisk: false,
          kindCode: "MJ2",
          kindName: "绝对免赔率特约险（三者）",
          mainRiskCodeList: "B"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "5%",
              value: "5"
            },
            {
              label: "10%",
              value: "10"
            },
            {
              label: "15%",
              value: "15"
            },
            {
              label: "20%",
              value: "20"
            }
          ],
          desc:
            "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
          isMainRisk: false,
          kindCode: "MJ3",
          kindName: "绝对免赔率特约险（司机）",
          mainRiskCodeList: "D3"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "5%",
              value: "5"
            },
            {
              label: "10%",
              value: "10"
            },
            {
              label: "15%",
              value: "15"
            },
            {
              label: "20%",
              value: "20"
            }
          ],
          desc:
            "被保险机动车发生主险约定的保险事故，保险人按照主险的约定计算赔款后，扣减本特约条款约定的免赔的险种。",
          isMainRisk: false,
          kindCode: "MJ4",
          kindName: "绝对免赔率特约险（乘客）",
          mainRiskCodeList: "D4"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "1万",
              value: "10000"
            },
            {
              label: "2万",
              value: "20000"
            },
            {
              label: "4万",
              value: "40000"
            },
            {
              label: "5万",
              value: "50000"
            },
            {
              label: "8万",
              value: "80000"
            },
            {
              label: "10万",
              value: "100000"
            },
            {
              label: "20万",
              value: "200000"
            },
            {
              label: "30万",
              value: "300000"
            },
            {
              label: "50万",
              value: "500000"
            },
            {
              label: "100万",
              value: "1000000"
            },
            {
              label: "200万",
              value: "2000000"
            },
            {
              label: "300万",
              value: "3000000"
            },
          ],
          kindCode: "SY_FJ_YBW1",
          isMainRisk: true,
          kindName: "附加医保-三者",
          desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "1万",
              value: "10000"
            },
            {
              label: "2万",
              value: "20000"
            },
            {
              label: "5万",
              value: "50000"
            },
            {
              label: "10万",
              value: "100000"
            }
          ],
          kindCode: "SY_FJ_YBW2",
          isMainRisk: true,
          kindName: "附加医保-座位险(乘客)",
          desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "1万",
              value: "10000"
            },
            {
              label: "2万",
              value: "20000"
            },
            {
              label: "5万",
              value: "50000"
            },
            {
              label: "10万",
              value: "100000"
            }
          ],
          kindCode: "SY_FJ_YBW3",
          isMainRisk: true,
          kindName: "附加医保-座位险(司机)",
          desc: "附加医保外医疗费用责任险（机动车第三者责任保险）"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "50万",
              value: "500000"
            },
            {
              label: "100万",
              value: "1000000"
            },
            {
              label: "150万",
              value: "1500000"
            },
            {
              label: "200万",
              value: "2000000"
            },
            {
              label: "250万",
              value: "2500000"
            },
            {
              label: "300万",
              value: "3000000"
            },
            {
              label: "500万",
              value: "5000000"
            },
            {
              label: "1000万",
              value: "10000000"
            }
          ],
          desc:
            "保险期间内，被保险人或其允许的驾驶人在法定节假日期间使用被保险机动车发生机动车第三者责任保险范围内的事故，并经公安部门或保险人查勘确认的，被保险机动车第三者责任保险所适用的责任限额在保险单载明的基础上增加一倍的险种",
          isMainRisk: false,
          kindCode: "BD",
          kindName: "法定节假日限额翻倍险",
          mainRiskCodeList: "B"
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          amtList: [
            {
              label: "不投保",
              value: "0"
            },
            {
              label: "2次",
              value: "2"
            },
            {
              label: "7次",
              value: "7"
            },
            {
              label: "12次",
              value: "12"
            },
            {
              label: "17次",
              value: "17"
            }, {
              label: "22次",
              value: "22"
            },
          ],
          desc:
            "道路救援服务特约条款",
          isMainRisk: false,
          kindCode: "TY1",
          kindName: "道路救援服务特约条款",
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          desc:
            "车辆安全检测特约条款",
          isMainRisk: false,
          kindCode: "TY2",
          kindName: "车辆安全检测特约条款",
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          desc:
            "代为驾驶服务特约条款",
          isMainRisk: false,
          kindCode: "TY3",
          kindName: "代为驾驶服务特约条款",
        },
        {
          amount: "0",
          amountDesc: "不投保",
          coveragePremium: 0,
          desc:
            "代为送检服务特约条款",
          isMainRisk: false,
          kindCode: "TY4",
          kindName: "代为送检服务特约条款",
        }
      ],
      totalCompanyList: [], //报价保险公司
      continuousCompanyList: [], //续保保险公司
      quoteno: "", //报价号
      orderno: "", //订单号
      queryOrders: {
        extendInfo:{},
        carinfo:{},
        ownerinfo:{},
        applyinfo:{},
        insureinfo:{},
      }, //核保详情
      inscompany: "", //保险公司名称
      licenseNo: "", //车牌号
      applyName: "", //车主名字
      orderstatus: "", //订单状态
      sumpremium: "", //保费合计
      jqpremium: "", //交强
      sypremium: "", //商业
      jypremium:'',//驾意险
      taxamount: "", //车船税
      jqstartdate: "", //交强时间
      systartdate: "", //商业时间
      mobile: "", //投保人手机号
      //影像回显列表
      imgList1: [],
      imgList2: [],
      imgList3: [],
      imgList4: [],
      imgList5: [],
      imgList6: [],
      imgList7: [],
      imgList8: [],
      imgList9: [],
      imgList10: [],
      imgList11: [],
      //影像上传列表
      imageList1: [],
      imageList2: [],
      imageList3: [],
      imageList4: [],
      imageList5: [],
      // 是否禁用上传
      uploadDisabled: false,
      href: "",
      pageRequest: {
        //归属查询
        pageNum: 1,
        pageSize: 20,
        columnFilters: {
          deptId: {
            name: "deptId",
            value: "9"
          },
          containsSubDept: {
            name: "containsSubDept",
            value: 1
          },
          usertype: {
            name: "usertype",
            value: null
          },
          status: {
            name: "status",
            value: "1"
          },
          id: {
            name: "id",
            value: ""
          },
          name: {
            name: "name",
            value: ""
          },
          mobile: {
            name: "mobile",
            value: ""
          }
        }
      },
      userform: {},
      qrcode: null,
      paycodeimg: "", //展示二维码
      ImageUrldialogVisible: false,
      paramsEdit: "",
      companyId: "",
      apiType: "",
      insureMore: true,
      // insureLength: 5,
      HistoryList: [], //历史记录数据
      image1: "",
      image2: "",
      historyRadio:'888',
      sumseatCount: "", // 投保险种座位数
      deptName: "",
      isBottom: true,
      logoImg: "",//报价单保险公司logo图
      vehicleTypeoptions: [],//车辆种类
      trafficManagementVehicleTypeoptions: [],//车辆类型
      energyTypeoptions: [],//能源种类
      taxRelifFlagoptions: [],//车船税类型
      taxpayerIdentifieroptions: [],//纳税人证件类型
      relifReasonoptions: [],//减免税原因代码
      relifReasonoptions: [],//减免税原因代码
      provinceSelect: [],
      natureOfVehicleUseoptions:[],
      businessVehicleUseoptions:[],
      outOfBusinessVehicleUseoptions:[],
      insOrderStatusoptions:[],
      lastCompanyId:''
    };
  },
  watch: {
    "carInfo.licenseNo": {
      handler(val) {
        if (val) {
          this.carInfo.licenseNo = val.toUpperCase();
        }
      },
      deep: true
    },
    "carInfo.frameNo": {
      handler(val) {
        if (val) {
          this.carInfo.frameNo = val.toUpperCase();

        }
      },
      deep: true
    },
    "carInfo.enginedesc":{
      handler(val) {
        if (val) {
          this.carInfo.enginedesc = val.replace(/[A-Za-z]/g,'');
        }
      },
      deep: true
    },
    "ownerInfo.mobile":{
      handler(val) {
        if (val) {
          this.ownerInfo.mobile = val.replace(/\s/g, "");
        }
      },
      deep: true
    },
    "policyHolderInfo.mobile":{
      handler(val) {
        if (val) {
          this.policyHolderInfo.mobile = val.replace(/\s/g, "");
        }
      },
      deep: true
    },
    "insuredPersonInfo.mobile":{
      handler(val) {
        if (val) {
          this.insuredPersonInfo.mobile = val.replace(/\s/g, "");
        }
      },
      deep: true
    },
    "carInfo.engineNo": {
      handler(val) {
        if (val) {
          this.carInfo.engineNo = val.replace(/[^\w-]/ig,'').toUpperCase();
        }
      },
      deep: true
    },
    "carInfo.seatCount": {
      handler(val) {
        if (val) {
          this.sumseatCount = val - 1;
        }
      },
      deep: true
    },
    "policyHolderInfo.identifyNumber": {
      handler(val) {
        if (val) {
          this.vehicleAndVesselTaxForm.identifyNumber = val;
        }
      },
      deep: true
    },
    "policyHolderInfo.name": {
      handler(val) {
        if (val) {
          this.vehicleAndVesselTaxForm.taxpayerName = val;
        }
      },
      deep: true
    },
  },
  components: {
    detailsDialog,
  quotationDialog,
  quotationDialogPro,
    "el-image-viewer": () =>
      import("element-ui/packages/image/src/image-viewer")
  },
  created() {
    // this.commpanyList(); //获取保险公司
    this.obtainProtocol()
    this.getDicType("taxRelifFlag");//车船税类型
    this.getDicType("taxpayerIdentifier");//纳税人证件类型
    this.getDicType("relifReason");//减免税原因代码
    this.getDicType("vehicleType");//车辆种类
    this.getDicType("trafficManagementVehicleType");//车辆类型
    this.getDicType("energyType");//能源种类
    this.getDicType("natureOfVehicleUse");//车辆使用性质
    this.getDicType("businessVehicleUse");//（车辆用途）营业
    this.getDicType("outOfBusinessVehicleUse");//（车辆用途）非营业
    this.getDicType("insOrderStatus");//状态

    this.$api.letter.queryCompany().then(res => {
      this.continuousCompanyList = res.data;
    });
    this.$api.letter.packageQuery().then(res => {
      this.packageOptions = res.data;
    });

    localStorage.setItem('carInfo', JSON.stringify(this.carInfo))
    localStorage.setItem('insureList', JSON.stringify(this.insureList))
    //--归属信息获取--
    var userId = Cookies.get("user");
    if (userId == "admin") {
      this.userId = "admin";
    } else {
      // this.userId = userId;
      this.$api.user.getLoginUser().then(res => {
        if (res.code == 200) {
          this.userform = res.data
          this.$api.dept.getDeptById(res.data.deptId).then(res => {
            this.deptName = res.data.name;
          });
        }
      });
    }


    //--订单编辑回显--
    this.paramsEdit = this.$route.query.data; //接收参数
    if (this.paramsEdit) {
      var _this = this;
      this.jqchecked = false;
      this.tbczcarShow = false;
      this.bbtbcarShow = false;
      this.bbczcarShow = false;
      const { carinfo, ownerinfo, applyinfo, insureinfo, quoteno, orderno } = _this.paramsEdit;

      _this.carInfo = carinfo;
      if( _this.carInfo.carnature=="8A"){
        _this.carInfo.carnature='02'
        _this.carInfo.vehicleUse='05'
      }
      else{
        _this.carInfo.carnature
        _this.carInfo.vehicleUse
      }
      _this.ownerInfo = ownerinfo;
      _this.policyHolderInfo = applyinfo;
      _this.insuredPersonInfo = insureinfo;
      _this.quoteno = quoteno;
      _this.orderno = orderno;
      _this.tbczcarShow=applyinfo.owner
      _this.bbczcarShow=insureinfo.owner
      _this.bbtbcarShow=insureinfo.insuranceHolder
      _this.ownerInfo.age = getAgeByIdCard(_this.ownerInfo.identifyNumber)
      _this.policyHolderInfo.age = getAgeByIdCard(_this.policyHolderInfo.identifyNumber)
      _this.insuredPersonInfo.age = getAgeByIdCard(_this.insuredPersonInfo.identifyNumber)
      // const ownerInfoObject = {
      //   province: _this.ownerInfo.province,
      //   city: _this.ownerInfo.city,
      //   county: _this.ownerInfo.county,
      // }
      // const policyHolderInfoObject = {
      //   province: _this.policyHolderInfo.province,
      //   city: _this.policyHolderInfo.city,
      //   county: _this.policyHolderInfo.county,
      // }
      // const insuredPersonInfoObject = {
      //   province: _this.insuredPersonInfo.province,
      //   city: _this.insuredPersonInfo.city,
      //   county: _this.insuredPersonInfo.county,
      // }
      // this.selectedOptions1 = searchkey(Object.values(ownerInfoObject))
      // this.selectedOptions2 = searchkey(Object.values(policyHolderInfoObject))
      // this.selectedOptions3 = searchkey(Object.values(insuredPersonInfoObject))
      if (_this.paramsEdit.carinfo.transferFlag) {

        this.transferDateShow = true;
      }
      _this.paramsEdit.risk.map(ele => {
        if (ele.riskCode == "0507") {
          _this.jqchecked = true;
          // _this.jqstartDate = ele.startDate;
          // _this.jqendDate = ele.endDate;
          _this.jqstartDate = this.transformTime1();
          _this.jqendDate = this.oneYearPast1(this.jqstartDate);
        } else if (ele.riskCode == "0510") {
          _this.sychecked = true;
          // _this.systartDate = ele.startDate;
          // _this.syendDate = ele.endDate;
          _this.systartDate = this.transformTime1();
          _this.syendDate = this.oneYearPast1(this.systartDate);
          _this.insureList.map(eleA => {
            _this.paramsEdit.king.map(eleB => {
              if (eleA.kindCode == eleB.kindCode) {
                switch (eleB.kindCode) {
                  case "D4":
                  case "SY_FJ_YBW2":
                    eleA.amount = JSON.stringify(eleB.unitAmount);
                    break;
                  case "MJ1":
                  case "MJ2":
                  case "MJ3":
                  case "MJ4":
                    eleA.amount = eleB.deductibleRate;
                    break;
                  default:
                    eleA.amount = JSON.stringify(eleB.amount);
                }

              }
            });
          });
        }
      });
      // this.HistoryList = this.paramsEdit.insAreaCompanyList;
      let params = {
        orderNo: this.paramsEdit.orderno,
        orderStatus: ""
      };
      this.$api.letter.queryQuoteHistory(params).then(res => {
        res.data.forEach(item => {
          if( item.accidentInfo){
            item.accidentInfo.constructor === Object?[item.accidentInfo]:item.accidentInfo
          }
        })
        this.HistoryList = res.data;
      });

      //--获取影像信息--
      _this.imageEcho(this.quoteno);
      //--显示影像按钮--
      _this.imageUploadShow = true;
    } else {
      this.jqstartDate = this.transformTime1();
      this.jqendDate = this.oneYearPast1(this.jqstartDate);
      this.systartDate = this.transformTime1();
      this.syendDate = this.oneYearPast1(this.systartDate);
    }
  },
  mounted() {
    this.onScroll()
    window.addEventListener('scroll', this.onScroll)
  },
  destroyed() {
    window.removeEventListener('scroll', this.onScroll)
  },
  beforeCreate() {
			_self = this;
	},
  computed: {
    issueDateOptions() {
      return {
        disabledDate: this.disabledDate,
      }
    },
  },
  filters:{
    cap(ele){
      return _self.insOrderStatusoptions.find((item) => {
          return item.dictValue === ele;
        }).dictTag;
    }
  },
  methods: {
    //手机号复制粘贴处理
    handlePaste(e,mobileKey) {
      e.preventDefault();//阻止默认行为
      const clipboardData = e.clipboardData || window.clipboardData;//获取剪切板内容
      let pastedText = clipboardData.getData('text').replace(/\s+/g, '');//获取纯文本并处理空格
      // 截取前11个字符，以确保不会超过手机号长度限制
      pastedText = pastedText.substring(0, 11);
      // 使用Vue.nextTick确保更新发生在DOM更新之后
      this.$nextTick(() => {
        this[mobileKey].mobile = pastedText;
      });
    },
    // licenseNoFun(data){
    //   if(data && this.carInfo.enginedesc){
    //     this.obtainProtocol()
    //   }
    // },
    // enginedescFun(data){
    //   if(data && this.carInfo.licenseNo){
    //     this.obtainProtocol()
    //   }
    // },
    packageChange(val){
      let arr=this.packageOptions.find(ele=>ele.id==val).kind
      if(arr.length>0){
      this.insureList.map(eleA => {
        arr.map(eleB => {
        if (eleA.kindCode == eleB.kindCode) {
          switch (eleB.kindCode) {
            case "D4":
            case "SY_FJ_YBW2":
              eleA.amount = JSON.stringify(eleB.unitAmount);
              break;
            case "MJ1":
            case "MJ2":
            case "MJ3":
            case "MJ4":
              eleA.amount = eleB.deductibleRate;
              break;
            case "TY2":
            case "TY3":
            case "TY4":
              eleA.amount = eleB.serviceTimes;
              break;
            default:
              eleA.amount = JSON.stringify(eleB.amount);
          }
        }
    });
  });
}
else{
  this.insureList.map(eleA => {
        eleA.amount='0'
      })
}
    },
    capType(val){
      if(val=='0'){
        return 'success'
      }
      if(val=='1'){
        return 'warning'
      }
      if(val=='2' ||val=='3'||val=='4'){
        return 'danger'
      }
    },
     handleCheckAllChange(ele) {
        this.totalCompanyList.forEach((val,index)=>{
          ele?val.checked=true:val.checked=false
          this.initchange(ele,val.id, val.cnName, index)
        })
      },
    retractFun(){
      this.isRetract=this.isRetract==false?true:false
    },
    //中煤意外险调整份数事件
    ZMhandleChange(val){
      if(!val){
        this.$refs.ZmMultipleTable[0].clearSelection();               //清除
      }
    },
    //中煤意外险选中对应意外险方案
    ZMHandleSelectionChange(val){
      // if(val.length > 0&& val[0].quantity==undefined){
      //   this.$message({ message: "请先填写投保份数再勾选！", type: "error", });
      //   this.$refs.ZmMultipleTable[0].clearSelection();               //清除
      //   return false;
      // }

      if(val.length > 1) {
        this.$refs.ZmMultipleTable[0].clearSelection();               //清除
        this.$refs.ZmMultipleTable[0].toggleRowSelection(val.pop());  //pop：最后一个
      } else {
        this.zhongmeiaccidentalDrivingVo = val[0];         //multipleSelection：当前选择的数组
      }
    },
    //中煤意外险选中对应产品带出方案明细
    zhongmeiInsuranceChange(index){
      //每次选中产品，清空之前选中的数据
      this.zhongmeiaccidentalDrivingVo={};
      this.zhongmeiInsuranceDataDetail=[];
      let data=this.zhongmeiInsuranceData.find(val=>val.rideRiskCode==index)
      //把返回的方案明细放入展示数据对象中
      this.accidentFormZM = Object.assign(
        this.accidentFormZM,
        data
      );
      this.accidentFormZM.quantity='1'
      this.accidentFormZM.maxQuantity=Number(data.maxQuantity)
      if(data&&data.accAmountView){
        this.accidentPremiumZM=data.unitPremium
        this.zhongmeiInsuranceDataDetail=data.accAmountView;
      }

    },
  // 截图粘贴
    copybjd(){
      let that=this
      html2Canvas(document.getElementById('pdfContentsDiv') , {
              allowTaint: true,
              taintTest: false,
          }).then(function (canvas) {
        let base64Data = ''
        // let blob = null
        base64Data = canvas.toDataURL('image/png', 1)
        const date = new Date()
        const saveInfo = {
          download: date.getTime() + `.png`,
          href: base64Data,

        }
        const element = document.createElement('a')
        element.style.display = 'none'
        for (const key in saveInfo) {
          element.setAttribute(key, saveInfo[key])
        }
        document.body.appendChild(element)
        element.click()
        setTimeout(() => {
          document.body.removeChild(element)
        }, 300)
        // var format = 'image/png'
        // //将Base64图片编码转换成blob
        // var base64 = base64Data
        // var code = window.atob(base64.split(',')[1])
        // var aBuffer = new window.ArrayBuffer(code.length)
        // var uBuffer = new window.Uint8Array(aBuffer)
        // for (var i = 0; i < code.length; i++) {
        //   uBuffer[i] = code.charCodeAt(i) & 0xff
        // }
        // try {
        //   blob = new Blob([uBuffer], { type: format })
        // } catch (e) {
        //   window.BlobBuilder =
        //     window.BlobBuilder ||
        //     window.WebKitBlobBuilder ||
        //     window.MozBlobBuilder ||
        //     window.MSBlobBuilder
        //   if (e.name == 'TypeError' && window.BlobBuilder) {
        //     var bb = new window.BlobBuilder()
        //     bb.append(uBuffer.buffer)
        //     blob = bb.getBlob('image/png')
        //   } else if (e.name == 'InvalidStateError') {
        //     blob = new Blob([aBuffer], { type: format })
        //   }
        // }
        // const clipboardItemInput = new ClipboardItem({
        //   'image/png': blob,
        // })
        // that.$copyText({
        //   'image/png': blob,
        // }).then(
        // 　　function(e) {
        // 　　　　console.log("copy arguments e:", e);
        // 　　　　alert("复制成功!");
        // 　　},
        // 　　function(e) {
        // 　　　　console.log("copy arguments e:", e);
        // 　　　　alert("复制失败!");
        // 　　}
        // 　　),
        // navigator.clipboard.write([clipboardItemInput])
        // that.$message({
        //   message: '已截图并复制到粘贴板！',
        //   type: 'success'
        // });
      })
    },
    // 即时起保
    immediatelyChange(e){
      if(e){
        this.immediatelyValue=true
        const date = new Date();
        date.setHours(date.getHours() +2);
        date.setMinutes(0)
        date.setSeconds(0)
        this.jqstartDate=date
        this.jqendDate = this.oneYearPast1(date);
      }
      else{
        this.immediatelyValue=false
        this.jqstartDate = this.transformTime1();
        this.jqendDate = this.oneYearPast1(this.jqstartDate);
      }

    },
    // 使用性质方法
    natureFun(){
      if(this.carInfo.carnature=='01'){
        this.carInfo.vehicleUse=''
      }
    },
    // 点击同步报价后的时间
    syncData(item){
      this.jqstartDate=item.startDateJq?item.startDateJq:this.jqstartDate
      this.jqendDate=item.endDateJq?item.endDateJq:this.endDateJq
      this.systartDate=item.startDateSy?item.startDateSy:this.systartDate
      this.syendDate=item.endDateSy?item.endDateSy:this.syendDate
    },

    //纳税类型事件
    taxRelifFlagChange(val){
      if (val == 4) {
      citydata.rawCitiesData.map(val => {
        this.provinceSelect.push({
          name: val.name,
          code: val.code
        })
        return val;
      })
    }
    },
    //身份证前六位识别地区
    // getAreaByCode(code) {
    //   let list = regionData;
    //   let provinceCode = code.substring(0, 2);
    //   let cityCode = code.substring(0, 4);
    //   let areaCode = code.substring(0, 6);
    //   // 获取省份信息
    //   let province = list.filter(function (item) {
    //     return item.value === provinceCode;
    //   });
    //   // 获取城市信息
    //   let city = province[0].children.filter(function (item) {
    //     return item.value === cityCode;
    //   });
    //   if (city.length > 0) {
    //     // 获取区/县信息
    //     let area = city[0].children.filter(function (item) {
    //       return item.value === areaCode;
    //     });
    //     return province[0].label + city[0].label + area[0].label;
    //   }
    // },
    //--数据字典 begin --
    getDicType(type) {
      this.$api.insCompany.dicType(type).then(res => {
        if (res.code == 200) {
          if(type=='insOrderStatus'){
            let data=JSON.parse(JSON.stringify( res.data.ddList))
            data.unshift( {
              dictTag: "全部",
              dictValue: "888"});
              this[type + 'options'] = data;
          }
          else{
            this[type + 'options'] = res.data.ddList;
          }
        }
      })

    },
    //身份证失去焦点
    identifyblur(info) {
      this[info].age = getAgeByIdCard(this[info].identifyNumber)
      this[info].gender = getGenderByIdCard(this[info].identifyNumber)
    },
    //车主信息选择性别
    genderChange(e) {
      if (this.tbczcarShow) {
        this.policyHolderInfo.gender = e
      } else if(this.bbczcarShow){
        this.insuredPersonInfo.gender = e
      }
    },
    //省市区
    // areahandleChange(event, info) {
    //   console.log(event)
    //   if (event[0] != null && event[1] != null && event[2] != null) {
    //     this[info].province = codeToText[event[0]]
    //     this[info].city = codeToText[event[1]]
    //     this[info].county = codeToText[event[2]]
    //   }
    // },
    iconfftter(icon) {
      return CommonUtil.getDataName({
        dataList: this.global.insCompanyList,
        value: "name",
        label: "icon",
        data: icon,
      });
    },
    disabledDate(time) {
      let datetime = this.carInfo.registerDate
      return time.getTime() < new Date(datetime).getTime();
    },

    onScroll() {
      // 变量scrollTop是滚动条滚动时，滚动条上端距离顶部的距离
      var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
      // 变量windowHeight是可视区的高度
      var windowHeight = document.documentElement.clientHeight || document.body.clientHeight
      // 变量scrollHeight是滚动条的总高度（当前可滚动的页面的总高度）
      var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight
      // 滚动条到底部
      if (Math.ceil(scrollTop + windowHeight) >= scrollHeight) {
        this.isBottom = true
      } else {
        this.isBottom = false
      }
    },
    anshengInsuranceChange(index){
      let data=this.anshengInsuranceData.find(val=>val.planCode==index)
      this.anshengaccidentalDrivingVo.personFlag=data.personFlag;
      this.anshengaccidentalDrivingVo.planChineseName=data.planChineseName;
      this.anshengaccidentalDrivingVo.planCode=data.planCode;
      this.anshengaccidentalDrivingVo.planSeries=data.planSeries;
      this.anshengInsuranceData1=[];
      this.anshengInsuranceData1=data.departmentProductList;
    },
    hengbangInsuranceChange(index){
      this.HBInsuranceData=[(this.hengbangInsuranceData).find(val=>val.programcode==index)]
      if(this.HBInsuranceData.length){
        this.HBDrivingChange(this.HBInsuranceData[0])
      }
    },
    huanongInsuranceChange(index){
      this.HNInsuranceData=(this.huanongInsuranceData).find(val=>val.planCode==index).planSubInfo[0].riskInfo
      this.huanongaccidentalDrivingVo= Object.assign(
        this.accidentFormHN,
        this.huanongInsuranceData.find(val=>val.planCode==index)
      );
    },
    taipingInsuranceChange(index){
      this.TPInsuranceData=[(this.taipingInsuranceData).find(val=>val.rationType==index)]
      if(this.TPInsuranceData && this.TPInsuranceData.length){
          this.taipingaccidentalDrivingVo=this.TPInsuranceData[0];
      }
    },
    zijinInsuranceChange(index){
      this.ZJInsuranceData=[]
      this.$refs.expandTable[0].clearSelection()
      index.forEach(item=>{
        this.ZJInsuranceData.push((this.ziJinInsuranceData).find(val=>val.projectCode==item))
      })
      this.ZJInsuranceData.forEach(item=>{
        this.$nextTick(()=>{
          this.$refs.expandTable[0].toggleRowSelection(item);
        })
      })
      this.CheckboxChange(this.ZJInsuranceData)
    },
    renshouInsuranceChange(index){
      this.RSInsuranceData=[(this.renshouInsuranceData).find(val=>val.id==index)]
      if(index){
        this.RSDrivingChange(this.RSInsuranceData[0])
      }
    },
   async dajiaInsuranceChange(index){
    this.dajiaaccidentalDrivingVo={}
      let data = await this.$api.letter.accidentalDrivingInfo(index);
        if (data.code == 200) {
          this.dajiaaccidentalDrivingVo={
           rideRiskCode:index,
           rideRiskName:this.dajiaInsuranceData.find(val=>val.id==index).productName,
           quantity:'1',
          }
          this.DJInsuranceData=data.data
        }
    },
    zhonganInsuranceChange(index){
      this.ZRInsuranceData=[(this.zhonganInsuranceData).find(val=>val.combination==index)]
      if(index){
        this.ZADrivingChange(this.ZRInsuranceData[0])
      }
    },
     // 渤海选择意外险类型
     async bhcxchange(index) {
      if(index){
        this.accidentLoadingbh=true
        this.boHaiaccidentForm.copies = "1";
        this.boHaiaccidentForm.premium =Number(this.boHaiaccidentDataList.find(e=>e.packageCode==index).premium) 
        let data = await this.$api.letter.productDetailsQueryboHai({
          packageCode: index,
          productCode:this.boHaiaccidentDataList.find(e=>e.packageCode==index).productCode,
          agreementId:this.boHaiaccidentForm.agreementId
        });
        if (data.code == 200 && data.data) {
          this.accidentLoadingbh=false
          this.boHaiaccidenttableData = data.data;
        }
        else{
          this.$message.error(data.msg)
          this.boHaiaccidenttableData=[]
        }
      }
    },
     // 国任选择意外险类型
     async grcxchange(index) {
      if(index){
        this.accidentLoading=true
        this.guoRenaccidentForm.quantity = "1";
        this.guoRenaccidentForm.prodCode=""
        let data = await this.$api.letter.syncNonAutoInsGuoren({
          goodsCode: index,
          agreementId:this.guoRenaccidentForm.agreementId
        });
        if (data.code == 200) {
          let num = 0;
            data.data.forEach(item => {
              num += Number(item.premium);
            });

        // this.accidentPremiumGr = num
          this.accidentLoading=false
          this.guoRenaccidentDataListChild = data.data;
        }
        else{
          this.accidentLoading=false
          this.$message.error(data.msg)
          this.guoRenaccidentDataListChild=[]
        }
      }
    },
     // 国任选择意外险子级类型
     async grcxchangeChild(index) {
      let list=this.guoRenaccidentDataListChild.find(val => val.prodCode == index)
      this.guoRenaccidentForm={
        ... this.guoRenaccidentForm,
        policyNum:Number(list.premium),
        riskCode:list.riskCode,
        amount:list.amount,
        premium:Number(list.premium)
        // appnum:Number(list.appnum)
      }
      this.guoRenaccidenttableData=list.prodCvgLiabList
    },
    // 选择意外险类型
    async ywxxxchange(index) {
      if(!index){
        return
      }
      this.accidentForm = Object.assign(
        this.accidentForm,
        this.accidentDataList.find(val => val.code == index)
      );
      this.accidentForm.fen = "1";
      this.accidentLoading = true;
      let data = await this.$api.letter.ycgainAccidentSchemeList({
        companyCode:this.accidentForm.companyId,
        code:index,
        agreementId:this.accidentForm.agreementId,
        seatNum:Number(this.carInfo.seatCount)
      });
      if (data.code == 200) {
        let num = 0;
        data.data.forEach(item => {
          num += Number(item.premium);
        });
        this.accidentPremium = num
        this.accidentForm.premium = num
        this.accidentLoading = false;
        this.accidenttableData = data.data;
      }
    },
    numberCopieschange(index) {
      this.accidentForm.premium = Number(this.accidentPremium) * index;
    },
    numberCopieschangeZM(index) {
      this.accidentFormZM.unitPremium = Number(this.accidentPremiumZM) * index;
    },
    numberCopieschangeGR(index) {
      this.guoRenaccidentForm.premium = Number(this.guoRenaccidentForm.policyNum) * index;
    },
    continuousChange(id) {
      this.continuousCompanyList.map(ele => {
        if (ele.id == id) {
          this.attributionform.configure = [];
          ele.configure.map((ele, index) => {
            this.attributionform.configure.push({
              field: ele.field,
              isEdit: ele.isEdit,
              label: ele.label,
              type: ele.type,
              value: ""
            });
          });
        }
      });
    },
    //续保查询
    continuousquery() {
      this.$api.letter.queryRenewal(this.attributionform).then(res => {
        if (res.code == "200") {
          this.carInfo = res.data.carInfo;
          this.ownerInfo = res.data.ownerInfo;
          this.policyHolderInfo = res.data.policyHolderInfo;
          this.insuredPersonInfo = res.data.insuredPersonInfo;
          res.data.riskList.map(ele => {
            if (ele.riskCode == "0507") {
              this.jqchecked = true;
              this.jqstartDate = ele.startDate;
              this.jqendDate = ele.endDate;
            } else if (ele.riskCode == "0510") {
              this.sychecked = true;
              this.systartDate = ele.startDate;
              this.syendDate = ele.endDate;
            }county
          });
        }
        else {
          this.$message({
            message: res.msg,
            type: 'error',
            duration: 2000
          })
        }
      });
    },
    //永诚转保
    renewalCodeconfirm() {
      this.renewalCodedialogVisible = false;
      this.quote();
    },
    //报价轨迹查询
    RadioHistoryChange(e) {
      let params = {
        orderNo: this.orderno,
        orderStatus: e==888?'':e
      };
      this.$api.letter.queryQuoteHistory(params).then(res => {
        res.data.forEach(item => {
          if( item.accidentInfo){
            item.accidentInfo.constructor === Object?[item.accidentInfo]:item.accidentInfo
          }
        })
        this.HistoryList = res.data;
      });
    },
    obtainProtocol(){
      this.$api.letter.getAllAgreement().then(res => {
        if(res.code==200){
          res.data.map(ele => {
          ele["result"] = {};
          ele["quoteCode"] = 0;
          ele["checked"] = false;
          ele["msg"] = "";
          ele["lastYearMsg"] = "";
          ele["agreementId"] = "";
          ele["apiType"] = "";
          ele["orderstatus"] = 0;
          ele.coefficient=''
          // ele.agreementId = ele.agreement[0].id;
          // ele.apiType = ele.agreement[0].apiType;
          ele.underwritingDescription =  ele.agreement[0].underwritingDescription
          if(ele.isTaxSource && ele.isTaxSource=='1'){
            ele.agreement.forEach(val=>{
              if(val.isTaxSource && val.isTaxSource=='1'){
                ele.agreementId = val.id;
                ele.apiType = val.apiType;
              }
            });
          }
        })
        if(this.$route.query.data){
          res.data.forEach((val,index)=>{
            this.$route.query.data.insAreaCompanyEditingDtos.forEach(ele=>{
              if(val.namesimple==ele.inscompany){
               if(ele.inscompany=='中国人寿' && ele.companyId){
                  this.lastCompanyId=ele.companyId
                }
                res.data[index].quoteCode=200
                res.data[index].result=ele
              }
            })
          })
        }
      }
      this.totalCompanyList = res.data;
      })
    },
    //获取保险公司列表
    commpanyList() {
      this.$api.letter.gainAllowQuoteList('').then(res => {
        res.data.map(ele => {
          ele["result"] = {};
          ele["quoteCode"] = 0;
          ele["checked"] = false;
          ele["msg"] = "";
          ele["lastYearMsg"] = "";
          ele["agreementId"] = "";
          ele["apiType"] = "";
          ele["orderstatus"] = 0;
          ele.coefficient=''
          // ele.agreementId = ele.agreement[0].id;
          ele.apiType = ele.agreement[0].apiType;
          ele.underwritingDescription =  ele.agreement[0].underwritingDescription
        });
        if(this.$route.query.data){
          res.data.forEach((val,index)=>{
            this.$route.query.data.insAreaCompanyEditingDtos.forEach(ele=>{
              if(val.namesimple==ele.inscompany){
                res.data[index].quoteCode=200
                res.data[index].result=ele
              }
            })
          })
        }
        this.totalCompanyList = res.data;
      });
    },
    Payment(id,item) {
      this.carcode(id,item);
    },
    //选择协议  val:协议id  row：协议列表  index：下标  item：保险公司数据集合
    agreementChange(val, row, index, item) {
      let obj = {};
      obj = row.find(item => {
        return item;
      })
      let selectRow = row.find(item => {
        return item.id==val;
      })
      this.totalCompanyList[index].apiType = obj.apiType;
      this.totalCompanyList[index].underwritingDescription = val?selectRow.underwritingDescription:''; //重新赋值修改选中协议承保描述
      switch (item.namesimple) {
        case '永诚财险':
          this.accidentForm.agreementId = item.agreementId
          this.$api.letter.ycgainAccidentList({ companyCode: item.id, agreementId: item.agreementId,seatNum: Number(this.carInfo.seatCount) }).then(res => {
            if (res.code == 200) {
              this.accidentDataList = res.data;
            }
          });
          break;
          case '国任财险':
          this.guoRenaccidentForm.agreementId = item.agreementId
          this.$api.letter.syncNonAutoInsGuoren({  agreementId: item.agreementId }).then(res => {
            if (res.code == 200) {
              this.guoRenaccidentDataList = res.data;
            }
            else{
              this.guoRenaccidentDataList = [];
            }
          });
          break;
          case '渤海财险':
          this.boHaiaccidentForm.agreementId = item.agreementId
          let policyHolderInfo=this.tbczcarShow?this.ownerInfo:this.policyHolderInfo
          let productQueryVo={
            agreementId:item.agreementId,
            carnature:this.carInfo.carnature,
            cimodelclass: this.carInfo.cimodelclass,
            exhaustScale: this.carInfo.enginedesc,
            limitLoad:this.carInfo.limitLoad,
            powerScale:this.carInfo.powerScale,
            seatCount:this.carInfo.seatCount,
            vehicleUse:this.carInfo.vehicleUse,
            policyHolderInfo,
            insuredPersonInfo:this.bbczcarShow?this.ownerInfo:this.bbtbcarShow?policyHolderInfo:this.insuredPersonInfo,
          }
          console.log(productQueryVo.insuredPersonInfo,this.bbczcarShow,this.bbtbcarShow,1111111111)
          this.$api.letter.productQueryboHai(productQueryVo).then(res => {
            if (res.code == 200) {
              this.boHaiaccidentDataList = res.data;
            }
            else{
              this.boHaiaccidentDataList = [];
            }
          });
          break;
        case '紫金财险':
          this.$api.letter.zijinqueryVehicleProducts({ agreementId: val, seatCount: Number(this.carInfo.seatCount) }).then(res => {
            if (res.code == 200) {
              let data = res.data;
              data.map(ele => {
                ele.quantity = 1;
                return ele;
              })
              this.ziJinInsuranceData = data;
            }
            else{
              this.$message.error(res.msg)
            }
          });
          break;
          case '中国人寿':
          case '恒邦财险':
          case '太平财险':
          case '安盛天平':
          case '华农财险':
          case '众安财险':
          this.$api.letter.pythongetDriving({ agreementId: val}).then(res => {
            if (res.code == 200) {
              let data = res.data;
              data.map(ele => {
                ele.quantity = 1;
                return ele;
              })
              this[item.cnName+'InsuranceData'] = data;
            }
          });
          break;
        case '大家财险':
          this.$api.letter.dajiagetDriving({ agreementId: item.agreementId }).then(res => {
            if (res.code == 200) {
              this.dajiaInsuranceData = res.data;
            }
          });
          break;
        default:
          break;
      }

    },
    CheckboxChange(select, row) {
      this.accidentalDrivingVo = [];
      select.map(val => {
        this.accidentalDrivingVo.push(val)
        return val;
      })
    },


    //恒邦驾意险选择
    HBDrivingChange(row){
      this.hengbangaccidentalDrivingVo=row;
    },

    //人寿驾意险选择
    RSDrivingChange(row){
      this.renshouaccidentalDrivingVo=row;
    },
    //众安驾意险选择
    ZADrivingChange(row){
      this.zhonganaccidentalDrivingVo=row;
    },
    RSDrivingRadio(row){
      this.RSDrivingChange(row)
    },
    HBDrivingRadio(row){
      this.HBDrivingChange(row)
    },
    //安盛驾意险选择
    ASDrivingRadio(row){
      this.AStemplateSelection=row.productCode;
      this.anshengaccidentalDrivingVo.productCode=row.productCode;
      this.anshengaccidentalDrivingVo.productName=row.productName;
    },
    ZADrivingRadio(row){
      this.ZADrivingChange(row)
    },
    // 国任特约选择
    contributingGuoRen(id){
      this.zijinengageListData = [];
      this.contributingLoading=true
      this.contributingState=true
      this.hbsubmitdialogVisible=true
        this.$api.letter.guorenqueryClauseData
        ({ agreementId: id }).then(res => {
          this.contributingLoading=false
          res.data.forEach(val=>{
            val.clauseName=val.clauses
            val.clauseContent=val.clausesContext
          })
          this.zijinengageListData = res.data;
        });
    },
    //紫金特约选择
    zijinengageChange(select, row) {
      this.zijinengageList = [];
      select.map(val => {
        this.zijinengageList.push({
          clauseCode: val.clauseCode,
          clauseName: val.clauseName,
          clauses: val.clauseContent,
          riskCode: val.riskCode,
        })
        return val;
      })
    },
    zijinengageChangeAll( row) {
      if(row){
        this.zijinengageChange(row)
      }
      else{
        this.$refs.expandTablePro.clearSelection();
        this.zijinengageList = [];
      }
    },
    //紫金特约内容编辑
    zijincellDblclick(row,column){
      this.currentCell = row.index + ',' + column.index;
      if(!['clauseContent'].includes(column.property) && row.modifyFlag=='1'){
      setTimeout(() => {
      this.$refs[row.index + ',' + column.index].focus();
      })
      }
    },
    tableCellClassName({row, column, rowIndex, columnIndex}){
      row.index=rowIndex;
      column.index=columnIndex;
    },
    hideInput(){
      this.currentCell = null;
    },

    //勾选保险公司
    initchange(e, code, name, index) {
      if(e){
        let ins = this.totalCompanyList[index].namesimple;
      // this.totalCompanyList[index].agreementId = "";
      this.totalCompanyList[index].checked = e;
      // this.totalCompanyList[index].agreementId = this.totalCompanyList[index].agreement[0].id;
      this.totalCompanyList[index].underwritingDescription = this.totalCompanyList[index].agreement[0].underwritingDescription;
      // if (this.carInfo.licenseNo.slice(0, 2) != '晋A' && ins == '中煤财险') {
      //   this.totalCompanyList[0].agreementId = this.totalCompanyList[0].agreement[1].id;
      // }
      switch (ins) {
        case '永诚财险':
          this.accidentForm.agreementId = this.totalCompanyList[index].agreement[0].id;
          this.$api.letter.ycgainAccidentList({ companyCode: this.totalCompanyList[index].id, agreementId: this.totalCompanyList[index].agreement[0].id,seatNum: Number(this.carInfo.seatCount) }).then(res => {
            if (res.code == 200) {
              this.accidentDataList = res.data;
            }
            else{
              this.accidentDataList = []
            }
          });
          break;
        case '国任财险':
          this.guoRenaccidentForm.agreementId = this.totalCompanyList[index].agreement[0].id;
          this.$api.letter.syncNonAutoInsGuoren({ goodsCode: "", agreementId: this.totalCompanyList[index].agreement[0].id }).then(res => {
            if (res.code == 200) {
              this.guoRenaccidentDataList = res.data;
            }
            else{
              this.guoRenaccidentDataList = []
            }
          });
          break;
        case '紫金财险':
          this.$api.letter.zijinqueryVehicleProducts({ agreementId: this.totalCompanyList[index].agreement[0].id, seatCount: Number(this.carInfo.seatCount) }).then(res => {
            if (res.code == 200) {
              let data = res.data;
              data.map(ele => {
                ele.quantity = 1;
                return ele;
              })
              this.ziJinInsuranceData = data;
            }
            else{
              this.$message.error(res.msg)
            }
          });
          break;
        case '安盛天平':
          this.$api.letter.pythongetDriving({ agreementId: this.totalCompanyList[index].agreement[0].id}).then(res => {
            if (res.code == 200) {
              let data = res.data;
              data.map(ele => {
                ele.departmentProductList.map(val=>{
                  val.quantity = 1;
                })
                return ele;
              })
              this[name+"InsuranceData"] = data;
            }
            else{
              this.$message.error(res.msg)
            }
          });
          break;
        case '中国人寿':
        case '恒邦财险':
        case '太平财险':
        case '华农财险':
        case '众安财险':
          this.$api.letter.pythongetDriving({ agreementId: this.totalCompanyList[index].agreement[0].id}).then(res => {
            if (res.code == 200) {
              let data = res.data;
              data.map(ele => {
                ele.quantity = 1;
                return ele;
              })
              this[name+"InsuranceData"] = data;
            }
            else{
              this.$message.error(res.msg)
            }
          });
          break;
        case '中煤财险':
        this.accidentFormZM.agreementId = this.totalCompanyList[index].agreement[0].id;
          this.$api.letter.zmGetDrivingPro({ agreementId: this.totalCompanyList[index].agreement[0].id,seatNum:this.carInfo.seatCount}).then(res => {
            if (res.code == 200) {
              let data = res.data;
              this[name+"InsuranceData"] = data;
            }
            else{
              this.$message.error(res.msg)
            }
          });
          break;
        case '大家财险':
          this.$api.letter.dajiagetDriving({ agreementId:  this.totalCompanyList[index].agreement[0].id }).then(res => {
            if (res.code == 200) {
              this.dajiaInsuranceData = res.data;
            }
            else{
              this.$message.error(res.msg)
            }
          });
          break;
        default:
          break;
      }
      }else{

      }

    },
    clearAccidentForm() {
      this.accidentForm={}
      this.accidentForm.fen=1
      this.accidentForm.premium=0
    },
    clearAccidentFormGr() {
      this.guoRenaccidenttableData=[],
      this.guoRenaccidentDataListChild=[]
      this.guoRenaccidentForm = {
        quantity: "1",
        premium:0
      };

    },
    clearAccidentFormBh(){
      this.boHaiaccidenttableData=[]
      this.boHaiaccidentForm= {
        copies: "1",
        premium:0
      };
      // this.bohaiaccidentalDrivingVo={};
    },
    clearAccidentFormHN(){
      this.huanongaccidentalDrivingVo={};
    },
    clearAccidentFormHB(){
      this.hengbangaccidentalDrivingVo={};
    },
    clearAccidentFormTP(){
      this.taipingaccidentalDrivingVo={};
    },
    clearAccidentFormDJ(){
      this.dajiaaccidentalDrivingVo={};
    },
    clearAccidentFormZM(){
      this.zhongmeiaccidentalDrivingVo={};
    },
    clearAccidentFormZJ(){
      this.accidentalDrivingVo=[]
    },
    clearAccidentFormZA(){
      this.zhonganaccidentalDrivingVo={};
    },
    clearAccidentFormRS(){
      this.renshouaccidentalDrivingVo={};
    },
    clearAccidentFormAS(){
      this.anshengaccidentalDrivingVo={};
    },
    //身份证有效期长期
    insureLongterm(e) {
      this[e].identifyValidEndDate = "9999-12-31";
    },
    //较强起保日期事件
    jqChange(e) {
      this.jqendDate = this.oneYearPast1(e);
    },
    //商业起保日期事件
    syChange(e) {
      this.syendDate = this.oneYearPast1(e);
    },
    // //查看更多
    // selectMore(leg) {
    //   this.insureMore = false;
    //   this.insureLength = leg;
    // },
    // //收起
    // packup() {
    //   this.insureMore = true;
    //   this.insureLength = 5;
    // },
    //险别选择框事件
    insureitemChange(e) {
      if (e != 0) {
        this.sychecked = true;
        this.systartDate = this.transformTime1();
        this.syendDate = this.oneYearPast1(this.systartDate);
      }
    },
    all() {
      this.$refs.detailsDialog.setBackupVisible(true)
    },
    base64ToBlob(code) {
      code = code.replace(/[\n\r]/g, "");
      // atob() 方法用于解码使用 base-64 编码的字符串。
      const raw = window.atob(code);
      const rawLength = raw.length;
      const uInt8Array = new Uint8Array(rawLength);
      for (let i = 0; i < rawLength; ++i) {
        uInt8Array[i] = raw.charCodeAt(i);
      }
      return new Blob([uInt8Array], { type: "application/pdf" });
    },
    viewPdf(content) {
      if (!content) {
        this.$message.error("暂无文件");
        return;
      }
      const blob = this.base64ToBlob(content);
      this.href = blob;
      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
        window.navigator.msSaveOrOpenBlob(blob);
      } else {
        const fileURL = URL.createObjectURL(blob);
        window.open(fileURL);
      }
    },
    creatQrCode(text) {
      if (this.qrcode) {
        this.qrcode.clear();
        this.qrcode.makeCode(text);
      } else {
        this.qrcode = new QRCode("qrcode", {
          text: text,
          width: this.qrcodeWidth,
          height: this.qrcodeHeight ,
          colorDark: "#000000",
          colorLight: "#ffffff",
          correctLevel: QRCode.CorrectLevel.H
        });
      }
    },
    //人工核保
    underwriting(id) {
      let param = {
        companyId: id
      };
      this.$api.letter.manualUnderwriting(param).then(res => {
        if (res.code == "200") {
          this.Payment(id);
        }
      });
    },
    jqcheckedChange(e) {
      if (e) {
        this.jqstartDate = this.transformTime1();
        this.jqendDate = this.oneYearPast1(this.jqstartDate);
      } else {
        this.jqstartDate = "";
        this.jqendDate = "";
      }
    },
    sycheckedChange(e) {
      if (e) {
        this.systartDate = this.transformTime1();
        this.syendDate = this.oneYearPast1(this.systartDate);
      } else {
        this.systartDate = "";
        this.syendDate = "";
      }
    },
    //报价
    quote() {
      let starttime = new Date(this.carInfo.registerDate)
      let endtime = new Date(this.carInfo.issueDate)
      if (endtime < starttime) {
        this.$message({ message: "发证日期早于初登日期", type: "error" });
        return;
      }
      this.$refs["carInfo"].validate(valid => {
        if (valid) {
          var _this = this;
          _this.$refs["ownerInfo"].validate(valid1 => {
            if (valid1) {
              if (_this.tbczcarShow == true) {
                _this.policyHolderInfo = JSON.parse(
                  JSON.stringify(_this.ownerInfo)
                );
              }
              if (_this.bbczcarShow == true) {
                _this.insuredPersonInfo = JSON.parse(
                  JSON.stringify(_this.ownerInfo)
                );
              }
              if (_this.bbtbcarShow == true) {
                _this.insuredPersonInfo = JSON.parse(
                  JSON.stringify(_this.policyHolderInfo)
                );
              }
              _this.carInfo.vinNo = _this.carInfo.frameNo;
              _this.riskList = []; //险种大类
              _this.kindList = []; //商业险险别
              if (
                (!_this.jqstartDate || !_this.jqendDate) &&
                (!_this.systartDate || !_this.syendDate)
              ) {
                this.$message({ message: "投保日期不能为空", type: "warning" });
              } else {
                this.calculateLoading=true
                setInterval(() => {
                this.calculateLoading=false
                }, 3000);
                if (_this.jqchecked) {
                  //交强
                  _this.jqstartDate = this.transformTime(_this.jqstartDate);
                  _this.jqendDate = this.transformTime(_this.jqendDate);
                  _this.riskList.push({
                    amount: "200000",
                    premium: "0",
                    riskCode: "0507",
                    endDate: _this.jqendDate,
                    startDate: _this.jqstartDate,
                    instantFlag: "0"
                  });
                }
                if (_this.sychecked) {
                  _this.systartDate = this.transformTime(_this.systartDate);
                  _this.syendDate = this.transformTime(_this.syendDate);
                  //商业
                  _this.riskList.push({
                    premium: "0",
                    riskCode: "0510",
                    quotePreceptCode: "",
                    quotePreceptName: "",
                    endDate: _this.syendDate,
                    startDate: _this.systartDate,
                    instantFlag: "0"
                  });
                  _this.insureList.map((ele, index) => {
                    if (
                      ele.amount != "0" &&
                      (ele.kindCode == "D4" || ele.kindCode == "SY_FJ_YBW2")
                    ) {
                      _this.kindList.push({
                        unitAmount: _this.insureList[index].amount,
                        kindCode: _this.insureList[index].kindCode,
                        kindName: _this.insureList[index].kindName
                      });
                    }
                    else if (
                      ele.amount != "0" &&
                      (ele.kindCode == "MJ1" ||
                        ele.kindCode == "MJ2" ||
                        ele.kindCode == "MJ3" ||
                        ele.kindCode == "MJ4")
                    ) {
                      _this.kindList.push({
                        deductibleRate: _this.insureList[index].amount,
                        kindCode: _this.insureList[index].kindCode,
                        kindName: _this.insureList[index].kindName
                      });
                    }
                    else if (
                      ele.amount != "0" &&
                      (ele.kindCode == "TY1" ||
                        ele.kindCode == "TY2" ||
                        ele.kindCode == "TY3" ||
                        ele.kindCode == "TY4")
                    ) {
                      _this.kindList.push({
                        serviceTimes: _this.insureList[index].amount,
                        kindCode: _this.insureList[index].kindCode,
                        kindName: _this.insureList[index].kindName
                      });
                    }
                    else if(ele.amount != "0") {
                      _this.kindList.push({
                        amount: _this.insureList[index].amount,
                        kindCode: _this.insureList[index].kindCode,
                        kindName: _this.insureList[index].kindName
                      });
                    }
                    return ele;
                  });
                } else {
                  _this.kindList = [];
                }
                // if (_this.orderno) {
                  this.OrderStageProcessing();
                // } else {
                //   _this.$api.letter.getquote().then(res => {
                //     _this.quoteno = res.data; //获取报价号
                //     this.OrderStageProcessing();
                //   });
                // }
              }
            } else {
              document.getElementById("CheZhu").scrollIntoView();
              _this.$message({ message: "请检查人员信息", type: "warning" });
            }
          });
        } else {
          document.getElementById("Car").scrollIntoView();
          this.$message({ message: "请检查车辆信息", type: "warning" });
          return false;
        }
      });
    },
    //动态函数
    ToolClickFun(MethodName, Parameter, companyId, companyName) {
      this[`${MethodName}`](Parameter, companyId, companyName);
    },

    //更新报价历史
    QuotationHistory() {
      let params = {
        orderNo: this.orderno,
        orderStatus: ""
      };
      this.$api.letter.queryQuoteHistory(params).then(res => {
        res.data.forEach(item => {
          if( item.accidentInfo){
            item.accidentInfo.constructor=== Object?[item.accidentInfo]:item.accidentInfo
          }
        })
        this.HistoryList = res.data;
      });
    },
    open2(Name, Msg) {
      this.$notify.info({
        title: Name,
        dangerouslyUseHTMLString: true,
        type: 'warning',
        message: Msg,
        customClass: "customNotifyClass",
        duration: 7000,
      });
    },
    openPredictInfo(Name, Msg) {
      this.redictInfoMsg=Msg
      this.redictInfodialogVisible=true
    },
    //订单生成前数据处理事件
    OrderStageProcessing() {
      if (this.tbczcarShow && this.imageList2.length > 0) { //投保人同车主
        this.imageList3 = JSON.parse(JSON.stringify(this.imageList2));
        if (this.imageList3.length == 1) {
          this.imageList3[0].imageType = "C03";
        } else {
          this.imageList3[0].imageType = "C03";
          this.imageList3[1].imageType = "D03";
        }
      }
      if (this.bbczcarShow && this.imageList2.length > 0) { //被保人同车主
        this.imageList4 = JSON.parse(JSON.stringify(this.imageList2));
        if (this.imageList4.length == 1) {
          this.imageList4[0].imageType = "C04";
        } else {
          this.imageList4[0].imageType = "C04";
          this.imageList4[1].imageType = "D04";
        }
      }
      if (this.bbtbcarShow && this.imageList3.length > 0) { //被保人同投保人
        this.imageList4 = JSON.parse(JSON.stringify(this.imageList3));
        if (this.imageList4.length == 1) {
          this.imageList4[0].imageType = "C04";
        } else {
          this.imageList4[0].imageType = "C04";
          this.imageList4[1].imageType = "D04";
        }
      }

      //日期长度<10处理
      const formatDate = (date) => {
        if (date.length < 10) {
          return this.timeformat(date);
        }
        return date;
      };
      if (this.carInfo.registerDate.length < 10) {
        this.carInfo.registerDate = formatDate(this.carInfo.registerDate);
      }
      if (this.carInfo.issueDate.length < 10) {
        this.carInfo.issueDate = formatDate(this.carInfo.issueDate);
      }
      if (this.carInfo.transferDate && this.carInfo.transferDate.length < 10 && this.carInfo.transferDate !== "") {
        this.carInfo.transferDate = formatDate(this.carInfo.transferDate);
      }

      //日期长度<10处理
      //提交身份证/驾驶证  ——————————————————
      this.policyHolderInfo.owner=this.tbczcarShow
      this.insuredPersonInfo.owner=this.bbczcarShow
      this.insuredPersonInfo.insuranceHolder=this.bbtbcarShow
      if(typeof(this.ownerInfo.provinceData)=='string'){
        this.ownerInfo.provinceData=[]
      }
      if(typeof(this.insuredPersonInfo.provinceData)=='string'){
        this.insuredPersonInfo.provinceData=[]
      }
      if(typeof(this.policyHolderInfo.provinceData)=='string'){
        this.policyHolderInfo.provinceData=[]
      }
      let param = {
        userId: this.userId,
        quoteno: this.quoteno,
        orderNo: this.orderno ,
        carInfo: this.carInfo,
        insuredPersonInfo: this.insuredPersonInfo,
        ownerInfo: this.ownerInfo,
        policyHolderInfo: this.policyHolderInfo,
        kindList: this.kindList,
        riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm,
      };
      this.$api.letter.generateOrder(param).then(res => {
        if (res.code == "200") {
              //上传图片
            const mergedArray = [...this.imageList1, ...this.imageList2, ...this.imageList3, ...this.imageList4,...this.imageList5];
            if (mergedArray.length > 0) {
              let imageparam = {
                imageList: mergedArray,
                quoteNo: res.data.quoteno
              }
              this.$api.letter.uploadImages(imageparam).then(responses => {
                this.imageEcho(res.data.quoteno); // 获取图片
              });
            }
          this.quoteno=res.data.quoteno
          this.orderno = res.data.orderno;
          this.totalCompanyList.map((ele, index) => {
            if (ele.checked) {
              //动态调用报价接口
              ele.quoteCode = 1;
              ele.orderstatus = 0;
              this.ToolClickFun(ele.cnName, index, ele.id, ele.namesimple);
            }
          });
        }
        else if(res.code==1001){
          this.$confirm('是否生成新订单?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            this.orderno=''
            this.quoteno=''
            this.quote()
          }).catch(() => {
          });
        }
        else {
          this.$message({ message: res.msg, type: "warning" });
        }
      });
      document.getElementById("company").scrollIntoView();
        this.imageUploadShow = true;
      },
    //永安报价
    yongan(num, id) {
      let params = {
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
      };
      this.$api.letter.yonganquote(params).then(res => {
        this.totalCompanyList[num].msg = res.msg;
        if (res.msg == "重复投保" && res.code == "501") {
          if (!!res.data.jqStartDate && !res.data.syStartDate) {
            this.jqstartDate = res.data.jqStartDate;
            this.jqendDate = res.data.jqEndDate;
            this.updateRiskDates("0507", res.data.jqStartDate, res.data.jqEndDate);
            let param = {
              userId: this.userId,
              quoteno: this.quoteno,
              orderNo: this.orderno,
              carInfo: this.carInfo,
              insuredPersonInfo: this.insuredPersonInfo,
              ownerInfo: this.ownerInfo,
              policyHolderInfo: this.policyHolderInfo,
              kindList: this.kindList,
              riskList: this.riskList,
              vehicleAndVesselTax:this.vehicleAndVesselTaxForm
            };
            return this.$api.letter.generateOrder(param).then(res => {
              this.yongan(num, id);
            });
          } else if (!!res.data.syStartDate && !res.data.jqStartDate) {
            this.systartDate = res.data.syStartDate;
            this.syendDate = res.data.syEndDate;
            this.updateRiskDates("0510", res.data.syStartDate, res.data.syEndDate);
            let param = {
              userId: this.userId,
              quoteno: this.quoteno,
              orderNo: this.orderno,
              carInfo: this.carInfo,
              insuredPersonInfo: this.insuredPersonInfo,
              ownerInfo: this.ownerInfo,
              policyHolderInfo: this.policyHolderInfo,
              kindList: this.kindList,
              riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm

            };
            return this.$api.letter.generateOrder(param).then(res => {
              this.yongan(num, id);
            });
          } else if (!!res.data.syStartDate && !!res.data.jqStartDate) {
            this.jqstartDate = res.data.jqStartDate;
            this.jqendDate = res.data.jqEndDate;
            this.systartDate = res.data.syStartDate;
            this.syendDate = res.data.syEndDate;
            this.updateRiskDates("0507", res.data.jqStartDate, res.data.jqEndDate);
            this.updateRiskDates("0510", res.data.syStartDate, res.data.syEndDate);
            let param = {
              userId: this.userId,
              quoteno: this.quoteno,
              orderNo: this.orderno,
              carInfo: this.carInfo,
              insuredPersonInfo: this.insuredPersonInfo,
              ownerInfo: this.ownerInfo,
              policyHolderInfo: this.policyHolderInfo,
              kindList: this.kindList,
              riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm

            };
            return this.$api.letter.generateOrder(param).then(res => {
              this.yongan(num, id);
            });
          } else {
            this.totalCompanyList[num].quoteCode = "3";
            this.totalCompanyList[num].msg = "重复投保";
          }
        } else if (
          res.code == "500" ||
          res.code == "502" ||
          res.code == "-9999"
        ) {
          this.totalCompanyList[num].quoteCode = "-9999";
          this.totalCompanyList[num].msg = res.msg;
        } else {
          if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
            this.totalCompanyList[num].lastYearMsg = "";
            let dat = res.data.warnMessageList;
            dat.map(ele => {
              this.totalCompanyList[num].lastYearMsg += ele + '<br>';
            })
          }
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();
        }
      });
    },
    updateRiskDates(riskCode, startDate, endDate) {
      for (let i = 0; i < this.riskList.length; i++) {
        if (this.riskList[i].riskCode == riskCode) {
          this.riskList[i].startDate = startDate;
          this.riskList[i].endDate = endDate;
        }
      }
    },

    //中煤报价
    zhongmei(num, id) {
      let accidentalDrivingVo={};
      // if(this.zhongmeiaccidentalDrivingVo){
      //   accidentalDrivingVo.rideRiskCode=this.zhongmeiaccidentalDrivingVo.schemeNo;
      //   accidentalDrivingVo.rideRiskName=this.zhongmeiaccidentalDrivingVo.schemeName;
      //   accidentalDrivingVo.quantity=this.zhongmeiaccidentalDrivingVo.quantity;
      // }
      if (this.accidentFormZM.rideRiskCode) {
        accidentalDrivingVo = {
          rideRiskCode: this.accidentFormZM.rideRiskCode,
          rideRiskName: this.accidentFormZM.rideRiskName,
          quantity: this.accidentFormZM.quantity ? this.accidentFormZM.quantity : "1",
        };
      }
      let params = {
        accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
      };
      this.$api.letter.zhongmeiquote(params).then(res => {
        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) {
          this.totalCompanyList[num].lastYearMsg = "<b>交强险</b><br>" + res.msg.slice(res.msg.indexOf("起保日期 "), res.msg.indexOf("地区 山西。") + 6);
          let time =
            res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
          this.jqstartDate = time;
          this.jqendDate = this.oneYearPast1(time);
          if (this.riskList.length > 0) {
            for (let i = 0; i < this.riskList.length; i++) {
              if (this.riskList[i].riskCode == "0507") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              }
            }
          }
          let param = {
            userId: this.userId,
            quoteno: this.quoteno,
            orderNo: this.orderno,
            carInfo: this.carInfo,
            insuredPersonInfo: this.insuredPersonInfo,
            ownerInfo: this.ownerInfo,
            policyHolderInfo: this.policyHolderInfo,
            kindList: this.kindList,
            riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm

          };
          return this.$api.letter.generateOrder(param).then(res => {
            this.zhongmei(num, id);
          });
        } else if (!!res.data) {
          if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
            this.totalCompanyList[num].lastYearMsg = "";
            let dat = res.data.warnMessageList;
            dat.map(ele => {
              this.totalCompanyList[num].lastYearMsg += ele + '<br>';
            })
          }
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();
        } else {
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
          return;
        }
      });
    },
    // 大家报价
    dajia(num, id) {
      // let accidentalDrivingVo=[]
      // if(this.dajiaaccidentalDrivingVo){
      //   accidentalDrivingVo.rideRiskCode=this.dajiaaccidentalDrivingVo.schemeNo;
      //   accidentalDrivingVo.rideRiskName=this.dajiaaccidentalDrivingVo.cvrgName;
      //   accidentalDrivingVo.quantity=this.dajiaaccidentalDrivingVo.quantity;
      // }

      let params = {
        accidentalDrivingVo: this.dajiaaccidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
      };
      this.$api.letter.dajiaquote(params).then(res => {
        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) {
          this.totalCompanyList[num].lastYearMsg = "<b>交强险</b><br>" + res.msg.slice(res.msg.indexOf("起保日期 "), res.msg.indexOf("地区 山西。") + 6);
          let time =
            res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
          this.jqstartDate = time;
          this.jqendDate = this.oneYearPast1(time);
          if (this.riskList.length > 0) {
            for (let i = 0; i < this.riskList.length; i++) {
              if (this.riskList[i].riskCode == "0507") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              }
            }
          }
          let param = {
            userId: this.userId,
            quoteno: this.quoteno,
            orderNo: this.orderno,
            carInfo: this.carInfo,
            insuredPersonInfo: this.insuredPersonInfo,
            ownerInfo: this.ownerInfo,
            policyHolderInfo: this.policyHolderInfo,
            kindList: this.kindList,
            riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm

          };
          return this.$api.letter.generateOrder(param).then(res => {
            this.dajia(num, id);
          });
        } else if (!!res.data) {
          if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
            this.totalCompanyList[num].lastYearMsg = "";
            let dat = res.data.warnMessageList;
            dat.map(ele => {
              this.totalCompanyList[num].lastYearMsg += ele + '<br>';
            })
          }
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();

        } else {
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
          return;
        }
      });
    },
    //华泰报价
    huatai(num,id){
      let params = {
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
      };
      this.$api.letter.huataiquote(params).then(res => {
        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 time = res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
          this.jqstartDate = time;
          this.jqendDate = this.oneYearPast1(time);
          this.systartDate = time;
          this.syendDate = this.oneYearPast1(time);
          if (this.riskList.length > 0) {
            for (let i = 0; i < this.riskList.length; i++) {
              if (this.riskList[i].riskCode == "0507") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              } else if (this.riskList[i].riskCode == "0510") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              }
            }
          }
          let param = {
            userId: this.userId,
            quoteno: this.quoteno,
            orderNo: this.orderno,
            carInfo: this.carInfo,
            insuredPersonInfo: this.insuredPersonInfo,
            ownerInfo: this.ownerInfo,
            policyHolderInfo: this.policyHolderInfo,
            kindList: this.kindList,
            riskList: this.riskList,
            vehicleAndVesselTax:this.vehicleAndVesselTaxForm

          };
          return this.$api.letter.generateOrder(param).then(res => {
            this.huatai(num, id);
          });
        } else if (!!res.data) {
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();
        } else {
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
          return;
        }
      });
    },
    //紫金报价
    zijin(num, id) {
      let params = {
        accidentalDrivingVo: this.accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
        coefficient:this.totalCompanyList[num].coefficient
      };
      this.$api.letter.zijinquote(params).then(res => {
        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 time =
            res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
          this.jqstartDate = time;
          this.jqendDate = this.oneYearPast1(time);
          this.systartDate = time;
          this.syendDate = this.oneYearPast1(time);
          if (this.riskList.length > 0) {
            for (let i = 0; i < this.riskList.length; i++) {
              if (this.riskList[i].riskCode == "0507") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              } else if (this.riskList[i].riskCode == "0510") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              }
            }
          }
          let param = {
            userId: this.userId,
            quoteno: this.quoteno,
            orderNo: this.orderno,
            carInfo: this.carInfo,
            insuredPersonInfo: this.insuredPersonInfo,
            ownerInfo: this.ownerInfo,
            policyHolderInfo: this.policyHolderInfo,
            kindList: this.kindList,
            riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm

          };
          return this.$api.letter.generateOrder(param).then(res => {
            this.zijin(num, id);

          });
        } else if (!!res.data) {
          if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
            this.totalCompanyList[num].lastYearMsg = "";
            let dat = res.data.warnMessageList;
            dat.map(ele => {
              this.totalCompanyList[num].lastYearMsg += ele + '<br>';
            })
          }
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();
        } else {
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
          return;
        }
      });
    },
    //永诚报价
    yongcheng(num, id) {
      this.iscCrownerShow=false
      this.isInsuredShow=false
      this.isApplicantShow=false
      let accidentalDrivingVo = {};
      if (this.accidentForm.code) {
        let data = this.accidentDataList.find(
          val => val.code == this.accidentForm.accidentType
        );

        accidentalDrivingVo = {
          rideRiskCode: data.code ? data.code : "",
          rideRiskName: data.name ? data.name : "",
          quantity: this.accidentForm.fen ? this.accidentForm.fen : "",
        };
      }
      let params = {
        accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        cqryCdeJq: this.cqryCdeJq,
        cqryCdeSy: this.cqryCdeSy,
        renewalCodeJq: this.renewalCodeJq,
        renewalCodeSy: this.renewalCodeSy,
        agreementId: this.totalCompanyList[num].agreementId,
      };
      this.$api.letter.yongchengquote(params).then(res => {
        this.totalCompanyList[num].msg = res.msg;
        if (
          res.data == null &&
          res.msg.indexOf("车险平台返回") > -1 &&
          res.msg.indexOf(";终保日期") > -1
        ) {
          let time =
            res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
          this.jqstartDate = time;
          this.jqendDate = this.oneYearPast1(time);

          if (this.riskList.length > 0) {
            for (let i = 0; i < this.riskList.length; i++) {
              if (this.riskList[i].riskCode == "0507") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              }
            }
          }
          let param = {
            userId: this.userId,
            quoteno: this.quoteno,
            orderNo: this.orderno,
            carInfo: this.carInfo,
            insuredPersonInfo: this.insuredPersonInfo,
            ownerInfo: this.ownerInfo,
            policyHolderInfo: this.policyHolderInfo,
            kindList: this.kindList,
            riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm

          };

          return this.$api.letter.generateOrder(param).then(res => {
            this.yongcheng(num, id);
          });
        } else if (res.code == "200") {
          if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
            this.totalCompanyList[num].lastYearMsg = "";
            let dat = res.data.warnMessageList;
            dat.map(ele => {
              this.totalCompanyList[num].lastYearMsg += ele + '<br>';
            })
          }
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();
        } else if (res.code == "101") {
          this.totalCompanyList[num].quoteCode = "101";
          this.totalCompanyList[num].msg = res.msg;
          this.cqryCdeJq = res.data.cqryCdeJq;
          this.cqryCdeSy = res.data.cqryCdeSy;
          let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
          let jqBase64 = `data:image/png;base64,${jq}`;
          this.renewalCodeJqImg = jqBase64;
          if (res.data.renewalCodeSy) {
            let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
            let syBase64 = `data:image/png;base64,${sy}`;
            this.renewalCodeSyImg = syBase64;
          }
          this.renewalCodedialogVisible = true;
        } else if (res.code == "500") {
          // this.iscCrownerShow=res.msg.indexOf("车主地区自动解析失败")!=-1?true:false
          // this.isInsuredShow=res.msg.indexOf("被保人地区自动解析失败")!=-1?true:false
          // this.isApplicantShow=res.msg.indexOf("投保人地区自动解析失败")!=-1?true:false
          // this.ownerInfo.provinceData= this.iscCrownerShow?[]: this.ownerInfo.provinceData
          // this.insuredPersonInfo.provinceData= this.isInsuredShow?[]: this.insuredPersonInfo.provinceData
          // this.policyHolderInfo.provinceData= this.isApplicantShow?[]: this.policyHolderInfo.provinceData
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
        }
        else {
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
          return;
        }
      });
    },
    //国任报价
    guoRen(num, id) {
      let guoRenSpecialAgreementVo=[]
      this.zijinengageList.forEach(val=>{
        guoRenSpecialAgreementVo.push({
          clauses:val.clauseName,
          clausesContext:val.clauses,
          clauseCode:val.clauseCode,
          riskCode:val.riskCode,
          riskName:val.riskName,
        })
      })
      let accidentalDrivingVo = {};
      if ( this.guoRenaccidentForm.goodsCode) {
        accidentalDrivingVo = {
          ...this.guoRenaccidentForm,
        };
      }
      let params = {
        accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        cqryCdeJq: this.cqryCdeJq,
        cqryCdeSy: this.cqryCdeSy,
        renewalCodeJq: this.renewalCodeJq,
        renewalCodeSy: this.renewalCodeSy,
        agreementId: this.totalCompanyList[num].agreementId,
        guoRenSpecialAgreementVo
      };
      this.$api.letter.guorenquote(params).then(res => {

        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 time =
            res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
          this.jqstartDate = time;
          this.jqendDate = this.oneYearPast1(time);
          this.systartDate = time;
          this.syendDate = this.oneYearPast1(time);
          if (this.riskList.length > 0) {
            for (let i = 0; i < this.riskList.length; i++) {
              if (this.riskList[i].riskCode == "0507") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              } else if (this.riskList[i].riskCode == "0510") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              }
            }
          }
          let param = {
            userId: this.userId,
            quoteno: this.quoteno,
            orderNo: this.orderno,
            carInfo: this.carInfo,
            insuredPersonInfo: this.insuredPersonInfo,
            ownerInfo: this.ownerInfo,
            policyHolderInfo: this.policyHolderInfo,
            kindList: this.kindList,
            riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm
          };
          return this.$api.letter.generateOrder(param).then(res => {
            this.guoRen(num, id);
          });
        } else if (res.code == "200") {
          if ( res.data.warnMessageList && res.data.warnMessageList.length > 0) {
            this.totalCompanyList[num].lastYearMsg = "";
            let dat = res.data.warnMessageList;
            dat.map(ele => {
              this.totalCompanyList[num].lastYearMsg += ele + '<br>';
            })
          }
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();
        } else if (res.code == "101") {
          this.totalCompanyList[num].quoteCode = "101";
          this.totalCompanyList[num].msg = res.msg;
          this.cqryCdeJq = res.data.cqryCdeJq;
          this.cqryCdeSy = res.data.cqryCdeSy;
          let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
          let jqBase64 = `data:image/png;base64,${jq}`;
          this.renewalCodeJqImg = jqBase64;
          if (res.data.renewalCodeSy) {
            let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
            let syBase64 = `data:image/png;base64,${sy}`;
            this.renewalCodeSyImg = syBase64;
          }
          this.renewalCodedialogVisible = true;
        } else {
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
          return;
        }
      });
    },
    //渤海报价
    bohai(num, id) {
      let accidentalDrivingVo = [];
      if ( this.boHaiaccidentForm.packageCode) {
        accidentalDrivingVo=[{
          packageCode:this.boHaiaccidentForm.packageCode,
          productCode:this.boHaiaccidentDataList.find(e=>e.packageCode==this.boHaiaccidentForm.packageCode).productCode,
          copies:this.boHaiaccidentForm.copies,
        }]
      }
      let params = {
        accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        cqryCdeJq: this.cqryCdeJq,
        cqryCdeSy: this.cqryCdeSy,
        renewalCodeJq: this.renewalCodeJq,
        renewalCodeSy: this.renewalCodeSy,
        agreementId: this.totalCompanyList[num].agreementId,
      };
      this.$api.letter.bohaiquote(params).then(res => {
        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 time =
            res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
          this.jqstartDate = time;
          this.jqendDate = this.oneYearPast1(time);
          this.systartDate = time;
          this.syendDate = this.oneYearPast1(time);
          if (this.riskList.length > 0) {
            for (let i = 0; i < this.riskList.length; i++) {
              if (this.riskList[i].riskCode == "0507") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              } else if (this.riskList[i].riskCode == "0510") {
                this.riskList[i].startDate = time;
                this.riskList[i].endDate = this.oneYearPast1(time);
              }
            }
          }
          let param = {
            userId: this.userId,
            quoteno: this.quoteno,
            orderNo: this.orderno,
            carInfo: this.carInfo,
            insuredPersonInfo: this.insuredPersonInfo,
            ownerInfo: this.ownerInfo,
            policyHolderInfo: this.policyHolderInfo,
            kindList: this.kindList,
            riskList: this.riskList,
        vehicleAndVesselTax:this.vehicleAndVesselTaxForm
          };
          return this.$api.letter.generateOrder(param).then(res => {
            this.bohai(num, id);
          });
        } else if (res.code == "200") {
          if ( res.data.warnMessageList && res.data.warnMessageList.length > 0) {
            this.totalCompanyList[num].lastYearMsg = "";
            let dat = res.data.warnMessageList;
            dat.map(ele => {
              this.totalCompanyList[num].lastYearMsg += ele + '<br>';
            })
          }
          this.totalCompanyList[num].quoteCode = 200;
          this.totalCompanyList[num].result = res.data;
          this.QuotationHistory();
        } else if (res.code == "101") {
          this.totalCompanyList[num].quoteCode = "101";
          this.totalCompanyList[num].msg = res.msg;
          this.cqryCdeJq = res.data.cqryCdeJq;
          this.cqryCdeSy = res.data.cqryCdeSy;
          let jq = res.data.renewalCodeJq.replace(/[\r\n]/g, "");
          let jqBase64 = `data:image/png;base64,${jq}`;
          this.renewalCodeJqImg = jqBase64;
          if (res.data.renewalCodeSy) {
            let sy = res.data.renewalCodeSy.replace(/[\r\n]/g, "");
            let syBase64 = `data:image/png;base64,${sy}`;
            this.renewalCodeSyImg = syBase64;
          }
          this.renewalCodedialogVisible = true;
        } else {
          this.totalCompanyList[num].quoteCode = "3";
          this.totalCompanyList[num].msg = res.msg;
          return;
        }
      });
    },

    // 爬虫对接
    quoteInsurance(num, id, namesimple, apiType) {
      let api = apiType == 2 ? "pythonquote" : "anshengquote";
      let ccidenttype=this.totalCompanyList[num].cnName;
      let params = {
        accidentalDrivingVo:this[ccidenttype+'accidentalDrivingVo'],
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
       
      };
      if(namesimple=='中国人寿'&& this.lastCompanyId){
        params.discount=this.totalCompanyList[num].discount
        params.lastCompanyId=this.lastCompanyId
      }
      this.$api.letter[api](params).then(res => {
        this.totalCompanyList[num].msg = res.msg;
        switch (namesimple) {
          case '安盛天平':
          case '中国人寿':
          case '恒邦财险':
          case '华农财险':
          case '太平财险':
            if (!!res.data) {
              if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
                this.totalCompanyList[num].lastYearMsg = "";
                let dat = res.data.warnMessageList;
                dat.map(ele => {
                  this.totalCompanyList[num].lastYearMsg += ele + '<br>';
                })
              }
             if(res.data.predictInfo&& res.data.predictInfo.length > 0){
                this.totalCompanyList[num].predictInfo=res.data.predictInfo
             } 
              this.totalCompanyList[num].quoteCode = 200;
              this.totalCompanyList[num].result = res.data;
              if(namesimple=='中国人寿'&& res.data.companyId){
                this.lastCompanyId = res.data.companyId;
              }
              this.QuotationHistory();
            } else {
              this.totalCompanyList[num].quoteCode = "3";
              this.totalCompanyList[num].msg = res.msg;
              return;
            }
            break;
          case '众安财险':
            if (!!res.data) {
              if(res.data.tips=='需要验车'){
                this.$notify.error({
                  title: '通融单',
                  duration: 0,
                  dangerouslyUseHTMLString: true,
                  message: `<div> ${
                    res.data.warnMessageList.map(item=>{
                        return `<p>${
                      item}</p>`
                    }).join('')}
                    </div>`
                });
              }
              if (res.data.warnMessageList && res.data.warnMessageList.length > 0) {
                this.totalCompanyList[num].lastYearMsg = "";
                let dat = res.data.warnMessageList;
                dat.map(ele => {
                  this.totalCompanyList[num].lastYearMsg += ele + '<br>';
                })
              }
              this.totalCompanyList[num].quoteCode = 200;
              this.totalCompanyList[num].result = res.data;

              this.QuotationHistory();
            } else {
              this.totalCompanyList[num].quoteCode = "3";
              this.totalCompanyList[num].msg = res.msg;
              return;
            }
            break;
          default:
            break;
        }

      });
    },
    //安盛天平
    ansheng(num, id, namesimple) {
      this.quoteInsurance(num, id, namesimple, this.totalCompanyList[num].apiType);
    },
    //众安
    zhongan(num, id, namesimple) {
      this.quoteInsurance(num, id, namesimple, this.totalCompanyList[num].apiType);
    },
    //人寿
    renshou(num, id, namesimple) {
      this.quoteInsurance(num, id, namesimple, this.totalCompanyList[num].apiType);
    },
    //恒邦
    hengbang(num, id, namesimple) {
      this.quoteInsurance(num, id, namesimple, this.totalCompanyList[num].apiType);
    },
    //太平
    taiping(num, id, namesimple) {
      this.quoteInsurance(num, id, namesimple, this.totalCompanyList[num].apiType);
    },
     //华农
     huanong(num, id, namesimple) {
      this.quoteInsurance(num, id, namesimple, this.totalCompanyList[num].apiType);
    },
    // 爬虫对接
    qoutedetail(companyId) {
      let params = {
        companyId: companyId
      };
      this.$api.letter.getByCompanyId(params).then(res => {
        if (res.code == "200") {
          var data = res.data;
          data.kindinfo.map((ele, index) => {
            switch (ele.kindCode) {
              case "A":
                ele.amount = "投保";
                break;
              case "D4":
              case "SY_FJ_YBW2":
                ele.unitAmount = this.toChinesNum(ele.unitAmount);
                break;
              case "MJ1":
              case "MJ2":
              case "MJ3":
              case "MJ4":
                ele.deductibleRate = ele.deductibleRate + "%";
                break;
              default:
                ele.amount = this.toChinesNum(ele.amount);
            }
            return ele;
          });
          this.queryOrders = data;
          //赋值费用信息
          // this.feeDetailInfo=data.orderFeeResult;
        }
      });
      this.$refs.detailsDialog.setBackupVisible(true)

    },
    imageUpload() {
      this.imageUploaddialogVisible = true;
    },
    cancelorder(item) {
      this.$api.letter.zijincancelorder({ companyId: item.id }).then(res => {
        if(res.code==200){
          this.$message({
          message: res.msg,
          type: 'success'
        });
        this.QuotationHistory()
        }
      })
    },
    imageEcho(quotenos) {
      //影像查询
      this.$api.letter.findByQuoteNo(quotenos)
        .then(res => {
          if (res.code == "200") {
            this.imageList1 = [];
            this.imageList2 = [];
            this.imageList3 = [];
            this.imageList4 = [];
            this.imageList5 = [];
            this.imgList1 = [];
            this.imgList2 = [];
            this.imgList3 = [];
            this.imgList4 = [];
            this.imgList5 = [];
            this.imgList6 = [];
            this.imgList7 = [];
            this.imgList8 = [];
            this.imgList9 = [];
            this.imgList10 = [];
            this.imgList11 = [];
            Object.keys(res.data).forEach((keys) => {
              if (res.data[keys].url) {
                res.data[keys].url = process.env.BASE_URL + res.data[keys].url;
                switch (keys) {
                  case 'C01':
                    this.imageList1.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList1.push(res.data[keys]);
                    break;
                  case 'D01':
                    this.imageList1.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList2.push(res.data[keys]);
                    break;
                  case 'C02':
                    this.imageList2.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList3.push(res.data[keys]);
                    break;

                  case 'D02':
                    this.imageList2.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList4.push(res.data[keys]);
                    break;
                  case 'C03':
                    this.imageList3.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList5.push(res.data[keys]);
                    break;
                  case 'D03':
                    this.imageList3.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList6.push(res.data[keys]);
                    break;
                  case 'C04':
                    this.imageList4.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList7.push(res.data[keys]);
                    break;
                  case 'D04':
                    this.imageList4.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList8.push(res.data[keys]);
                    break;
                  case 'XC00':
                    this.imageList5.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList9.push(res.data[keys]);
                    break;
                  case 'GC00':
                    this.imageList5.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList10.push(res.data[keys]);
                    break;
                  case 'GX00':
                    this.imageList5.push({
                      imageId: res.data[keys].imageId,
                      imageType: res.data[keys].imageType,
                    })
                    this.imgList11.push(res.data[keys]);
                    break;
                  default:
                    break;
                }
              }
            });

          } else {
            this.$message({ message: res.msg, type: "info" });
          }
        });

    },
    hbsubmitdialog(data) {
      if (this.imageList1.length == 0 && this.imageList2.length == 0) {
        this.$message({ message: "影像不全，先上传影像", type: "error", });
        return;
      }
      this.companyId = data.result.companyId;
      this.apiType = data.apiType;
      this.hbsubmitdialogVisible = true;
      this.contributingState=false
      if(data.namesimple=='紫金财险'){
        this.$api.letter.zijinqueryClauseData
        ({ companyId: this.companyId }).then(res => {
            this.zijinengageListData = res.data;
          });
      }
      if(data.namesimple=='华泰财险'){
        this.zijinengageList=[]
        this.$api.letter.huataiqueryClauseData({ companyId: this.companyId }).then(res => {
            res.data.forEach(val=>{
              val.clauseCode=val.engageCode
              val.clauseName=val.engageTitle
              val.clauseContent=val.engageDetail
              val.clauses=val.engageDetail
             });
            this.zijinengageListData = res.data;
            this.zijinengageListData.forEach(val=>{
              this.$nextTick(()=>{
                if(val.optType=='2'){
                    this.zijinengageList.push(val)
                    this.$refs.expandTablePro.toggleRowSelection(val,true);
                }
              })

            })
        });
      }
      else{
        this.zijinengageListData = []
      }
      // switch (data.namesimple) {
      //   case "紫金财险":
      //     this.$api.letter.zijinqueryClauseData({ companyId: this.companyId }).then(res => {
      //       this.zijinengageListData = res.data;
      //     });
      //     break;
      //   default:

      //     break;
      // }

    },
    hbsubmit() {
      this.hbsubmitdialogVisible = false;
      this.contributingState=false
      this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(async res => {
        if (res.code == 200) {
          var data = res.data;
          this.queryOrders = data;
          const loading = this.$loading({
            lock: true,
            text: "Loading",
            spinner: "el-icon-loading",
            background: "rgba(0, 0, 0, 0.7)"
          });
          switch (this.queryOrders.inscompany) {
            case "永安财险":
              let api = "";
              api = this.apiType == 2 ? "pythonsubmitImage" : "insyongansubmitImage"
              await this.$api.letter[api]({
                companyId: this.companyId
              })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    let api1 = "";
                    api1 = this.apiType == 2 ? "pythonaudit" : "yonganaudit"
                    this.$api.letter[api1]({
                      companyId: this.companyId,
                    })
                      .then(res => {
                        var _this = this;
                        if (res.code == "200") {
                          loading.close();
                          this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          this.$message({
                            showClose: true,
                            message: this.queryOrders.inscompany + "提核--：" + res.msg,
                            type: "error",
                            duration: 0
                          });
                        }
                      });
                  } else {
                    this.$message({
                      message: this.queryOrders.inscompany + "影像：" + res.msg,
                      type: "error",
                      duration: 7000
                    });
                    loading.close();
                  }
                });

              break;
            case "中煤财险":
              await this.$api.letter
                .insZhongmeisubmitImage({
                  companyId: this.companyId
                })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    _this.$api.letter
                      .Zhongmeiaudit({
                        companyId: this.companyId,
                        jqappoint: "",
                        syappoint: ""
                      })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          _this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          _this.$message({
                            showClose: true,
                            message: this.queryOrders.inscompany + "提核--：" + res.msg,
                            type: "error",
                            duration: 0
                          });
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                          });
                        }
                      });
                  } else {
                    this.$message({
                      message: this.queryOrders.inscompany + "影像--：" + res.msg,
                      type: "error",
                      duration: 7000
                    });
                    loading.close();
                  }
                });
              break;
            case "华泰财险":
              await this.$api.letter
                .insHuataisubmitImage({
                  companyId: this.companyId
                })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    let engageList=[]
                    this.zijinengageList.forEach(val=>{
                      engageList.push({
                        engageCode:val.clauseCode,
                        engageDetail:val.clauses,
                        engageTitle:val.clauseName,
                        riskCode:val.riskCode
                      })
                    })
                    _this.$api.letter
                      .huataiaudit({
                        companyId: this.companyId,
                        engageList
                      })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          _this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          _this.$message({
                            showClose: true,
                            message: this.queryOrders.inscompany + "提核--：" + res.msg,
                            type: "error",
                            duration: 0
                          });
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                          });
                        }
                      });
                  } else {
                    this.$message({
                      message: this.queryOrders.inscompany + "影像--：" + res.msg,
                      type: "error",
                      duration: 7000
                    });
                    loading.close();
                  }
                });
              break;
            case "紫金财险":
              await this.$api.letter
                .zijinsubmitImage({
                  companyId: this.companyId
                })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    _this.$api.letter
                      .zijinaudit({
                        companyId: this.companyId,
                        engageList: this.zijinengageList,
                      })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          _this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          _this.$message({
                            showClose: true,
                            dangerouslyUseHTMLString: true,
                            message: this.queryOrders.inscompany + "提核--：" + res.msg,
                            type: "error",
                            duration: 0
                          });
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                          });
                        }
                      });
                  } else {
                    this.$message({
                      message: this.queryOrders.inscompany + "影像--：" + res.msg,
                      type: "error",
                      duration: 7000
                    });
                    loading.close();
                  }
                });
              break;
            case "国任财险":
              await this.$api.letter
                .insguorensubmitImage({
                  companyId: this.companyId
                })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    _this.$api.letter
                      .gunrenaudit({
                        companyId: this.companyId
                      })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          _this.cqryCdeJq = "";
                          _this.cqryCdeSy = "";
                          _this.renewalCodeJq = "";
                          _this.renewalCodeSy = "";
                          this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          this.$message({
                            showClose: true,
                            message: res.msg,
                            type: "error",
                            duration: 0
                          });
                        }
                      });
                  } else {
                    loading.close();
                    this.$message({
                      message: res.msg,
                      type: "error",
                      duration: 7000
                    });
                  }
                });
              break;
            case "渤海财险":
              await this.$api.letter
                .insbohaisubmitImage({
                  companyId: this.companyId
                })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    _this.$api.letter
                      .bohaiaudit({
                        companyId: this.companyId
                      })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          _this.cqryCdeJq = "";
                          _this.cqryCdeSy = "";
                          _this.renewalCodeJq = "";
                          _this.renewalCodeSy = "";
                          this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          this.$message({
                            showClose: true,
                            message: res.msg,
                            type: "error",
                            duration: 0
                          });
                        }
                      });
                  } else {
                    loading.close();
                    this.$message({
                      message: res.msg,
                      type: "error",
                      duration: 7000
                    });
                  }
                });
              break;
            case "恒邦财险":
            case "华农财险":
            case "太平财险":
            case "安盛天平":
            case "众安财险":
            case "中国人寿":
              let hengbangapi = "";
              hengbangapi = this.apiType == 2 ? "pythonsubmitImage" : "anshengsubmitImage"
              await this.$api.letter[hengbangapi]({
                subOrderNo: this.companyId
              })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    let hengbangapi1 = "";
                    hengbangapi1 = this.apiType == 2 ? "pythonaudit" : "anshengaudit"
                    _this.$api.letter
                    [hengbangapi1]({
                      subOrderNo: this.companyId,
                    })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          this.$message({
                            showClose: true,
                            dangerouslyUseHTMLString: true,
                            message: this.queryOrders.inscompany + "提核--：" + (res.msg).replace(/\n/g,"<br><br>"),
                            type: "error",
                            duration: 0
                          });
                        }
                      });
                  } else {
                    loading.close();
                    this.$message({
                      message: this.queryOrders.inscompany + "影像--：" + res.msg,
                      type: "error",
                      duration: 7000
                    });
                  }
                });
              break;
            case "永诚财险":
              await this.$api.letter
                .insyongchengsubmitImage({
                  companyId: this.companyId
                })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    _this.$api.letter
                      .yongchengaudit({
                        companyId: this.companyId
                      })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          _this.cqryCdeJq = "";
                          _this.cqryCdeSy = "";
                          _this.renewalCodeJq = "";
                          _this.renewalCodeSy = "";
                          this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          this.$message({
                            showClose: true,
                            message: this.queryOrders.inscompany + "提核--：" + res.msg,
                            customClass: "customNotifyClass",
                            type: "error",
                            duration: 0
                          });
                        }
                      });
                  } else {
                    loading.close();
                    this.$message({
                      message: this.queryOrders.inscompany + "影像--：" + res.msg,
                      type: "error",
                      duration: 7000
                    });
                  }
                });
              break;
            case "大家财险":
              await this.$api.letter
                .dajiasubmitImage({
                  companyId: this.companyId
                })
                .then(res => {
                  if (res.code == "200") {
                    var _this = this;
                    _this.$api.letter
                      .dajiaaudit({
                        companyId: this.companyId
                      })
                      .then(res => {
                        if (res.code == "200") {
                          loading.close();
                          _this.cqryCdeJq = "";
                          _this.cqryCdeSy = "";
                          _this.renewalCodeJq = "";
                          _this.renewalCodeSy = "";
                          this.$message({
                            message: "核保成功",
                            type: "success"
                          });
                          this.QuotationHistory();
                          _this.$api.letter.getByCompanyId({ companyId: this.companyId }).then(res => {
                            _this.orderstatus = res.data.orderstatus; //订单状态
                            _this.underwritingdialogVisible = true;
                            let indexid = this.totalCompanyList.findIndex(item => item.namesimple == this.queryOrders.inscompany);
                            this.totalCompanyList[indexid].orderstatus = res.data.orderstatus;
                          });
                        } else {
                          loading.close();
                          this.$message({
                            showClose: true,
                            message: this.queryOrders.inscompany + "提核--：" + res.msg,
                            customClass: "customNotifyClass",
                            type: "error",
                            duration: 0
                          });
                        }
                      });
                  } else {
                    loading.close();
                    this.$message({
                      message: this.queryOrders.inscompany + "影像--：" + res.msg,
                      type: "error",
                      duration: 7000
                    });
                  }
                });
              break;
          }
        }
      });
    },
    //当前日期的次日
    transformTime1() {
      var date = new Date();
      date.setFullYear(date.getFullYear());
      date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
      var strYear = date.getFullYear();
      var strDay = date.getDate();
      var strMonth = date.getMonth() + 1;
      var hh = date.getHours();
      if (hh < 10) {
        hh = "0" + hh;
      }
      if (strMonth < 10) {
        strMonth = "0" + strMonth;
      }
      if (strDay < 10) {
        strDay = "0" + strDay;
      }
      var datastr = strYear + "-" + strMonth + "-" + strDay + " " + "00:00:00";
      return datastr;
    },
    //传入日期的次日
    transformTime2(time) {
      var date = new Date(time);
      date.setFullYear(date.getFullYear());
      date.setTime(date.getTime() + 24 * 60 * 60 * 1000); //一年后的前一天
      var strYear = date.getFullYear();
      var strDay = date.getDate();
      var strMonth = date.getMonth() + 1;
      var hh = date.getHours();
      if (hh < 10) {
        hh = "0" + hh;
      }
      if (strMonth < 10) {
        strMonth = "0" + strMonth;
      }
      if (strDay < 10) {
        strDay = "0" + strDay;
      }
      var datastr = strYear + "-" + strMonth + "-" + strDay + " " + "00:00:00";
      return datastr;
    },
    //时间转换
    transformTime(date) {
      var d = new Date(date);
      var strYear = d.getFullYear();
      var strMonth = d.getMonth() + 1;
      var strDay = d.getDate();
      var hh = d.getHours();
      var minutes = d.getMinutes(); // 分
      var Seconds = d.getSeconds();
      if (hh < 10) {
        hh = "0" + hh;
      }
      if (minutes < 10) {
        minutes = "0" + minutes;
      }
      if (Seconds < 10) {
        Seconds = "0" + Seconds;
      }
      if (strMonth < 10) {
        strMonth = "0" + strMonth;
      }
      if (strDay < 10) {
        strDay = "0" + strDay;
      }
      var datetime =
        strYear + "-" + strMonth + "-" + strDay + " " + hh + ":" + minutes + ":" + Seconds;
      return datetime;
    },
    timeformat(date) {
      var d = new Date(date);
      var strYear = d.getFullYear();
      var strMonth = d.getMonth() + 1;
      var strDay = d.getDate();
      var hh = d.getHours();
      if (hh < 10) {
        hh = "0" + hh;
      }
      if (strMonth < 10) {
        strMonth = "0" + strMonth;
      }
      if (strDay < 10) {
        strDay = "0" + strDay;
      }
      var datetime = strYear + "-" + strMonth + "-" + strDay;
      return datetime;
    },
    oneYearPast1(time) {//明年减一秒
      var date = new Date(time);
      date.setSeconds(date.getSeconds() - 1);
      date.setFullYear(date.getFullYear() + 1); //一年后
      date.setTime(date.getTime()); //一年后的前一天
      var strYear = date.getFullYear();
      var strDay = date.getDate();
      var strMonth = date.getMonth() + 1;
      var hh = date.getHours();
      var minutes = date.getMinutes(); // 分
      var Seconds = date.getSeconds();
      if (hh < 10) {
        hh = "0" + hh;
      }
      if (minutes < 10) {
        minutes = "0" + minutes;
      }
      if (Seconds < 10) {
        Seconds = "0" + Seconds;
      }
      if (strMonth < 10) {
        strMonth = "0" + strMonth;
      }
      if (strDay < 10) {
        strDay = "0" + strDay;
      }
      var datastr =
        strYear + "-" + strMonth + "-" + strDay + " " + hh + ":" + minutes + ":" + Seconds;
      return datastr;
    },
    tbczcarShowChange() {
      //投保人同车主
      switch (this.tbczcarShow) {
        case true:
          this.policyHolderInfo = JSON.parse(JSON.stringify(this.ownerInfo));
          break;
        default:
          for (let key in this.policyHolderInfo) {
            this.policyHolderInfo[key] = "";
            this.policyHolderInfo.provinceData = [];
            this.selectedOptions2 = [];
          }
      }
    },
    bbczcarShowChange() {
      //被保人同车主
      switch (this.bbczcarShow) {
        case true:
          this.bbtbcarShow = false;
          this.insuredPersonInfo = JSON.parse(JSON.stringify(this.ownerInfo));
          break;
        default:
          for (let key in this.insuredPersonInfo) {
            this.insuredPersonInfo[key] = "";
            this.insuredPersonInfo.provinceData = [];
            // this.selectedOptions3 = [];
          }
      }
    },
    bbtbcarShowChange() {
      //被保人同投保人
      switch (this.bbtbcarShow) {
        case true:
          this.bbczcarShow = false;
          this.insuredPersonInfo = JSON.parse(
            JSON.stringify(this.policyHolderInfo)
          );
          break;
        default:
          for (let key in this.insuredPersonInfo) {
            this.insuredPersonInfo[key] = "";
            this.insuredPersonInfo.provinceData = [];
          }
      }
    },
    //VIN查询
    toChooseVin(cartype) {
      if (cartype == "" || cartype == null) {
        this.$message({
          message: "请输入车架号",
          type: "warning"
        });
      } else {
        const loading = this.$loading({
          lock: true,
          text: "Loading",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        this.$api.letter.insZhongmeiVIN(this.carInfo.frameNo).then(res => {
          if (res.code == "200") {
            this.reslist = res.data;
            loading.close();
            this.sbdmdialogVisible = true;
          } else {
            loading.close();
            this.$message.error(res.msg);
          }
        });
      }
    },
     // 撤销二维码
     revokeCode(id){
      this.$api.letter.getRevokeQrCode(id).then(res => {
        if(res.code==200){
          this.$message({
          message: res.msg,
          type: 'success'
        });
        this.QuotationHistory()
        }
      })

    },
    //品牌型号查询
    toChooseVehicleType(cartype) {
      if (cartype == "" || cartype == null) {
        this.$message({
          message: "请输入车型名称",
          type: "warning"
        });
      } else {
        const loading = this.$loading({
          lock: true,
          text: "Loading",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        let param = {
          modelName: cartype.replace(/[^u4e00-u9fa5|,]+/ig,'')
        };
        this.$api.letter.ModelsQuery(param).then(res => {
          if (res.code == "200") {
            loading.close();
            this.reslist = res.data;
            this.chexingdialogVisible = true;
          } else {
            loading.close();
            this.$message.error(res.msg);
          }
        });
      }
    },
    //车型列表双击选中事件
    reslistCurrentChange(row, column, event) {
      this.carInfo.brandName = row.brandCN; //品牌型号
      this.carInfo.modelcname = row.modelName; //品牌型号
      this.carInfo.caryear = row.marketYear; //年款
      this.carInfo.seatCount = row.ratedPassengerCapacity; //座位数
      this.carInfo.purchasePrice = row.replacementValue; //购置价
      this.carInfo.modelCode = row.modelCode; //型号代码
      this.carInfo.familyName = row.series; //系列
      this.carInfo.enginedesc = row.displacement; //排量
      this.carInfo.powertype = row.fuelType; //燃油种类
      this.carInfo.powerScale = row.powerScale; //功率
      this.chexingdialogVisible = false;
      this.sbdmdialogVisible=false
    },
    //是否过户事件
    transferFlagChange(e) {
      if (e) {
        this.transferDateShow = true;
        this.carInfo.transferDate=this.carInfo.issueDate
      } else {
        this.transferDateShow = false;
        this.carInfo.transferDate=""
      }
    },

    //影像上传
    drivingupload(file, imageIdList, imgurl, type) {
      let that=this
      let size=file.size / 1024 / 1024 < 5;
      const isJPG = file.raw.type === 'image/jpeg'||file.raw.type === 'image/png';
      if(!size){
       this.$message.error('上传图片大小不能超过 5MB!')
       this[imgurl]=[]
       return false
      }
      if(!isJPG){
       this.$message.error('上传图片只能是 JPG、PNG 格式!')
       this[imgurl]=[]
       return false
      }
      this[imgurl].push(file)

      var file = file.raw;
      const params = new FormData(); // 声明formData数据类型
      params.append("multipartFile", file);
      params.append("type", "image");
      this.$api.letter.uploadFile(params).then(res => {
        if (res.code == "200") {
          if (this[imageIdList].some(v => v.imageType == type)) {
            this[imageIdList].map(val => {
              if (val.imageType == type) {
                val.imageId = res.data.id;
              }
            })
          } else {
            this[imageIdList].push({
              imageId: res.data.id,
              imageType: type,
            })
          }
        }
      });

    },
    handleRemove1(file, imageIdList, imgList) {
      this[imageIdList].map((ele, index) => {
        if (file.imageId === ele.imageId) {
          this[imageIdList].splice(index, 1);
        }
        return ele;
      });
      if (file.imageId) {
        this[imgList].map((ele, index) => {
          if (file.imageId === ele.imageId) {
            this[imgList].splice(index, 1);
          }
          return ele;
        });
      } else {
        this[imgList].map((ele, index) => {
          if (file.uid === ele.uid) {
            this[imgList].splice(index, 1);
          }
          return ele;
        });
      }
    },
      compress(img, width, height, ratio) {
          var canvas, ctx, img64;
          canvas = document.createElement('canvas');
          canvas.width = width;
          canvas.height = height;
          ctx = canvas.getContext("2d");
          ctx.drawImage(img, 0, 0, width, height);
          img64 = canvas.toDataURL("image/jpeg", ratio);
          return img64;
     },
       base64ToFile(base64, fileName) {
        let data = base64.split(',');
        let type = data[0].match(/:(.*?);/)[1];
        // let suffix = type.split('/')[1];
        const bstr = window.atob(data[1]);
        let n = bstr.length
        const u8arr = new Uint8Array(n)
        while (n--) {
          u8arr[n] = bstr.charCodeAt(n)
        }
        // const file =  new File([u8arr], `${fileName}.${suffix}`, {
        const file =  new File([u8arr], `${fileName}`, {
          type: type
        })
        return file;
    },
    carfrontChange(file) {
    //选择行驶证正面
      let that =this
      let size=file.size / 1024 / 1024 < 5;
      const isJPG = file.raw.type === 'image/jpeg'||file.raw.type === 'image/png';
      if(!size){
       this.$message.error('上传图片大小不能超过 5MB!')
       return false
      }
      if(!isJPG){
       this.$message.error('上传图片只能是 JPG、PNG 格式!')
       return false
      }
//       let name=file.raw.name
//       var image = new Image();
//       image.src = window.URL.createObjectURL(file.raw);
//       that.carfrontImg =  image.src
//       image.onload = function(){
//         let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)

//       that.carfrontImg = image.src;
//       const params = new FormData(); // 声明formData数据类型
//       params.append("multipartFile", aaa);
//       params.append("type", "image");
//       that.$api.letter.uploadFile(params).then(res => {
//         if (res.code == "200") {
//           that.CarFrontFile = aaa;//文件流
//           if (that.imageList1.some(v => v.imageType == 'C01')) {
//             that.imageList1.map(val => {
//               if (val.imageType == 'C01') {
//                 val.imageId = res.data.id;
//               }
//             })
//           } else {
//             that.imageList1.push({
//               imageId: res.data.id,
//               imageType: "C01",
//             })
//           }
//         } else {
//           that.$message({ message: res.msg, type: "warning" });
//         }
//       });
//     }
      var file = file.raw;
      let files = window.URL.createObjectURL(file); //转临时路径
      this.carfrontImg = files;
      const params = new FormData(); // 声明formData数据类型
      params.append("multipartFile", file);
      params.append("type", "image");
      this.$api.letter.uploadFile(params).then(res => {
        if (res.code == "200") {
          this.CarFrontFile = file;//文件流
          if (this.imageList1.some(v => v.imageType == 'C01')) {
            this.imageList1.map(val => {
              if (val.imageType == 'C01') {
                val.imageId = res.data.id;
              }
            })
          } else {
            this.imageList1.push({
              imageId: res.data.id,
              imageType: "C01",
            })
          }
        } else {
          this.$message({ message: res.msg, type: "warning" });
        }
      });
    },
    carbackChange(file) {
      let that=this
      let size=file.size / 1024 / 1024 < 2;
      const isJPG = file.raw.type === 'image/jpeg'||file.raw.type === 'image/png';
      if(!size){
       this.$message.error('上传图片大小不能超过 5MB!')
       return false
      }
      if(!isJPG){
       this.$message.error('上传图片只能是 JPG、PNG 格式!')
       return false
      }
//       let name=file.raw.name
//       var image = new Image();
//       image.src = window.URL.createObjectURL(file.raw);
//       image.onload = function(){
//         let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)
//       that.carbackImg = image.src;
//       const params = new FormData(); // 声明formData数据类型
//       params.append("multipartFile", aaa);
//       params.append("type", "image");
//       that.$api.letter.uploadFile(params).then(res => {
//         if (res.code == "200") {
//           that.CarBackFile = aaa;//文件流
//           if (that.imageList1.some(v => v.imageType == 'D01')) {
//             that.imageList1.map(val => {
//               if (val.imageType == 'D01') {
//                 val.imageId = res.data.id;
//               }
//             })
//           } else {
//             that.imageList1.push({
//               imageId: res.data.id,
//               imageType: "D01",
//             })
//           }
//         } else {
//           that.$message({ message: res.msg, type: "warning" });
//         }
//       });
//     }
      //选择行驶证反面
      var file = file.raw;
      let files = window.URL.createObjectURL(file); //转临时路径
      this.carbackImg = files;
      const params = new FormData(); // 声明formData数据类型
      params.append("multipartFile", file);
      params.append("type", "image");
      this.$api.letter.uploadFile(params).then(res => {
        if (res.code == "200") {
          this.CarBackFile = file;
          if (this.imageList1.some(v => v.imageType == 'D01')) {
            this.imageList1.map(val => {
              if (val.imageType == 'D01') {
                val.imageId = res.data.id;
              }
            })
          } else {
            this.imageList1.push({
              imageId: res.data.id,
              imageType: "D01",
            })
          }
        } else {
          this.$message({ message: res.msg, type: "warning" });
        }
      });
    },
    userfrontChange(file) {
      let that =this
      let size=file.size / 1024 / 1024 < 5;
      const isJPG = file.raw.type === 'image/jpeg'||file.raw.type === 'image/png';
      if(!size){
       this.$message.error('上传图片大小不能超过 5MB!')
       return false
      }
      if(!isJPG){
       this.$message.error('上传图片只能是 JPG、PNG 格式!')
       return false
      }
//       let name=file.raw.name
//       var image = new Image();
//       image.src = window.URL.createObjectURL(file.raw);
//       image.onload = function(){
//         let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)
//       that.userfrontImg = image.src;
//       const params = new FormData(); // 声明formData数据类型
//       params.append("multipartFile", aaa);
//       params.append("type", "image");
//       that.$api.letter.uploadFile(params).then(res => {
//         if (res.code == "200") {
//           let type = 'C0' + that.userIndex;
//           if (that['imageList' + that.userIndex].some(v => v.imageType == type)) {
//             that['imageList' + that.userIndex].map(val => {
//               if (val.imageType == type) {
//                 val.imageId = res.data.id;
//               }
//             })
//           } else {
//             that['imageList' + that.userIndex].push({
//               imageId: res.data.id,
//               imageType: type,
//             })
//           }
//           that[type + 'File'] = aaa;
//         } else {
//           that.$message({ message: res.msg, type: "warning" });
//         }
//       });
//     }
      //选择身份证正面
      var file = file.raw;
      let files = window.URL.createObjectURL(file); //转链接
      this.userfrontImg = files;
      const params = new FormData(); // 声明formData数据类型
      params.append("multipartFile", file);
      params.append("type", "image");
      this.$api.letter.uploadFile(params).then(res => {
        if (res.code == "200") {
          let type = 'C0' + this.userIndex;
          if (this['imageList' + this.userIndex].some(v => v.imageType == type)) {
            this['imageList' + this.userIndex].map(val => {
              if (val.imageType == type) {
                val.imageId = res.data.id;
              }
            })
          } else {
            this['imageList' + this.userIndex].push({
              imageId: res.data.id,
              imageType: type,
            })
          }
          this[type + 'File'] = file;

        } else {
          this.$message({ message: res.msg, type: "warning" });
        }
      });
    },
    userbackChange(file) {
      let that =this
      let size=file.size / 1024 / 1024 < 5;
      const isJPG = file.raw.type === 'image/jpeg'||file.raw.type === 'image/png';
      if(!size){
       this.$message.error('上传图片大小不能超过 5MB!')
       return false
      }
      if(!isJPG){
       this.$message.error('上传图片只能是 JPG、PNG 格式!')
       return false
      }
//       let name=file.raw.name
//       var image = new Image();
//       image.src = window.URL.createObjectURL(file.raw);
//       image.onload = function(){
//         let aaa= that.base64ToFile(that.compress(image, 500, 400, 0.7),name)
//       that.userbackImg = image.src;
//       const params = new FormData(); // 声明formData数据类型
//       params.append("multipartFile", aaa);
//       params.append("type", "image");
//       that.$api.letter.uploadFile(params).then(res => {
//         if (res.code == "200") {
//           let type = 'D0' + that.userIndex;
//           if (that['imageList' + that.userIndex].some(v => v.imageType == type)) {
//             that['imageList' + that.userIndex].map(val => {
//               if (val.imageType == type) {
//                 val.imageId = res.data.id;
//               }
//             })
//           } else {
//             that['imageList' + that.userIndex].push({
//               imageId: res.data.id,
//               imageType: type,
//             })
//           }
//           that[type + 'File'] = aaa;
//         } else {
//           that.$message({ message: res.msg, type: "warning" });
//         }
//       });
//     }
      //选择身份证背面
      var file = file.raw;
      let files = window.URL.createObjectURL(file); //转链接
      this.userbackImg = files;
      const params = new FormData(); // 声明formData数据类型
      params.append("multipartFile", file);
      params.append("type", "image");
      this.$api.letter.uploadFile(params).then(res => {
        if (res.code == "200") {
          let type = 'D0' + this.userIndex;
          if (this['imageList' + this.userIndex].some(v => v.imageType == type)) {
            this['imageList' + this.userIndex].map(val => {
              if (val.imageType == type) {
                val.imageId = res.data.id;
              }
            })

          } else {
            this['imageList' + this.userIndex].push({
              imageId: res.data.id,
              imageType: type,
            })
          }
          this[type + 'File'] = file;
        } else {
          this.$message({ message: res.msg, type: "warning" });
        }
      });
    },
    CarOCRdiscern() {
      //car识别
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      const params = new FormData(); // 声明formData数据类型
      params.append("image1", this.CarFrontFile);
      params.append("image2", this.CarBackFile);
      this.$api.letter.drivingPermit(params).then(res => {
        loading.close();
        if (res.msg == "201") {
          this.$message({ message: "请正确选择驾驶证", type: "warning" });
        }
        var carInfo = res.data.carInfo;
        console.log(carInfo);
        if(carInfo.issueDate){
          carInfo.issueDate =
          carInfo.issueDate.substring(0, 4) +
          "-" +
          carInfo.issueDate.substring(4, 6) +
          "-" +
          carInfo.issueDate.substring(6, 8);
        }
       if(carInfo.registerDate){
        carInfo.registerDate =
          carInfo.registerDate.substring(0, 4) +
          "-" +
          carInfo.registerDate.substring(4, 6) +
          "-" +
          carInfo.registerDate.substring(6, 8);
       }
        this.carform.carOwner = carInfo.carOwner; //车主
        this.carform.licenseNo = carInfo.plateNo; //车牌号
        this.carform.modelcname = carInfo.backOcrID; //品牌型号
        this.carform.frameNo = carInfo.vin; //车架号
        this.carform.engineNo = carInfo.engine; //发动机号
        this.carform.registerDate = carInfo.registerDate; //车牌号
        this.carform.issueDate = carInfo.issueDate; //车牌号
        this.carform.grossMass = carInfo.grossMass; //总质量
        this.carform.unladenMass = carInfo.unladenMass; //整备质量
        this.carform.limitLoad = carInfo.limitLoad; //核定载质量
        this.carform.category = carInfo.category; //车辆类型
        this.carform.useNature = carInfo.useNature; //使用性质
        this.carform.vehicleUse = carInfo.vehicleUse; //车辆用途
        this.carform.plateType = carInfo.plateType; //车辆种类
        this.carform.approvedPassengersCapacity =
          carInfo.approvedPassengersCapacity; //核定载客数

      });
    },
    CarOCRconfirm() {
      //传参
      this.ownerInfo.name = this.carform.carOwner; //车主
      this.carInfo.cartype = 'K33'
      this.carInfo.licenseNo = this.carform.licenseNo; //车牌号
      this.carInfo.modelcname = this.carform.modelcname; //品牌型号
      this.carInfo.vinNo = this.carform.frameNo; //车架号
      this.carInfo.frameNo = this.carform.frameNo; //车架号
      this.carInfo.engineNo = this.carform.engineNo; //发动机号
      this.carInfo.seatCount = this.carform.approvedPassengersCapacity; //核定载客数
      this.carInfo.vehicleweight = this.carform.grossMass; //总质量
      this.carInfo.completeKerbMass = this.carform.unladenMass; //整备质量
      this.carInfo.limitLoad = this.carform.limitLoad; //核定载质量
      this.carInfo.cartype = this.carform.category; //车辆类型
      this.carInfo.useNature = this.carform.useNature; //使用性质
      this.carInfo.vehicleUse = this.carform.vehicleUse; //车辆用途
      this.carInfo.cimodelclass = this.carform.plateType; //车辆种类
      if (this.timeformat(this.carform.registerDate) != 'NaN-NaN-NaN') {
        this.carInfo.registerDate = this.carform.registerDate; //车牌号
      }
      if (this.timeformat(this.carform.issueDate) != 'NaN-NaN-NaN') {
        this.carInfo.issueDate = this.carform.issueDate; //车牌号
      }
      this.uploadcardialogVisible = false;
    },
    handleRemove(e) {
      //删除图片
      this[e] = "";
      switch (this.userIndex) {
        case 0:
          this.carfrontImg = '';
          this.carbackImg = '';
          this.CarFrontFile = ''; // 行驶证正面base64
          this.CarBackFile = ''; // 行驶证背面base64
          break;
        case 2:
          this.userfrontImg = '';
          this.userbackImg = '';
          this.C02File = ''; // 车主正面base64
          this.D02File = '';  // 车主背面base64
          break;
        case 3:
        this.userfrontImg = '';
          this.userbackImg = '';
          this.C03File = ''; // 投保人正面base64
          this.D03File = '';  // 投保人背面base64
          break;
        case 4:
        this.userfrontImg = '';
          this.userbackImg = '';
          this.C04File = ''; // 被保人正面base64
          this.D04File = '';  // 被保人背面base64
          break;
        default:
      }
    },
    //预览图片
    handlePictureCardPreview(img) {
      this.ProViewImg = img;
      this.showViewer = true;
    },
    // 关闭查看器
    closeViewer() {
      this.showViewer = false;
    },
    uploaduser(index) {
      this.userIndex = index;
      this.uploaduserdialogVisible = true;
    },
    userOCRdiscern() {
      //OCR识别
      switch (this.userIndex) {
        case 2:
          const params1 = new FormData(); // 声明formData数据类型
          params1.append("image1", this.C02File);
          params1.append("image2", this.D02File);
          this.userOCRjoggle(params1);
          break;
        case 3:
          const params2 = new FormData(); // 声明formData数据类型
          params2.append("image1", this.C03File);
          params2.append("image2", this.D03File);
          this.userOCRjoggle(params2);
          break;
        case 4:
          const params3 = new FormData(); // 声明formData数据类型
          params3.append("image1", this.C04File);
          params3.append("image2", this.D04File);
          this.userOCRjoggle(params3);
          break;
        default:
      }
    },
    userOCRjoggle(param) {

      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      this.$api.letter.idCard(param).then(res => {
        loading.close();
        if (res.msg == "201") {
          this.$message({ message: "请正确选择身份证", type: "warning" });
        }
        var customerInfo = res.data.customerInfo;
        if (customerInfo) {
          this.ownerInfoform.name = customerInfo.name;
          if (customerInfo.identifyType == '01') {
            this.ownerInfoform.identifyType = '身份证';
          } else {
            this.ownerInfoform.identifyType = "";
          }

          this.ownerInfoform.identifyNumber = customerInfo.identifyNumber;
          this.ownerInfoform.gender = customerInfo.identifyIssuedCom;
          this.ownerInfoform.addr = customerInfo.addr;
          if (customerInfo.identifyNumber) {
            this.ownerInfoform.age = getAgeByIdCard(customerInfo.identifyNumber)
          }
          if (customerInfo.identifyValidDate || customerInfo.identifyValidEndDate) {
            this.ownerInfoform.identifyValidDate =
              customerInfo.identifyValidDate.substring(0, 4) +
              "-" +
              customerInfo.identifyValidDate.substring(4, 6) +
              "-" +
              customerInfo.identifyValidDate.substring(6, 8);
            this.ownerInfoform.identifyValidEndDate =
              customerInfo.identifyValidEndDate.substring(0, 4) +
              "-" +
              customerInfo.identifyValidEndDate.substring(4, 6) +
              "-" +
              customerInfo.identifyValidEndDate.substring(6, 8);
            if (customerInfo.identifyValidEndDate == '长期') {
              this.ownerInfoform.identifyValidEndDate = '9999-12-31';
            }
          }
          // let values = addressCode(this.ownerInfoform.addr);
          // this.ownerInfoform.province = codeToText[values[0]]
          // this.ownerInfoform.city = codeToText[values[1]]
          // this.ownerInfoform.county = codeToText[values[2]]
        }
      });
    },
    userOCRconfirm() {
      //传参
      switch (this.userIndex) {
        case 2:
          // this.selectedOptions1 = addressCode(this.ownerInfoform.addr);
          this.ownerInfo = JSON.parse(JSON.stringify(this.ownerInfoform));
          break;
        case 3:
          // this.selectedOptions2 = addressCode(this.ownerInfoform.addr);
          this.policyHolderInfo = JSON.parse(
            JSON.stringify(this.ownerInfoform)
          );
          break;
        case 4:
          // this.selectedOptions3 = addressCode(this.ownerInfoform.addr);
          this.insuredPersonInfo = JSON.parse(
            JSON.stringify(this.ownerInfoform)
          );
          break;
      }
      this.uploaduserdialogVisible = false;
    },
    closeDialog(index) {
      //  0：车辆  1:车主  2：投保人  3：被保人
      switch (index) {
        case 0:
          this.carfrontImg = '';
          this.carbackImg = '';
          this.CarFrontFile = ''; // 行驶证正面base64
          this.CarBackFile = ''; // 行驶证背面base64
          Object.keys(this.carform).forEach((key) => {
            this.carform[key] = '';
          });
          break;
        case 2:
          this.userfrontImg = '';
          this.userbackImg = '';
          this.C02File = ''; // 车主正面base64
          this.D02File = '';  // 车主背面base64
          Object.keys(this.ownerInfoform).forEach((key) => {
            this.ownerInfoform[key] = '';
          });
          break;
        case 3:
          this.userfrontImg = '';
          this.userbackImg = '';
          this.C03File = ''; // 投保人正面base64
          this.D03File = '';  // 投保人背面base64
          Object.keys(this.ownerInfoform).forEach((key) => {
            this.ownerInfoform[key] = '';
          });
          break;
        case 4:
          this.userfrontImg = '';
          this.userbackImg = '';
          this.C04File = ''; // 被保人正面base64
          this.D04File = '';  // 被保人背面base64
          Object.keys(this.ownerInfoform).forEach((key) => {
            this.ownerInfoform[key] = '';
          });
          break;
        case 5:
          this.businessImg = '';
          // this.C04File = ''; // 被保人正面base64
          // this.D04File = '';  // 被保人背面base64
          // Object.keys(this.ownerInfoform).forEach((key) => {
          //   this.ownerInfoform[key] = '';
          // });
          break;
        default:
      }
    },
    bjdpreview(companyId) {
      let params = {
        companyId: companyId
      };
      this.$api.letter.getByCompanyId(params).then(res => {
        if (res.code == "200") {
          var data = res.data;
          if (data.kindinfo != null) {
            data.kindinfo.map((ele, index) => {
              switch (ele.kindCode) {
                case "A":
                  if (ele.amount == 1) {
                    ele.amount = "投保"
                  } else {
                    ele.amount = ele.amount
                  }
                  break;
                case "D4":
                case "SY_FJ_YBW2":
                  ele.unitAmount = this.toChinesNum(ele.unitAmount);
                  break;
                case "MJ1":
                case "MJ2":
                case "MJ3":
                case "MJ4":
                  ele.deductibleRate = ele.deductibleRate + "%";
                  break;
                default:
                  ele.amount = this.toChinesNum(ele.amount);
              }
              return ele;
            });
          }
          data.logoImg = this.iconfftter(res.data.inscompany);
          this.queryOrders = data;
          if(this.$store.state.user.roles.managementSource&&this.$store.state.user.roles.managementSource=='3'){
            this.$refs.quotationDialogPro.setBackupVisible(true)
          }
          else{
            this.$refs.quotationDialog.setBackupVisible(true)
          }
        }
      });
    },
    //返回上一步
    Back() { },
    carcode(id,item) {
      this.$api.letter.getQrCode(id).then(res => {
        if (res.code == '200') {
          this.inscompany = res.data.inscompany;//保险公司
          this.sumpremium = res.data.sumpremium;//总价
          this.licenseNo = res.data.cPlateNo;//车牌号
          this.applyName = res.data.cInsuredNme;//车主
          this.jqpremium = res.data.jqpremium;//交强
          this.sypremium = res.data.sypremium;//商业
          this.taxamount = res.data.taxamount;//车船税
          this.jypremium = res.data.jypremium;//驾意险
          this.jqstartdate = res.data.jqStartDate;//交强起保日期
          this.systartdate = res.data.syStartDate;//商业起保日期
          // this.mobile = res.data.applyinfo.mobile;//投保人手机号
          this.$nextTick(() => {
              if(item.inscompany=='太平财险'){
                let anresult = res.data.qrCodeUrl.replace(/[\r\n]/g, "");
                let animgBase64 = `data:image/png;base64,${anresult}`;
                base64ToPath(animgBase64)
                  .then(path => {
                    this.paycodeimg = path;
                  })
                }
              else{
                this.creatQrCode(res.data.qrCodeUrl);
              }
              });
              if(this.$store.state.user.roles.managementSource&&this.$store.state.user.roles.managementSource=='3'){
                this.codedialogVisiblePro = true;
                this.qrcodeWidth='154'
                this.qrcodeHeight='154'
              }
              else{
                this.codedialogVisible = true;
              }
      } else {
          this.$message({ message: res.msg, type: "warning" })
        }
      })
    },
    //同步
    synchronization() {
      this.systartDate = this.jqstartDate;
      this.syendDate = this.jqendDate;
    },
    //影像上传
    uploadinformation() {
      // //上传图片
      const mergedArray = [...this.imageList1, ...this.imageList2, ...this.imageList3, ...this.imageList4,...this.imageList5];
      let imageparam = {
        imageList: mergedArray,
        quoteNo: this.quoteno
      }
      this.$api.letter.uploadImages(imageparam).then(responses => {
        if (responses.code == '200') {
          this.imageEcho(this.quoteno);
          this.$message({ message: responses.msg, type: "success" });
        } else {
          this.$message({ message: responses.msg, type: "error" });
        }
      });
      this.imageUploaddialogVisible = false;
    },
    add() {
    this.obtainProtocol()
      this.$router.push({ path: '/letter/letter' })
      for (let key in this.ownerInfo) {
        this.ownerInfo[key] = "";
      }
      for (let key in this.policyHolderInfo) {
        this.policyHolderInfo[key] = "";
      }
      for (let key in this.insuredPersonInfo) {
        this.insuredPersonInfo[key] = "";
      }
      this.vehicleAndVesselTaxForm={
        taxRelifFlag: "1",
        taxpayerIdentifier:"01",
      }
      this.ownerInfo.provinceData=[]
      this.insuredPersonInfo.provinceData=[]
      this.policyHolderInfo.provinceData=[]
      this.carInfo = JSON.parse(localStorage.getItem('carInfo'));
      this.insureList = JSON.parse(localStorage.getItem('insureList'));
      this.sychecked = false;
      this.yonganchecked = false;
      this.zhongmeichecked = false;
      this.transferDateShow = false;
      this.tbczcarShow = true, //投保人同车主
        // this.bbczcarShow = false, //被保人同车主
        this.bbtbcarShow = true, //被保人同投保人
        this.imageList1=[]
        this.imageList2=[]
        this.imageList3=[]
        this.imageList4=[]
        this.imgList1 = [];
      this.imgList2 = [];
      this.imgList3 = [];
      this.imgList4 = [];
      this.imgList5 = [];
      this.imgList6 = [];
      this.imgList7 = [];
      this.imgList8 = [];

      // 清空保险公司选中的意外险
      this.insuranceZJ=''
      this.insuranceZA=''
      this.insuranceHB=''
      this.insuranceHN=''
      this.insuranceRS=''
      this.insuranceDJ=''
      this.accidentForm = {
        fen: "1",
        premium:0
      };
      this.hengbangaccidentalDrivingVo={};
      this.huanongaccidentalDrivingVo={};
      this.taipingaccidentalDrivingVo={};
      this.zhongmeiaccidentalDrivingVo={};
      this.accidentalDrivingVo=[]
      this.zhonganaccidentalDrivingVo={};
      this.renshouaccidentalDrivingVo={};
      this.anshengaccidentalDrivingVo={};
      this.dajiaaccidentalDrivingVo={};
      // this.selectedOptions1 = [];
      // this.selectedOptions2 = [];
      // this.selectedOptions3 = [];
      this.orderno = "";
      this.quoteno = "";
      this.lastCompanyId = '';
      this.HistoryList = [];
      this.jqstartDate = this.transformTime1();
      this.jqendDate = this.oneYearPast1(this.jqstartDate);
      this.systartDate = this.transformTime1();
      this.syendDate = this.oneYearPast1(this.jqstartDate);

    },
    toChinesNum(num) {
      if(num.toString().length==4){
        let overQian = Math.floor(num / 1000);
        let result = overQian + "千";
        return result;
      }
      else{
        let overWan = Math.floor(num / 10000);
        let result = overWan + "万";
        return result;
      }
     
    },
    reportDrop(event) {
      event.preventDefault();
      event.stopPropagation();
    },
    tabLiScroll(id,idx){
      this.tabLiIndex=idx
      document.getElementById(id).scrollIntoView({ behavior: "smooth" });
    },
    handleScroll(id) {
      document.getElementById(id).scrollIntoView({ behavior: "smooth" });
    }
  }
};
</script>
<style>
/* .customNotifyClass {
  word-break: break-all;
  width: 600px;
} */

</style>
<style lang="scss" scoped>
.marginL{
  margin-left: 10px;
}
.el-notification{
  width: 600px;
}

.styleB .el-upload--picture-card {
  // display: none;
  opacity: 0;
}
.ORcodebody {
  height: auto;
  background: url(../../assets/image/group.png)  #fff;
  padding: 16px;
}
.csstool {
  font-weight: 600;
  color: #606266;
  font-size: 14px;
  margin: 0 20px;

  span {
    margin-right: 5px;
  }
}
.ORcode {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  box-sizing: border-box;
  & > div {
    width: 176px;
    height: 176px;
    border: 1px solid var(--themeColor);
    border-radius: 5px;
  }
}

.ORtitle {
  width: 100%;
  padding-bottom: 20px;
  box-sizing: border-box;
  & > div {
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    & > span {
      &:nth-child(1) {
        color: #868B98;
        text-align: end;
        width: 150px;
      }

      &:nth-child(2) {
        color: #333333;
      }
    }
  }
}

.Risk {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}


.dis {
  display: flex;
}

.align {
  align-items: center;
}

.jus {
  justify-content: space-between;
}
.shangyexian {
  padding-left: 100px;
}

.headertotal {
  padding: 30px;
}

.my-label {
  background: #e1f3d8;
}

.my-content {
  background: #fde2e2;
  color: aqua;
}

.el-button--mini {
  padding: 5px;
}

#qqq {
  background-color: #111;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  position: relative;
}

#qrCode {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  top: 15%;

  img {
    width: 200px;
    height: 200px;
    background-color: #fff;
    padding: 6px;
  }
}

.code {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  & > span {
    margin-bottom: 10px;
  }
}

.code_name {
  width: 350px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;

  & > span {
    &:nth-child(1) {
      color: #979797;
      width: 120px;
      text-align: right;
    }

    &:nth-child(2) {
      color: #2d2d2d;
      width: 120px;
      text-align: left;
    }
  }
}

.header {
  font-size: 18px;
  font-weight: bold;
}

.body {
  border-top: none;
  padding-bottom: 100px;
  box-sizing: border-box;
}

.u-f-ac {
  -webkit-box-align: center;
  align-items: center;
  padding: 10px;
}

.bodyTitle {
  height: 45px;
  background: #f3f3f3;
  border: 1px solid #dddddd;
  line-height: 45px;
  padding: 0 20px;
  box-sizing: border-box;
}

.start {
  justify-content: flex-start;
}

.end {
  justify-content: flex-end;
}

.descriptions {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.bodys {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.bodys1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.widths {
  width: 230px;
}

.widths1 {
  width: 300px;
}

.back {
  color: #333333 ;
  // font-weight: 700;
}

.home {
  // padding-left: 10px;
  box-sizing: border-box;
  padding-bottom: 10px;
    border-bottom: 1px solid #EEF1F6 ;
  & > span {
    margin-right: 10px;
  }
}

.hovers {
  margin: 10px 0;
  cursor: pointer;
  padding: 10px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f2;

  .offer-time {
    margin: 20px 0 0px 100px;
    padding: 10px;
    background: rgba(45,77,137,0.06);;
    & > span {
      margin: 0 10px;
    }
  }
}

/* 内容待定 */
.coll {
  font-size: 14px;
}


.display {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.black {
  color: #000;
}

.gray {
  color: #999;
}

.OCR {
  font-weight: bold;
  color: #333;
  margin: 20px;
}

.slot {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;

  & > i {
    margin: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
  }

  &:hover {
    opacity: 1;
  }
}

.companyhead {
  width: 100%;
  margin: 0 auto;
  padding:15px 10px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  background-color: #F7F7F9;
}

.footer {
  width: calc(100% - 200px);
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #fff;
  z-index: 9;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 0 1px 0 #ccc;
  transition: all 0.3s, box-shadow 0.5s;

  &.shadow {
    box-shadow: 0 -10px 10px -10px #ccc;
  }
}

.Enclosure {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 15px;
  border-radius: 6px;
  border: 1px solid #ebeef5;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}


.icon-img {
  display: block;
  width: 30px;
  height: 30px;
}

.Anchor-link {
  width: 40px;
  background-color: #fff;
  box-shadow: #ccc 0 0px 3px 0;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 99;

  div {
    margin: 5px;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    display: block;
  }
}

.color {
  padding-top: 150px;
  margin-top: -150px;
}

.more {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.more-title {
  padding:15px 10px;
  background-color: #F7F7F9;
  // border-bottom: 1px solid #e3e3e3;
  font-size: 14px;
}

.more-data {
  padding: 10px;
  border-bottom: 1px solid #f2f2f2;
  color: #D42426;
  font-size: 14px;
}

.Driving-risk {
  padding-left: 100px;
  // padding-top:20px
}

.checkbox {
  transform: scale(1.2);
  margin-right: 20px;
    line-height: 32px;
}

.insure-long-term {
  display: inline-flex;
  padding-left: 8px;
  padding-right: 8px;
  background: var(--themeColor);
  color: #fff;
  font-size: 12px;
  margin-left: -5px;
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
}

.textareaSty {
  width: 160px;
  height: 210px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;

  img {
    width: 50px;
    height: 50px;
  }
}

.image-title {
  width: 100px;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  background: #fc4a1a;
  background: #f2994a;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #f2c94c, #f2994a);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #f2c94c, #f2994a);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.aaa /deep/ {
  margin-bottom: 20px;
  margin-right: 50px;
  span{
    display: inline-block;
    margin-bottom: 10px;
  }
  .el-upload .el-upload-dragger {
    width: 180px;
    height: 120px;
    border: 1px dashed #c0ccda;
    padding: 0;
  }
  .el-upload-list--picture-card .el-upload-list__item {
    width: 180px;
    height: 120px;
  }
  .el-upload-list__item:first-child {
    margin-top: 0;
  }
}
.jyxStyle > span {
  display: inline-block;
  text-align: center;
}
.tab-style{
  width:110px;
  li{
    text-align: right;
    padding-right: 20px;
    line-height:40px;
    cursor: pointer;
    box-sizing: border-box;
    border-right: 1px solid #E2E5EB;

  }
 li:focus{
      background: rgba(212,36,38,0.1);
      border-right: 2px solid var(--themeColor);
      color: var(--themeColor);
    }
}
.tabLi-style{
  background: rgba(212,36,38,0.1);
      border-right: 2px solid var(--themeColor);
      color: var(--themeColor);
}
.scan-code{
  div{
    margin-top: 10px;
  }
}
/* 清除图片上传动画bug */
/deep/ {
  .proSaomazhifucodeClass .el-dialog__header{
    background: rgba(45,77,137,0.1);
    font-weight: bold;
  }
  .proSaomazhifucodeClass .el-dialog__footer{
    border-top:1px solid #EEF1F6 ;
  }
  .el-upload-list__item {
    transition: none !important;
  }

  .el-checkbox__input {
    &.is-checked {
      .el-checkbox__inner {
        background-color: #D42426;
        border-color: #D42426;
      }
    }
  }

  .el-checkbox__inner {
    border: 1px solid  var(--themeColor);

    &:hover {
      border-color:  var(--themeColorHover);
    }
    &:focus{
      border-color:  var(--themeColor);
    }
  }

  .el-upload .el-upload-dragger {
    height: 250px;
    width: 400px;
    border: 1px dashed #CED4DA;
  }

  .el-upload--picture-card {
    width: 180px;
    height: 120px;
  }

  .el-upload-list__item {
    width: 180px;
    height: 120px;
    margin: 0 !important;
    display: block !important;
  }

  .el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 180px;
    height: 120px;
  }

  // .el-button--warning {
  //   color: #fff;
  //   background-color: #D42426;
  //   border-color: #D42426;

  //   &:hover {
  //     color: #fff;
  //     background-color: #ee6f00ce;
  //     border-color: #ee6f00ce;
  //   }
  // }

  .el-descriptions-item__label {
    &:not(.is-bordered-label) {
      color: #333;
    }
  }
  // .el-radio__input.is-checked + .el-radio__label {
  //   color: #ff7000;
  // }

  // .el-radio__input.is-checked .el-radio__inner {
  //   border-color: #ff7000;
  //   background: #ff7000;
  // }

  // .el-radio__inner {
  //   &:hover {
  //     border-color: #ff7000;
  //   }
  // }

  // .el-input--small .el-icon-date {
  //   color: #ee6f00ce;
  // }

  .el-select {
    width: 100%;
  }

  .el-date-editor.el-input {
    width: 100%;
  }

  .el-cascader--small {
    width: 100%;
  }
  .styleB {
    height: 128px;
  }
  .styleB .el-upload--picture-card {
    display: none;
  }

  .saomazhifucodeClass .el-dialog__body,
  .saomazhifucodeClass .el-dialog__header, .saomazhifucodeClass .el-dialog__footer {
    padding: 0;
    background: #F4E9E9;
  }
  .saomazhifucodeClass .el-dialog__body{
    padding: 15px;
  }
  .saomazhifucodeClass .el-dialog__footer{
    background: #F4E9E9;
    padding-bottom: 15px;
  }
  .saomazhifucodeClass .el-dialog__headerbtn{
    margin-top:10px
  }
  .zmDriving {
    thead .el-table-column--selection .cell {
      display: none !important;
    }
  }
  .synchronous{
    width: 75px;
    height: 45px;
    line-height: 45px;
    color: #fff;

    cursor: pointer;
    background: url(../../../src/icon/Union2.png) no-repeat 100%;
  }
  .synchronous:hover{
    background: url(../../../src/icon/Union1.png) no-repeat 100%;
  }
  .line_style{
    margin-top: 20px;

  }
  .el-input-group__append{
  vertical-align:baseline;
}
}
</style>