vue-insagent-pc/src/views/Task/daikeComponents/KtLetter1.vue

<template>
  <div class="body">
    <div class="Enclosure flex f-c back" v-if="isLetter == '1'">
      <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 :gutter="colgutter">
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="业务员">
              <el-input v-model="userform.name"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="工号">
              <el-input v-model="userform.id" type="text"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="工号类型">
              <el-select v-model="userform.usertype" style="width: 100%;">
                <el-option label="业务员" value="A"></el-option>
                <el-option label="代理人" value="B"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" v-if="isLetter == '1'">
      <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 :gutter="colgutter">
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" 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 :gutter="colgutter">
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" @blur="getCompanyList">
                  <el-button slot="append" type="primary" icon="el-icon-search" @click="toCheckLicenseNo(carInfo.licenseNo)" style="color: #fff;"></el-button>
                </el-input>
                <el-checkbox v-model="licenseplate">已上牌</el-checkbox>
              </div>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="车辆识别代码" prop="frameNo" class="red-btn">
              <el-input placeholder="请输入车辆识别码" v-model="carInfo.frameNo" maxlength="17" type="text" show-word-limit @blur="getCompanyList">
                <el-button slot="append" type="primary" icon="el-icon-search" @click="toChooseVin(carInfo.frameNo)" style="color: #fff;"></el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="品牌型号" prop="modelcname" class="red-btn">
              <el-input v-model="carInfo.modelcname" placeholder="请输入品牌型号" type="text" @blur="getCompanyList">
                <el-button slot="append" icon="el-icon-search" type="primary"
                  @click="toChooseVehicleType(carInfo.modelcname)" style="color: #fff;"></el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="发动机号" prop="engineNo">
              <el-input v-model="carInfo.engineNo" placeholder="请输入发动机号" @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="年款" prop="caryear">
              <el-input onkeyup="value=value.replace(/\D/g,'')" @blur="getCompanyList" v-model="carInfo.caryear" placeholder="请输入年款"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="座位数" prop="seatCount">
              <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.seatCount" placeholder="请输入座位数" @blur="getCompanyList">
                <el-button slot="append">座</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="整备质量" prop="completeKerbMass">
              <el-input v-model="carInfo.completeKerbMass" placeholder="请输入整备质量" @blur="getCompanyList">
                <el-button slot="append">千克(KG)</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="排量" prop="enginedesc">
              <el-input v-model="carInfo.enginedesc" placeholder="请输入排量" @blur="getCompanyList">
                <el-button slot="append">升(L)</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="功率" prop="powerScale">
              <el-input v-model="carInfo.powerScale" placeholder="请输入功率" @blur="getCompanyList">
                <el-button slot="append">千瓦(KW)</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="新车购置价" prop="purchasePrice">
              <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice" placeholder="请输入新车购置价" @blur="getCompanyList">
                <el-button slot="append">元</el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="使用性质" prop="carnature">
              <el-select v-model="carInfo.carnature" placeholder="请选择使用性质" @change="natureFun" @blur="getCompanyList">
                <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="车辆用途" prop="vehicleUse">
              <el-select v-if="carInfo.carnature == '02'" v-model="carInfo.vehicleUse" placeholder="请选择使车辆用途" @blur="getCompanyList">
                <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="请选择使车辆用途" @blur="getCompanyList">
                <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="车辆类型" prop="cartype">
              <el-select v-model="carInfo.cartype" placeholder="请选择车辆种类" filterable clearable @blur="getCompanyList">
                <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="车辆种类" prop="cimodelclass">
              <el-select v-model="carInfo.cimodelclass" placeholder="请选择车辆种类" clearable @blur="getCompanyList">
                <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="能源种类" prop="energyType">
              <el-select v-model="carInfo.energyType" placeholder="请选择能源种类" @blur="getCompanyList">
                <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="注册日期" prop="registerDate" class="red-btn">
              <el-date-picker v-dateFormat v-model="carInfo.registerDate" :picker-options="pickerOptions" @blur="getCompanyList"
                value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" placement="bottom-start"></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="发证日期" prop="issueDate" class="red-btn" @blur="getCompanyList">
              <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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="transferDateShow">
            <el-form-item label="转移登记日期" prop="transferDate">
              <el-date-picker v-dateFormat v-model="carInfo.transferDate" :picker-options="pickerOptions" type="date" @blur="getCompanyList"
                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 :gutter="colgutter">
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="车主姓名" prop="name">
              <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名" @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="证件类型" prop="identifyType">
              <el-select v-model="ownerInfo.identifyType" placeholder="身份证" @blur="getCompanyList" disabled>
                <el-option label="身份证" value="01"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="证件号码" prop="identifyNumber">
              <el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
                show-word-limit @blur="identifyblur('ownerInfo'); getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="ownerInfo.age" placeholder="请输入年龄" type="text" disabled @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="性别" prop="gender">
              <el-select @change="genderChange" v-model="ownerInfo.gender" placeholder="请选择性别" @blur="getCompanyList">
                <el-option label="男" value="男"></el-option>
                <el-option label="女" value="女"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="车主手机号" prop="mobile">
              <el-input v-model="ownerInfo.mobile" placeholder="请输入车主手机号" type="text" maxlength="11" @blur="getCompanyList"
                @paste.native="handlePaste($event, 'ownerInfo')" show-word-limit></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="地址" prop="addr">
              <el-input v-model="ownerInfo.addr" placeholder="请输入地址" type="text" @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="有效期起期" prop="identifyValidDate">
              <el-date-picker v-dateFormat v-model="ownerInfo.identifyValidDate" value-format="yyyy-MM-dd" @blur="getCompanyList"
                :picker-options="pickerOptions" type="date" placeholder="选择注册日期"
                placement="bottom-start"></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="有效期止期" prop="identifyValidEndDate" class="red-btn">
              <el-date-picker v-dateFormat v-model="ownerInfo.identifyValidEndDate" type="date" value-format="yyyy-MM-dd" @blur="getCompanyList"
                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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" id="toubaor">
          <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 :gutter="colgutter">
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="投保人姓名" prop="name">
              <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名" @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="证件类型" prop="identifyType">
              <el-select v-model="policyHolderInfo.identifyType" placeholder="身份证" disabled @blur="getCompanyList">
                <el-option label="身份证" value="01"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="证件号码" prop="identifyNumber">
              <el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
                show-word-limit @blur="identifyblur('policyHolderInfo'); getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="policyHolderInfo.age" placeholder="请输入年龄" type="text" disabled @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="性别" prop="gender">
              <el-select v-model="policyHolderInfo.gender" placeholder="请选择性别" @blur="getCompanyList">
                <el-option label="男" value="男"></el-option>
                <el-option label="女" value="女"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="投保人手机号" prop="mobile">
              <el-input v-model="policyHolderInfo.mobile" placeholder="请输入投保人手机号" maxlength="11" type="text" @blur="getCompanyList"
                @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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="地址" prop="addr">
              <el-input v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text" @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="有效期起期" prop="identifyValidDate">
              <el-date-picker v-dateFormat v-model="policyHolderInfo.identifyValidDate" value-format="yyyy-MM-dd" @blur="getCompanyList"
                :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="有效期止期" prop="identifyValidEndDate">
              <el-date-picker v-dateFormat v-model="policyHolderInfo.identifyValidEndDate" type="date" @blur="getCompanyList"
                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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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 :gutter="colgutter">
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="被保人姓名" prop="name">
              <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名" @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="证件类型" prop="identifyType">
              <el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证" disabled @blur="getCompanyList">
                <el-option label="身份证" value="01"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="证件号码" prop="identifyNumber">
              <el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
                show-word-limit @blur="identifyblur('insuredPersonInfo'); getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="年龄" prop="age">
              <el-input v-model="insuredPersonInfo.age" placeholder="请输入年龄" type="text" disabled @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="性别" prop="gender">
              <el-select v-model="insuredPersonInfo.gender" placeholder="请选择性别" @blur="getCompanyList">
                <el-option label="男" value="男"></el-option>
                <el-option label="女" value="女"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="被保人手机号" prop="mobile">
              <el-input v-model="insuredPersonInfo.mobile" placeholder="请输入被保人手机号" maxlength="11" type="text" @blur="getCompanyList"
                @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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="地址" prop="addr">
              <el-input v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text" @blur="getCompanyList"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="有效期起期" prop="identifyValidDate">
              <el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidDate" value-format="yyyy-MM-dd" @blur="getCompanyList"
                :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <el-form-item label="有效期止期" prop="identifyValidEndDate">
              <el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidEndDate" type="date" @blur="getCompanyList"
                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 :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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>
        </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 :gutter="colgutter">
          <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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
            " :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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
            " :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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" :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
            <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 xianbie">
      <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> -->
          <el-radio-group v-model="productId" @change="productIdChange">
            <el-radio v-for="(item, index) in productList" :key="index" :label="item.code">{{ item.desc }}</el-radio>
          </el-radio-group>
        </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($event, insureitem)" 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> -->
    </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" disabled
              ></el-checkbox>
            <div class="flex f-c a-c">
              <el-form-item label="交强险起保日期" prop="identifyNumber" class="red-btn">
                <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" class="red-btn">
                <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="synchronous" style="margin: 0 50px" @click="synchronization">
            <img src="@/icon/Union2.png">
            <div>同步</div>
          </div>
          <div class="flex j-c a-start">
            <el-checkbox class="checkbox" style="margin-right: 20px" v-model="sychecked" disabled
              @change="sycheckedChange"></el-checkbox>
            <div class="flex f-c a-c">
              <el-form-item label="商业险起保日期" prop="name" class="red-btn">
                <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" class="red-btn">
                <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">
        <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">
              <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="3">
              <span>报价协议</span>
            </el-col>
            <el-col :span="3" v-if="isLetter !== '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-col :span="2">
              <span>操作</span>
            </el-col>
          </el-row>
        </div>
         -->
        <div class="coll">
          <div v-loading="showLoading" class="hovers" :class="reslistitem.checked ? 'border-red' : 'border-blue'" v-for="(reslistitem, reslistindex) in totalCompanyList"
            :key="reslistindex">
            <el-row v-show="reslistitem.checked || reslistindex == 0" class="companyhead" style="margin-bottom: 20px;">
              <el-col :span="1">
                <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="3">
                <span>报价协议</span>
              </el-col>
              <el-col :span="3" v-if="isLetter !== '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-col :span="2">
                <span>操作</span>
              </el-col>
            </el-row>
            <el-row class="bxgs-list">
              <el-col :span="1" style="margin-left: 20px">
                <el-checkbox v-model="reslistitem.checked" :disabled="reslistitem.disabled" @change="(event) =>
                  initchange(
                    event,
                    reslistitem.id,
                    reslistitem.cnName,
                    reslistindex
                  )
                  "></el-checkbox>
              </el-col>
              <el-col :span="2">
                <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="4">
                <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.jobDescription ? agreementitem.businessDescription + '(' + agreementitem.jobDescription + ')' : agreementitem.businessDescription"
                        :value="agreementitem.id" :disabled="agreementitem.disabled">{{ agreementitem.jobDescription ?
                          agreementitem.businessDescription + '(' + agreementitem.jobDescription + ')' :
                          agreementitem.businessDescription }}</el-option>
                    </div>
                  </div>
                </el-select>
              </el-col>
              <el-col :span="3">
                <div v-show="reslistitem.quoteCode == '0'">
                  <span style="line-height: auto;">未报价</span>
                </div>
                <div class="loader" v-show="reslistitem.quoteCode == '1'">
                  <!-- <i style="color: #d42426" class="el-icon-loading"></i> -->
                  <p class="text">
                  <span class="letter letter1">掌</span>
                  <span class="letter letter2">柜</span>
                  <span class="letter letter3">正</span>
                  <span class="letter letter4">在</span>
                  <span class="letter letter5">为</span>
                  <span class="letter letter6">您</span>
                  <span class="letter letter7">报</span>
                  <span class="letter letter8">价</span>
                  <span class="letter letter9">.</span>
                  <span class="letter letter10">.</span>
                  <span class="letter letter11">.</span>
                  </p>
                </div>
                <div class="dis f-c" v-show="reslistitem.quoteCode == '200'">
                  <span style="color: #d42426; font-weight: bold">
                    ￥{{ reslistitem.result.sumPermium }}
                  </span>
                  <!-- <span style="font-size: 13px; color: #2d4d89" class="m-top-5">{{ reslistitem.result.feeView ? '总科技币：' : '优惠：' }}{{ reslistitem.result.sumExportFee}}</span> -->
                </div>
              </el-col>
              <el-col :span="3" v-show="reslistitem.quoteCode == '200'">
                <div class="dis f-c">
                  <span style="color: #d42426; font-weight: bold">
                    ￥{{ reslistitem.result.jqPremium }}
                  </span>
                  <!-- <span v-if="reslistitem.result.jqPremium" style="font-size: 13px; color: #2d4d89" class="m-top-5">{{ reslistitem.result.feeView ? '掌柜科技币：' : '优惠：' }}{{ reslistitem.result.jqExportFee }}</span> -->
                </div>
              </el-col>
              <el-col :span="3" v-show="reslistitem.quoteCode == '200'">
                <span style="color: #d42426; font-weight: bold">
                  ￥{{ reslistitem.result.taxAmount }}
                </span>
              </el-col>
              <el-col :span="3" v-show="reslistitem.quoteCode == '200'">
                <div class="dis f-c">
                  <span style="color: #d42426; font-weight: bold">
                    ￥{{ reslistitem.result.syPremium }}
                  </span>
                  <!-- <span v-if="reslistitem.result.syPremium" style="font-size: 13px; color: #2d4d89" class="m-top-5">{{ reslistitem.result.feeView ? '掌柜科技币：' : '优惠：' }}{{ reslistitem.result.syExportFee }}</span> -->
                </div>
              </el-col>
              <el-col :span="2" v-if="reslistitem.quoteCode == '200'" style="">
                <div class="dis f-c">
                  <span style="color: #d42426; font-weight: bold">
                    {{
                      reslistitem.result.jyPremium
                      ? "￥" + reslistitem.result.jyPremium
                      : "无"
                    }}
                  </span>
                  <!-- <span v-if="reslistitem.result.jyPremium" style="font-size: 13px; color: #2d4d89" class="m-top-5">{{ reslistitem.result.feeView ? '掌柜科技币：' : '优惠：' }}{{ reslistitem.result.noExportFee }}</span> -->
                </div>
              </el-col>
              <el-col :span="24" v-show="reslistitem.quoteCode == '200' &&
                reslistitem.result.feeNoDescription
                ">
                <div class="flex offer-time" style="color: #d42426">
                  <span>该车未匹配销管费用，不建议投保！</span>
                  <el-tooltip class="item" effect="dark" content="费用匹配错误信息" placement="top">
                    <i class="el-icon-s-goods" @click="
                      open3(
                        reslistitem.namesimple + '优惠信息',
                        reslistitem.result.feeNoDescription
                      )
                      " style="
                        font-size: 20px;
                        transform: scale(0.8);
                        vertical-align: middle;
                      " :disabled="reslistitem.quoteCode == '200' &&
                        reslistitem.result.feeNoDescription
                        "></i>
                  </el-tooltip>
                </div>
              </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>
              <div class="baofeijisuan" @click="handleListJisuan(reslistitem, reslistindex)">计算保费</div>
            </el-row>

            <!-- 选中-方案选择 -->
            <div v-show="reslistitem.checked" :gutter="20" class="company-checked">
              <el-row class="width1280">
                <el-col :span="24">
                  <el-row type="flex" align="middle" class="left-title" v-if="reslistitem.programme">
                    <el-col :span="2">方案选择</el-col>
                    <div style="margin-right: 20px;" v-for="(item, index) in reslistitem.schemes" :key="index" @click="checkedPopover(reslistindex, index, item)">
                      <el-popover placement="top-start" trigger="hover" width="660">
                        <!--  :disabled="reslistitem.checkedProgramme == index" -->
                      <!-- <div>弹出</div> -->
                      <Ktletter1Popover :data="item" :programme="reslistitem.programme" :productId="productId"></Ktletter1Popover>
                      <el-col class="gray-style" :class="reslistitem.checkedProgramme == index ? 'blue-style' : ''" slot="reference"
                      >
                      <!-- <i v-show="reslistitem.checkedProgramme == index" class="el-icon-circle-check"></i> -->
                      {{ item.schemeName }}
                      <img v-show="reslistitem.checkedProgramme == index" src="@/assets/Frame.png" />
                    </el-col>
                    </el-popover>
                    </div>
                    <div @click="checkedPopover(reslistindex, 99)" style="margin-right: 20px;" v-show="reslistitem.programme99 && reslistitem.programme99.schemeId">
                      <el-popover placement="top-start" width="660" :disabled="reslistitem.checkedProgramme == 99" trigger="hover">
                        <Ktletter1Popover :data="reslistitem.programme99" :programme="reslistitem.programme" :productId="productId"></Ktletter1Popover>
                        <el-col class="gray-style" :class="reslistitem.checkedProgramme == 99 ? 'blue-style' : ''" slot="reference">
                        <!-- <i v-show="reslistitem.checkedProgramme == 99" class="el-icon-circle-check"></i> -->
                        自选方案
                        <img v-show="reslistitem.checkedProgramme == 99" src="@/assets/Frame.png" />
                      </el-col>
                      </el-popover>
                    </div>
                    <!-- <el-popover placement="top-start" width="450" style="margin-right: 20px;" trigger="hover">
                      <Ktletter1Popover></Ktletter1Popover>
                      <el-col class="gray-style" slot="reference">服务方案</el-col>
                    </el-popover> -->
                  </el-row>
                </el-col>
                <el-col :span="2" v-if="reslistitem.programme" class="card-bg">
                  <div class="card-xianzhong">
                    <div>已选险种</div>
                  <div class="card-btn" v-show="reslistitem.programme.description">{{ reslistitem.programme.description }}</div>
                  </div>
                </el-col>

                <!-- 险种明细 -->
                <el-col :span="8" class="card-bg" style="padding-left: 0;" v-if="reslistitem.programme && reslistitem.programme.kinds">
                  <div class="card-mingxi">
                    <div class="card-mingxi-title">险种明细：
                      <span v-show="reslistitem.checkedProgramme != 99" @click="showDetailJiaYi(reslistitem, reslistindex)">查看详情</span>
                      <span v-show="reslistitem.checkedProgramme == 99" @click="showTypeDialog(reslistitem, reslistindex)">调整险种</span>
                    </div>
                    <div class="card-table" v-show="reslistitem.programme.description != '单商' && reslistitem.programme.description != '单三'">
                      <div class="table-title">交强险</div>
                      <div class="table-list" v-if="reslistitem.programme.kinds">
                        <div class="table-list-title">
                          <div class="flex-1">产品名称</div>
                        </div>
                        <div class="table-list-content">
                          <div class="flex-1">
                            <img src="@/icon/icon-chengse.png">
                            <!-- <span>{{ reslistitem.programme.jqx.name }}</span> -->
                             <span>交通事故强制责任险</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="card-table" v-show="reslistitem.programme.description != '单交'">
                      <div class="table-title">商业险</div>
                      <div class="table-list" v-if="reslistitem.programme && reslistitem.programme.kinds">
                        <div class="table-list-title">
                          <div class="flex-1">产品名称</div>
                          <div class="w-60">保额(元)</div>
                        </div>
                        <div class="table-list-content" v-for="(kinds, kindIndex) in reslistitem.programme.kinds.main" :key="kindIndex + 'main'">
                          <div class="flex-1">
                            <img src="@/icon/icon-chengse.png">
                            <!-- <span>{{ kinds.alias || kinds.kindName }}</span> -->
                             <span>{{ kinds.kindName }}</span>
                          </div>
                          <div v-if="kinds.kindCode != 'A'" class="w-60"> {{ toWan(kinds.amount) }}</div>
                          <div v-else class="w-60">&nbsp;</div>
                        </div>
                        <div class="table-list-content" v-for="(kinds, kindIndex) in reslistitem.programme.kinds.additional" :key="kindIndex">
                          <div class="flex-1">
                            <img src="@/icon/icon-chengse.png">
                            <!-- <span>{{ kinds.alias || kinds.kindName }}</span> -->
                            <span>{{ kinds.kindName }}</span>
                          </div>
                          <div class="w-60"> {{ toWan(kinds.amount) }}</div>
                        </div>
                        <div class="table-list-content" v-if="!reslistitem.programme.kinds.main.length && !reslistitem.programme.kinds.additional.length">暂无</div>
                      </div>
                    </div>
                    <div class="card-table" v-if="reslistitem.programme && reslistitem.programme.drivingList && reslistitem.programme.drivingList.length > 0">
                      <div class="table-title">驾意险</div>
                      <div class="table-list" v-if="reslistitem.programme.kinds">
                        <div class="table-list-title">
                          <div class="flex-1">产品名称</div>
                          <div class="w-60">份数</div>
                          <div class="w-60">保费</div>
                        </div>
                        <div class="table-list-content" v-for="(driving, drivingIndex) in reslistitem.programme.drivingList" :key="drivingIndex" @click="showDetailJiaYi(reslistitem, reslistindex, 'jiayi')">
                          <div class="flex-1">
                            <img src="@/icon/icon-chengse.png">
                            <span>
                              <!-- <span style="margin-right: 0;" v-if="reslistitem.cnName == 'guoRen' || reslistitem.cnName == 'ansheng'">{{ driving.select }}</span> -->
                              {{ driving.alias || driving.projectName }}
                            </span>
                          </div>
                          <div class="w-60">{{ driving.quantity }}份</div>
                          <div class="w-60">￥{{ Number(driving.sumPremium) * driving.quantity }}
                            <span v-show="reslistitem.checkedProgramme == 99"><i class="el-icon-delete" @click="deleteJiaYi(reslistindex, drivingIndex)"></i></span>
                          </div>
                        </div>
                        <div class="table-list-content" v-if="!reslistitem.programme.drivingList.length">暂无</div>
                      </div>
                    </div>
                    <div class="card-table" v-show="reslistitem.checkedProgramme == 99 && reslistitem.cnName == 'guoRen'">
                      <div class="table-title">其他</div>
                      <div class="table-list" v-if="reslistitem.programme.kinds">
                        <div style="color: #FD9A25;" @click="contributingGuoRen(reslistitem.agreementId, reslistindex)">选择特约</div>
                        <div class="table-list-title">
                          <div class="flex-1">特约名称</div>
                        </div>
                        <div class="table-list-content" v-for="(teyueitem, teyueindex) in reslistitem.programme.teyue" :key="teyueindex">
                          <div class="flex-1">
                            <img src="@/icon/icon-chengse.png">
                            {{ teyueitem.clauseName }}
                          </div>
                        </div>
                        <div class="table-list-content" v-if="!reslistitem.programme.kinds.main.length">暂无</div>
                      </div>
                    </div>
                    <div class="card-table" v-show="reslistitem.cnName == 'zijin'">
                      <div class="table-title">其他</div>
                      <div>自定义系数:
                        <el-input v-model="reslistitem.coefficient" size="mini" class="coefficient" placeholder="请输入"></el-input>
                      </div>
                    </div>
                  </div>

                </el-col>
                <!-- 服务明细 -->
                <el-col :span="4" class="card-bg" style="padding-left: 0;" v-if="reslistitem.programme && reslistitem.programme.kinds">
                  <div class="card-mingxi fuwu">
                    <div class="card-mingxi-title">服务明细：</div>
                    <div class="card-table">
                      <div class="table-list">
                        <div class="table-list-title">
                          <div class="flex-1">增值服务</div>
                          <div class="w-50">次数</div>
                        </div>
                        <div class="table-list-content" v-for="(kinds, kindIndex) in reslistitem.programme.kinds.service" :key="kindIndex">
                          <div class="flex-1">
                            <img src="@/icon/icon-lanse.png">
                            <span style="margin-left: 0;">{{ kinds.alias || kinds.kindName }}</span>
                          </div>
                          <div class="w-50 w-55">{{ toWan(kinds.amount, 'fw') }}</div>
                        </div>
                        <div class="table-list-content" v-if="!reslistitem.programme.kinds.service.length">暂无</div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <!-- 优惠明细 -->
                <el-col :span="4" class="card-bg" style="padding-left: 0;" v-if="reslistitem.quoteCode == '200'">
                  <div class="card-mingxi youhui">
                    <div class="card-mingxi-title">优惠明细：</div>
                    <div class="card-table">
                      <div class="table-list">
                        <div class="table-list-title" style="padding-left: 0;">
                          <div class="w-50" style="width: 40px;">险种</div>
                          <div class="w-50" style="width: 50px; font-size: 10px;">优惠比例</div>
                          <div class="w-60" style=" font-size: 10px;">优惠金额(元)</div>
                          <div class="w-60" style="width: 50px; font-size: 10px;">合计优惠</div>
                        </div>
                        <div class="table-list-content" v-if="reslistitem.programme">
                          <div class="w-50" style="width: 40px;">
                            <div class="table-list-line" style="border-right: none; padding-left: 0;" v-show="reslistitem.programme.description != '单商' && reslistitem.programme.description != '单三'">
                              <span style="margin-left: 0; font-size: 10px;">交强险</span>
                            </div>
                            <div class="table-list-line" style="border-right: none; padding-left: 0;" v-show="reslistitem.programme.description != '单交'">
                              <span style="margin-left: 0; font-size: 10px;">商业险</span>
                            </div>
                            <div class="table-list-line table-list-line-last" style="border-right: none; padding-left: 0;" v-show="reslistitem.result.jyPremium">
                              <span style="margin-left: 0; font-size: 10px;">驾意险</span>
                            </div>
                          </div>
                          <div class="w-50" style="width: 50px;">
                            <div class="table-list-line" style="border-right: none;"  v-show="reslistitem.programme.description != '单商' && reslistitem.programme.description != '单三'">
                              <span style="margin-left: 0;">{{ reslistitem.result.jqExportFee ? reslistitem.result.jqExportRadio : '无' }}</span>
                            </div>
                            <div class="table-list-line" style="border-right: none;" v-show="reslistitem.programme.description != '单交'">
                              <span style="margin-left: 0;">{{ reslistitem.result.syExportFee ? reslistitem.result.syExportRadio : '无' }}</span>
                            </div>
                            <div class="table-list-line table-list-line-last" style="border-right: none;"  v-show="reslistitem.result.jyPremium">
                              <span style="margin-left: 0;">{{ reslistitem.result.noExportRadio }}</span>
                            </div>
                          </div>
                          <div class="w-60">
                            <div class="table-list-line" v-show="reslistitem.programme.description != '单商' && reslistitem.programme.description != '单三'">
                              <span style="margin-left: 0;">{{ reslistitem.result.jqExportFee ? reslistitem.result.jqExportFee : '无' }}</span>
                            </div>
                            <div class="table-list-line"  v-show="reslistitem.programme.description != '单交'">
                              <span style="margin-left: 0;">{{ reslistitem.result.syExportFee ? reslistitem.result.syExportFee : '无' }}</span>
                            </div>
                            <div class="table-list-line table-list-line-last" v-show="reslistitem.result.jyPremium">
                              <span style="margin-left: 0;">{{ reslistitem.result.noExportFee ? reslistitem.result.noExportFee : '无' }}</span>
                            </div>
                          </div>
                          <div class="w-50 w-66"><span v-show="reslistitem.result.sumExportFee">￥</span>{{ reslistitem.result.sumExportFee }}</div>
                        </div>
                      </div>
                    </div>
                    <div class="card-mingxi-title" style="margin-top: 10px; border-top: 1px solid #fabdae;">返还测算：</div>
                    <div class="card-table">
                      <div class="table-list">
                        <div class="table-list-title" style="padding-left: 0;">
                          <div class="w-50" style="width: 40px;">险种</div>
                          <div class="w-50" style="width: 50px; font-size: 10px;">返还比例</div>
                          <div class="w-60" style=" font-size: 10px;">返还金额(元)</div>
                          <div class="w-60" style="width: 50px; font-size: 10px;">合计返还</div>
                        </div>
                        <div class="table-list-content" v-if="reslistitem.programme">
                          <div class="w-50" style="width: 40px;">
                            <div class="table-list-line" style="border-right: none; padding-left: 0;" v-show="reslistitem.programme.description != '单商' && reslistitem.programme.description != '单三'">
                              <span style="margin-left: 0; font-size: 10px;">交强险</span>
                            </div>
                            <div class="table-list-line" style="border-right: none; padding-left: 0;" v-show="reslistitem.programme.description != '单交'">
                              <span style="margin-left: 0; font-size: 10px;">商业险</span>
                            </div>
                            <div class="table-list-line table-list-line-last" style="border-right: none; padding-left: 0;" v-show="reslistitem.result.jyPremium">
                              <span style="margin-left: 0; font-size: 10px;">驾意险</span>
                            </div>
                          </div>
                          <div class="w-50" style="width: 50px;">
                            <div class="table-list-line" style="border-right: none; padding-left: 0;"  v-show="reslistitem.programme.description != '单商' && reslistitem.programme.description != '单三'">
                              <span style="margin-left: 0;">
                                <el-input size="mini" style="width: 40px;" v-model="reslistitem.result.jqInput" class="mini-input"></el-input>
                              </span>
                            </div>
                            <div class="table-list-line" style="border-right: none; padding-left: 0;"  v-show="reslistitem.programme.description != '单交'">
                              <span style="margin-left: 0;">
                                <el-input size="mini" style="width: 40px;" v-model="reslistitem.result.syInput" class="mini-input"></el-input>
                              </span>
                            </div>
                            <div class="table-list-line table-list-line-last" style="border-right: none; padding-left: 0;"  v-show="reslistitem.result.jyPremium">
                              <span style="margin-left: 0;">
                                <el-input size="mini" style="width: 40px;" v-model="reslistitem.result.jyInput" class="mini-input"></el-input>
                              </span>
                            </div>
                          </div>
                          <div class="w-60">
                            <div class="table-list-line" v-show="reslistitem.programme.description != '单商' && reslistitem.programme.description != '单三'">
                              <span style="margin-left: 0;">{{ reslistitem.result.jqInput ? (reslistitem.result.jqPremium * (reslistitem.result.jqInput / 100)).toFixed(2) : 0 }}</span>
                            </div>
                            <div class="table-list-line" v-show="reslistitem.programme.description != '单交'">
                              <span style="margin-left: 0;">{{ reslistitem.result.syInput ? (reslistitem.result.syPremium * (reslistitem.result.syInput / 100)).toFixed(2) : 0 }}</span>
                            </div>
                            <div class="table-list-line table-list-line-last" v-show="reslistitem.result.jyPremium">
                              <span style="margin-left: 0;">{{ reslistitem.result.jyInput ? (reslistitem.result.jyPremium * (reslistitem.result.jyInput / 100)).toFixed(2) : 0 }}</span>
                            </div>
                          </div>
                          <div class="w-60 w-66">{{ (
                            (reslistitem.result.jqInput ? reslistitem.result.jqPremium * (reslistitem.result.jqInput / 100) : 0) +
                            (reslistitem.result.syInput ? reslistitem.result.syPremium * (reslistitem.result.syInput / 100) : 0 ) +
                            (reslistitem.result.jyInput ? reslistitem.result.jyPremium * (reslistitem.result.jyInput / 100) : 0)
                          ).toFixed(2)
                          }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>

                <!-- 保险期限 -->
                <el-col :span="6" class="card-bg" style="padding-left: 0;" v-if="reslistitem.quoteCode == '200'">
                  <div class="card-mingxi baoxian">
                    <div class="card-mingxi-title">保险期限：
                      <div @click="syncData(reslistitem.result)">
                      <el-tooltip class="item" effect="dark" content="使用此时间" placement="top">
                        <i style="color: red" class="el-icon-time"></i>
                      </el-tooltip>
                    </div>
                    </div>
                    <div class="card-table">
                      <div class="table-list">
                        <div class="table-list-title">
                          <div class="w-40">险种</div>
                          <div class="flex-1">起保日期</div>
                          <div class="flex-1">终保日期</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.startDateJq">
                          <div class="w-40">交强险</div>
                          <div class="flex-1">{{ reslistitem.result.startDateJq }}</div>
                          <div class="flex-1">{{ reslistitem.result.endDateJq }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.startDateSy">
                          <div class="w-40">商业险</div>
                          <div class="flex-1">{{ reslistitem.result.startDateSy }}</div>
                          <div class="flex-1">{{ reslistitem.result.endDateSy }}</div>
                        </div>
                      </div>
                    </div>
                    <div class="card-table">
                      <div class="table-list">
                        <div class="table-list-title">
                          <div class="flex-1">类型</div>
                          <div class="flex-1">评分</div>
                        </div>
                        <!-- <div class="table-list-content" v-show="reslistitem.result.JqExportFee">
                          <div class="flex-1">交强出口费用</div>
                          <div class="flex-1">{{ reslistitem.result.JqExportFee }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.syExportFee">
                          <div class="flex-1">商业出口费用</div>
                          <div class="flex-1">{{ reslistitem.result.syExportFee }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.noExportFee">
                          <div class="flex-1">非车出口费用</div>
                          <div class="flex-1">{{ reslistitem.result.noExportFee }}</div>
                        </div> -->
                        <div class="table-list-content" v-show="reslistitem.result.jqScore">
                          <div class="flex-1">交强类型评分：</div>
                          <div class="flex-1">{{ reslistitem.result.jqScore }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.syScore">
                          <div class="flex-1">商业类型评分：</div>
                          <div class="flex-1">{{ reslistitem.result.syScore }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.lossRation">
                          <div class="flex-1">总赔付率：</div>
                          <div class="flex-1">{{ reslistitem.result.lossRation }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.jqLossRation">
                          <div class="flex-1">交强赔付率：</div>
                          <div class="flex-1">{{ reslistitem.result.jqLossRation }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.syLossRation">
                          <div class="flex-1">商业赔付率：</div>
                          <div class="flex-1">{{ reslistitem.result.syLossRation }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.totalAdjustRate">
                          <div class="flex-1">自主定价系数：</div>
                          <div class="flex-1">{{ reslistitem.result.totalAdjustRate }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.jgAdjustRate">
                          <div class="flex-1">交强折扣系数：</div>
                          <div class="flex-1">{{ reslistitem.result.jgAdjustRate }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.syAdjustRate">
                          <div class="flex-1">商业折扣系数：</div>
                          <div class="flex-1">{{ reslistitem.result.syAdjustRate }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.jqRenewal">
                          <div class="flex-1">交强续保：</div>
                          <div class="flex-1">{{ reslistitem.result.jqRenewal ? reslistitem.result.jqRenewal : "无" }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.syRenewal">
                          <div class="flex-1">商业续保：</div>
                          <div class="flex-1">{{ reslistitem.result.syRenewal ? reslistitem.result.syRenewal : "无" }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.jqClaims">
                          <div class="flex-1">交强出险次数：</div>
                          <div class="flex-1">{{ reslistitem.result.jqClaims ? reslistitem.result.jqClaims : "无" }}</div>
                        </div>
                        <div class="table-list-content" v-show="reslistitem.result.syClaims">
                          <div class="flex-1">商业出险次数：</div>
                          <div class="flex-1">{{ reslistitem.result.syClaims ? reslistitem.result.syClaims : "无" }}</div>
                        </div>
                        <div class="table-list-content" v-if="reslistitem.namesimple == '紫金财险' &&
                          reslistitem.result.ubiPredictedInfoScore">
                          <div class="flex-1">紫金能源车（鼎然-车辆风险评分）：</div>
                          <div class="flex-1">{{ reslistitem.result.ubiPredictedInfoScore }}</div>
                        </div>
                        <div class="table-list-content" v-if="reslistitem.result.iszdj && reslistitem.result.iszdj == '1' ">
                          <div class="flex-1">真单交</div>
                        </div>
                        <div class="table-list-content" v-if="reslistitem.result.iszdj && reslistitem.result.iszdj == '0' ">
                          <div class="flex-1">假单交</div>
                        </div>
                        <div class="table-list-content" v-if="reslistitem.namesimple == '永诚财险'">
                          <div class="flex-1">光博分：</div>
                          <div class="flex-1">{{ reslistitem.result.ilogPreUdwMess ? reslistitem.result.ilogPreUdwMess : "无" }}</div>
                        </div>
                        <div class="table-list-content" v-else>
                          <div class="flex-1">评分：</div>
                          <div class="flex-1">{{ reslistitem.result.ilogPreUdwMess ? reslistitem.result.ilogPreUdwMess : "无" }}</div>
                        </div>
                        <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>

                        </div>
                      </div>
                    </div>
                    <div style="flex: 1;"></div>
                    <div style="display: flex;">
                      <div style="flex: 1;"></div>
                      <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, reslistindex)">下单</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>
                      <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)" v-show="reslistitem.orderstatus == '2' &&
                          !('editStatus' in reslistitem.result) && reslistitem.namesimple !== '平安财险'
                          ">付款码</el-button>
                          <el-button type="text" size="small" style="font-size: 14px"
                        @click="signature(reslistitem.result.companyId)" v-show="reslistitem.orderstatus == '2' &&
                          !('editStatus' in reslistitem.result) && reslistitem.namesimple == '平安财险'
                          ">生成签章</el-button>
                    </div>
                  </div>
                  <!-- <div style="line-height: 25px">
                    保险期限：
                    <span v-show="reslistitem.result.startDateJq">
                      【交强险】
                      <span>
                        {{ reslistitem.result.startDateJq }} -
                        {{ reslistitem.result.endDateJq }}
                      </span>
                      <br />
                    </span>
                    <span v-show="reslistitem.result.startDateSy">
                      【商业险】
                      <span>
                        {{ reslistitem.result.startDateSy }} -
                        {{ reslistitem.result.endDateSy }}
                      </span>
                      <br />
                    </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-show="reslistitem.result.JqExportFee">
                        交强出口费用<span>{{
                          reslistitem.result.JqExportFee
                        }}</span>
                        <br />
                      </span>
                      <span v-show="reslistitem.result.syExportFee">
                        商业出口费用<span>{{
                          reslistitem.result.syExportFee
                        }}</span>
                        <br />
                      </span>
                      <span v-show="reslistitem.result.noExportFee">
                        非车出口费用<span>
                          {{ reslistitem.result.noExportFee }}</span>
                      </span>
                        <br />
                      </div>
                    <div>
                      <span v-if="reslistitem.result.jqScore" class="marginL">
                        交强类型评分：
                        <span>{{ reslistitem.result.jqScore }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.syScore" class="marginL">
                        商业类型评分：
                        <span>{{ reslistitem.result.syScore }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.lossRation" class="marginL">
                        总赔付率：
                        <span>{{ reslistitem.result.lossRation }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.jqLossRation" class="marginL">
                        交强赔付率：
                        <span>{{ reslistitem.result.jqLossRation }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.syLossRation" class="marginL">
                        商业赔付率：
                        <span>{{ reslistitem.result.syLossRation }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.totalAdjustRate" class="marginL">
                        自主定价系数：
                        <span>{{ reslistitem.result.totalAdjustRate }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.jgAdjustRate" class="marginL">
                        交强折扣系数：
                        <span>{{ reslistitem.result.jgAdjustRate }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.syAdjustRate" class="marginL">
                        商业折扣系数：
                        <span>{{ reslistitem.result.syAdjustRate }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.jqRenewal" class="marginL">
                        交强续保：
                        <span>
                          {{
                            reslistitem.result.jqRenewal
                            ? reslistitem.result.jqRenewal
                            : "无"
                          }}
                        </span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.syRenewal" class="marginL">
                        商业续保：
                        <span>
                          {{
                            reslistitem.result.syRenewal
                            ? reslistitem.result.syRenewal
                            : "无"
                          }}
                        </span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.jqClaims" class="marginL">
                        交强出险次数：
                        <span>
                          {{
                            reslistitem.result.jqClaims
                            ? reslistitem.result.jqClaims
                            : "无"
                          }}
                        </span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.syClaims" class="marginL">
                        商业出险次数：
                        <span>
                          {{
                            reslistitem.result.syClaims
                            ? reslistitem.result.syClaims
                            : "无"
                          }}
                        </span>
                        <br />
                      </span>
                      <span v-if="reslistitem.namesimple == '紫金财险' &&
                          reslistitem.result.ubiPredictedInfoScore
                          " class="marginL">
                        紫金能源车（鼎然-车辆风险评分）：
                        <span>{{ reslistitem.result.ubiPredictedInfoScore }}</span>
                        <br />
                      </span>
                      <span v-if="reslistitem.result.iszdj &&
                        reslistitem.result.iszdj == '1'
                        ">真单交</span>
                      <span v-if="reslistitem.result.iszdj &&
                        reslistitem.result.iszdj == '0'
                        ">假单交</span>
                        <span v-if="reslistitem.namesimple == '永诚财险'">
                        光博分：
                        <span>
                          {{
                            reslistitem.result.ilogPreUdwMess
                            ? reslistitem.result.ilogPreUdwMess
                            : "无"
                          }}
                        </span>
                        <br />
                      </span>
                      <span v-else>
                        评分：
                        <span>
                          {{
                            reslistitem.result.ilogPreUdwMess
                            ? reslistitem.result.ilogPreUdwMess
                            : "无"
                          }}
                        </span>
                        <br />
                      </span>
                    </div>
                  </div> -->
                </el-col>

                <!-- <el-col :gutter="20" :span="24" class="company-checked-left">
                  <div class="company-checked-card" v-if="reslistitem.programme">
                    <div>
                      <div class="checked-card-title">险种</div>
                      <div class="checked-card-content">
                        <span class="blue-style" v-show="reslistitem.programme.description">{{ reslistitem.programme.description }}</span>
                        <span v-show="reslistitem.checkedProgramme == 99" class="blue-button" @click="showTypeDialog(reslistitem, reslistindex)">调整险种</span>
                      </div>
                    </div>

                    <div>
                      <div class="checked-card-title">主险</div>
                      <div class="checked-card-content" v-if="reslistitem.programme.kinds">
                        <span class="blue-text" v-for="(kinds, kindIndex) in reslistitem.programme.kinds.main" :key="kindIndex">{{ kinds.alias || kinds.kindName }} {{ toWan(kinds.amount) }}</span>
                        <span style="color: rgba(51,51,51,0.65);" v-if="reslistitem.programme.kinds.main.length == 0">暂无</span>
                      </div>
                    </div>
                    <div>
                      <div class="checked-card-title">附加险</div>
                      <div class="checked-card-content" v-if="reslistitem.programme.kinds">
                        <span v-for="(kinds, kindIndex) in reslistitem.programme.kinds.additional" :key="kindIndex">{{ kinds.alias || kinds.kindName }} {{ toWan(kinds.amount) }}</span>
                        <span style="color: rgba(51,51,51,0.65);" v-if="reslistitem.programme.kinds.additional.length == 0">暂无</span>
                      </div>
                    </div>
                    <div>
                      <div class="checked-card-title">驾意险</div>
                      <div class="checked-card-content" v-if="reslistitem.programme.kinds">
                        <div v-for="(driving, drivingIndex) in reslistitem.programme.drivingList" :key="drivingIndex" style="margin-bottom: 10px;">
                          <span style="margin-right: 0;" v-if="reslistitem.cnName == 'guoRen' || reslistitem.cnName == 'ansheng'">{{ driving.select }}</span>
                          <span>{{ driving.alias || driving.projectName }}  {{ driving.quantity }}份  ￥{{ Number(driving.sumPremium) * driving.quantity }}</span>
                          <span v-show="reslistitem.checkedProgramme == 99"><i class="el-icon-delete" @click="deleteJiaYi(reslistindex, drivingIndex)"></i></span>
                          <span class="blue-button" @click="showDetailJiaYi(reslistindex, driving)">查看详情</span>
                          <span class="blue-button" @click="addJiaYi(reslistitem)" v-show="drivingIndex == 0 && reslistitem.checkedProgramme == 99">+驾意险</span>
                        </div>
                        <span class="blue-button" @click="addJiaYi(reslistitem)" v-show="!reslistitem.programme.drivingList.length && reslistitem.checkedProgramme == 99">+驾意险</span>
                      </div>
                    </div>
                    <div style="margin-top: -10px;">
                      <div class="checked-card-title">服务</div>
                      <div class="checked-card-content" v-if="reslistitem.programme.kinds">
                        <span v-for="(kinds, kindIndex) in reslistitem.programme.kinds.service" :key="kindIndex">{{ kinds.alias || kinds.kindName }} {{ toWan(kinds.amount, 'fw') }}</span>
                        <span style="color: rgba(51,51,51,0.65);" v-if="reslistitem.programme.kinds.service.length == 0">暂无</span>
                      </div>
                    </div>
                    <div>
                      <div class="checked-card-title">其他</div>
                      <div class="checked-card-content" v-show="reslistitem.checkedProgramme == 99 && reslistitem.cnName == 'guoRen'">
                        <div v-if="reslistitem.programme">
                          <div v-for="(teyueitem, teyueindex) in reslistitem.programme.teyue" :key="teyueindex">{{ teyueitem.clauseName }}</div>
                          <span style="color: #F96646;" @click="contributingGuoRen(reslistitem.agreementId, reslistindex)">选择特约</span>
                        </div>
                      </div>
                      <el-col :span="20" v-show="reslistitem.cnName == 'zijin'">
                        <div v-show="reslistitem.cnName == 'zijin'">自定义系数:
                          <el-input v-model="reslistitem.coefficient" size="mini" class="coefficient" placeholder="请输入"></el-input>
                        </div>
                      </el-col>
                    </div>
                  </div>
                </el-col> -->

              </el-row>
            </div>

            <!--
              <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-show="reslistitem.result.JqExportFee">
                    交强出口费用<span>{{
                      reslistitem.result.JqExportFee
                    }}</span>
                  </span>
                  <span v-show="reslistitem.result.syExportFee">
                    商业出口费用<span>{{
                      reslistitem.result.syExportFee
                    }}</span>
                  </span>
                  <span v-show="reslistitem.result.noExportFee">
                    非车出口费用<span>
                      {{ reslistitem.result.noExportFee }}</span>
                  </span>
                </div>
                <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.jqRenewal" class="marginL">
                    交强续保：
                    <span>
                      {{
                        reslistitem.result.jqRenewal
                        ? reslistitem.result.jqRenewal
                        : "无"
                      }}
                    </span>
                  </span>
                  <span v-if="reslistitem.result.syRenewal" class="marginL">
                    商业续保：
                    <span>
                      {{
                        reslistitem.result.syRenewal
                        ? reslistitem.result.syRenewal
                        : "无"
                      }}
                    </span>
                  </span>
                  <span v-if="reslistitem.result.jqClaims" class="marginL">
                    交强出险次数：
                    <span>
                      {{
                        reslistitem.result.jqClaims
                        ? reslistitem.result.jqClaims
                        : "无"
                      }}
                    </span>
                  </span>
                  <span v-if="reslistitem.result.syClaims" class="marginL">
                    商业出险次数：
                    <span>
                      {{
                        reslistitem.result.syClaims
                        ? reslistitem.result.syClaims
                        : "无"
                      }}
                    </span>
                  </span>
                  <span v-if="reslistitem.namesimple == '紫金财险' &&
                      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)" v-show="reslistitem.orderstatus == '2' &&
                      !('editStatus' in reslistitem.result) && reslistitem.namesimple !== '平安财险'
                      ">付款码</el-button>
                      <el-button type="text" size="small" style="font-size: 14px"
                    @click="signature(reslistitem.result.companyId)" v-show="reslistitem.orderstatus == '2' &&
                      !('editStatus' in reslistitem.result) && reslistitem.namesimple == '平安财险'
                      ">生成签章</el-button>
                </div>
              </div>
            </div>
            <template>
              <span v-if="reslistitem.checked &&
                reslistitem.agreementId &&
                reslistitem.underwritingDescription
                " style="margin: 20px 20px 0 100px; display: inline-block">{{ reslistitem.underwritingDescription}}</span>
            </template>
            <template v-if="reslistitem.namesimple == '平安财险' &&
              reslistitem.checked &&
              reslistitem.agreementId
              ">
              <div class="flex f-c Driving-risk">
                <div v-for="(val, index) in pinganInsuranceData" :key="index" >
                  <el-form :inline="true" :model="accidentFormPA[index-1]" class="demo-form-inline" size="small"
                  style="font-weight: bold;margin-top:15px ">
                  <el-form-item :label="index=='1'?'财意险':index=='2'?'小微险':'组合险'" style="margin-right: 30px">
                    <el-select clearable v-model="accidentFormPA[index-1].pingantemplateSelection" placeholder="未选择" @clear="clearAccidentFormPA(index-1,)"
                      @change="pinganInsuranceChange($event,index-1,val)">
                      <el-option v-for="(item, index1) in val" :key="index1" :label="item.projectName"
                        :value="item.projectName"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right: 50px"  v-if="index ==1||index ==2">
                    <el-input-number v-model="accidentFormPA[index-1].quantity" :disabled="!accidentFormPA[index-1].pinganInsurancetype" @change="numberCopieschangePA($event,index-1)" :min="1" :max="accidentFormPA[index-1].sellListSize"
                      controls-position="right"></el-input-number>
                  </el-form-item>
                  <el-form-item label="保费："  v-if="index ==1||index ==2">
                    <span>{{ accidentFormPA[index-1].premium || 0 }}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table class="pinganTable" style="margin-top: 20px" size="small" :data="accidentFormPA[index-1].pinganInsuranceDataTable" border
                  v-if="accidentFormPA[index-1].pingantemplateSelection"  highlight-current-row :header-cell-style="{
                    background: '#F7F7F9 ',
                    fontWeight: '700',
                    color: '#333333',
                  }"   ref="RsTable"  @select="(selections,row)=>{PADrivingCheckbox(selections,row,reslistitem.agreementId,index-1)}">
                  <el-table-column align="center" width="55" label="选择" v-if="index ==1||index ==2">
                    <template slot-scope="scope">
                      <el-radio class="radio"   v-model="accidentFormPA[index-1].pinganInsurancetype" :label="scope.row.code"
                        @click.native.stop.prevent="PADrivingRadio(scope.row,reslistitem.agreementId,index-1)">&nbsp;</el-radio>
                    </template>
                  </el-table-column>
                  <el-table-column
                  type="selection"
                  v-else
                  width="55">
                </el-table-column>
                  <el-table-column prop="name" label="方案名称" align="center"></el-table-column>
                  <el-table-column prop="code" label="方案代码" align="center"></el-table-column>
                  <el-table-column prop="premium" label="保费 (元)/每份" align="center">
                  </el-table-column>
                  <el-table-column prop="quantity" label="份数" align="center" v-if="index ==3">
                    <template slot-scope="scope">
                      <el-input-number size='small' v-model="scope.row.quantity" :min="1" :max="Number(scope.row.sellListSize)"
                      controls-position="right"></el-input-number>
                    </template>
                  </el-table-column>
                  <el-table-column
                    label="操作"
                    width="100">
                    <template slot-scope="scope">
                      <el-button type="text" size="small" @click="pinganDetail(scope.row,reslistitem.agreementId)">查看</el-button>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </div>
            </template>
            <template v-if="reslistitem.namesimple == '泰康财险' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <div class="flex f-c Driving-risk">
                <el-form :inline="true" :model="accidentFormTk" 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="taikangtemplateSelection" placeholder="未选择" @clear="clearAccidentFormTk"
                      @change="taikangInsuranceChange">
                      <el-option v-for="(item, index) in taikangaccidentDataList" :key="index" :label="item.projectName"
                        :value="item.projectCode"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right: 50px">
                    <el-input-number v-model="accidentFormTk.quantity" @change="numberCopieschangeTk" :min="1"
                      controls-position="right"></el-input-number>
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{ accidentFormTk.sumPremium }}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table v-if="taikangtemplateSelection" size="small" :data="taikangInsuranceDataTable" 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="amount" label="每座保额 (元)/每份" align="center"></el-table-column>
                  <el-table-column prop="sumAmount" 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 &&
              isLetter !== '3'
              ">
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin: 15px 0">
                  <span style="margin-right: 15px; font-weight: bold">选择意外险</span>
                  <el-select style="width: 250px; margin-right: 60px" filterable size="small" clearable
                    v-model="hengbangtemplateSelection" placeholder="未选择" @clear="clearAccidentFormHB"
                    @change="hengbangInsuranceChange">
                    <el-option v-for="(item, index) in hengbangInsuranceData" :key="index" :label="item.projectName"
                      :value="item.projectCode"></el-option>
                  </el-select>
                  保费：
                  <b>{{
                    hengbangaccidentalDrivingVo.sumPremium || 0
                  }}&ensp;元</b>
                </div>
                <el-table size="small" :data="hengbangInsuranceDataTable" border v-if="hengbangtemplateSelection"
                  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 prop="amount" label="保额" align="center"></el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '华农财险' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <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.projectName"
                        :value="item.projectCode"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right: 30px">
                    <el-input-number v-model="accidentFormHN.quantity" :min="1"
                      controls-position="right"></el-input-number>
                  </el-form-item>
                </el-form>
                <el-table v-if="accidentFormHN.accidentType" size="small" :data="huanongInsuranceDataTable" 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="amount" label="保额" align="center">
                    <template slot-scope="scope">
                      <el-input v-model="scope.row.amount" placeholder="请输入内容" size="small" disabled></el-input>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '太平财险' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin: 15px 0">
                  <span style="margin-right: 15px; font-weight: bold">选择意外险</span>
                  <el-select style="width: 250px; margin-right: 60px" filterable size="small" clearable
                    v-model="taipingtemplateSelection" placeholder="未选择" @clear="clearAccidentFormTP"
                    @change="taipingInsuranceChange">
                    <el-option v-for="(item, index) in taipingInsuranceData" :key="index" :label="item.projectName"
                      :value="item.projectCode"></el-option>
                  </el-select>
                  每份价税合计：
                  <b>{{ taipingaccidentalDrivingVo.sumPremium || 0 }}&ensp;元</b>
                </div>
                <el-table size="small" :data="taipingInsuranceDataTable" border v-if="taipingtemplateSelection"
                  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 prop="amount" label="险种金额" align="center"></el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '安盛天平' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <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="anshengtemplateSelection"
                    placeholder="未选择" @clear="clearAccidentFormAS" @change="anshengInsuranceChange">
                    <el-option v-for="(item, index) in anshengInsuranceData" :key="index"
                      :label="item.projectCode + '   ' + item.projectName" :value="item.projectCode"></el-option>
                  </el-select>
                </div>
                <el-table style="margin-top: 20px" size="small" :data="anshengInsuranceDataTable" border
                  v-if="anshengtemplateSelection" 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="anshengInsurancetype" :label="scope.row.projectCode"
                        @click.native.stop.prevent="ASDrivingRadio(scope.row)">&nbsp;</el-radio>
                    </template>
                  </el-table-column>
                  <el-table-column prop="projectName" label="方案名称" align="center"></el-table-column>
                  <el-table-column prop="projectCode" label="方案代码" align="center"></el-table-column>
                  <el-table-column prop="quantity" label="份数" align="center">
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '中国人寿' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <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="renshoutemplateSelection"
                    placeholder="未选择" @clear="clearAccidentFormRS" @change="renshouInsuranceChange">
                    <el-option v-for="(item, index) in renshouInsuranceData" :key="index" :label="item.projectName"
                      :value="item.projectCode"></el-option>
                  </el-select>
                </div>
                <el-table size="small" style="margin-top: 20px" :data="renshouInsuranceDataTable" border
                  v-if="renshoutemplateSelection" @row-click="RSDrivingChange" 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 prop="premium" label="保费 (元)起" align="center">
                    <template slot-scope="scope">
                      <span>￥{{ scope.row.premium }}</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 &&
              isLetter !== '3'
              ">
              <div class="flex f-c Driving-risk">
                <div class="dis a-c" style="margin: 15px 0">
                  <span style="margin-right: 15px; font-weight: bold">选择意外险</span>
                  <el-select style="width: 250px" filterable size="small" clearable v-model="zhongantemplateSelection"
                    placeholder="未选择" @clear="clearAccidentFormZA" @change="zhonganInsuranceChange">
                    <el-option v-for="(item, index) in zhonganInsuranceData" :key="index" :label="item.projectName"
                      :value="item.projectCode"></el-option>
                  </el-select>
                </div>
                <el-table size="small" :data="zhonganInsuranceDataTable" border v-if="zhongantemplateSelection"
                  @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 prop="amount" label="险种金额" align="center"></el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '紫金财险' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <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="zijintemplateSelection" 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="zijinInsuranceDataTable" border v-if="zijintemplateSelection"
                  @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" 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 &&
              isLetter !== '3'
              ">
              <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="yongchengtemplateSelection" placeholder="未选择" @clear="clearAccidentForm"
                      @change="yongchengInsuranceChange">
                      <el-option v-for="(item, index) in yongchengaccidentDataList" :key="index" :label="item.projectName"
                        :value="item.projectCode"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="选择份数" style="margin-right: 50px">
                    <el-input-number v-model="accidentForm.quantity" @change="numberCopieschange" :min="1"
                      controls-position="right"></el-input-number>
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{ accidentForm.sumPremium }}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table v-if="yongchengtemplateSelection" size="small" :data="yongchengInsuranceDataTable" 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="amount" label="每座保额 (元)/每份" align="center"></el-table-column>
                  <el-table-column prop="sumAmount" 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 &&
              isLetter !== '3'
              ">
              <el-button type="text" style="margin: 10px 0 0 100px"
                @click="contributingGuoRen(reslistitem.agreementId)">选择特约</el-button>
              <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.projectName"
                        :value="item.projectCode"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label=" ">
                    <el-select clearable v-model="guoRenaccidentForm.prodCode" @change="grcxchangeChild">
                      <el-option v-for="(item) in guoRenaccidentDataListChild" :key="item.projectCode"
                        :label="item.projectName" :value="item.projectCode"></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>
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{ guoRenaccidentForm.sumPremium }}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table v-if="guoRenaccidentForm.prodCode" size="small" :data="guoRenInsuranceDataTable" 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="amount" label="保额 (元)" align="center"></el-table-column>
                  <el-table-column prop="premium" label="保费 (元)" align="center">
                    <template slot-scope="scope">￥{{ scope.row.premium }}</template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '中煤财险' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <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="zhongmeitemplateSelection"
                      placeholder="未选择" @clear="numberCopieschangeZM" @change="zhongmeiInsuranceChange">
                      <el-option v-for="(item, index) in zhongmeiInsuranceData" :key="index" :label="item.projectName"
                        :value="item.projectCode"></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"></el-input-number>
                  </el-form-item>
                  <el-form-item label="保费：">
                    <span>{{ accidentFormZM.sumPremium }}&ensp;元</span>
                  </el-form-item>
                </el-form>
                <el-table size="small" :data="zhongmeiInsuranceDataTable" border ref="ZmMultipleTable"
                  v-if="zhongmeitemplateSelection" :header-cell-style="{
                    background: '#F7F7F9 ',
                    fontWeight: '700',
                    color: '#333333',
                  }">
                  <el-table-column prop="name" label="保险责任名称" align="center"></el-table-column>
                  <el-table-column prop="amount" label="保险责任对应保额" align="center"></el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '大家财险' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <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" v-if="reslistitem.apiType == 1" filterable size="small" clearable
                    v-model="dajiatemplateSelection" placeholder="未选择" @clear="clearAccidentFormDJ"
                    @change="dajiaInsuranceChange">
                    <el-option v-for="(item, index) in dajiaInsuranceData" :key="index" :label="item.projectName"
                      :value="item.projectCode"></el-option>
                  </el-select>
                  <div v-else>
                    <el-select size="small" style="width: 250px" clearable placeholder="未选择" @change="djcxchange"
                      v-model="dajiaaccidentForm.parentCode" @clear="clearAccidentFormDJ">
                      <el-option v-for="(item, index) in dajiaInsuranceData" :key="index" :label="item.projectName"
                        :value="item.projectCode"></el-option>
                    </el-select>
                    <el-select size="small" style="width: 250px" clearable v-model="dajiaaccidentForm.projectCode"
                      @change="djcxchangeChild">
                      <el-option v-for="(item) in dajiaaccidentDataListChild" :key="item.projectCode"
                        :label="item.projectName" :value="item.projectCode"></el-option>
                    </el-select>
                  </div>
                </div>
                <el-table size="small" :data="dajiaInsuranceDataTable" border 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 prop="premium" label="保费 (元)/每份" align="center">
                    <template slot-scope="scope">￥{{ scope.row.premium }}</template>
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="reslistitem.namesimple == '渤海财险' &&
              reslistitem.checked &&
              reslistitem.agreementId &&
              isLetter !== '3'
              ">
              <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="bohaiInsuranceChange"
                      v-model="boHaiaccidentForm.projectCode">
                      <el-option v-for="(item, index) in boHaiaccidentDataList" :key="index" :label="item.projectName"
                        :value="item.projectCode"></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.projectCode" size="small" :data="bohaiInsuranceDataTable" 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="amount" label="保额 (元)" align="center">
                    <template slot-scope="scope">￥{{ scope.row.amount }}</template>
                  </el-table-column>
                </el-table>
              </div>
            </template> -->
          </div>
        </div>
      </div>
    </div>
    <!-- 报价历史 -->
    <div class="Enclosure flex f-c" v-if="isLetter == '1'">
      <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="product" 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' && scope.row.inscompany!=='平安财险'" type="text"
                @click="Payment(scope.row.id, scope.row)">付款码</el-button>
                <el-button size="small" v-show="scope.row.orderstatus == '2' && scope.row.inscompany=='平安财险'" type="text"
                @click="signature(scope.row.id)">生成签章</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' && scope.row.inscompany!=='平安财险'"
                @click="revokeCode(scope.row.id)">撤销二维码</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <!-- 查看详情 -->
    <detailsDialog ref="detailsDialog" :orderInfo.sync="queryOrders" :Feepermissions="false"></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" v-watermark="userform.id || userId">
        <div slot="title" class="dialog-title">
          <span>扫码付款</span>
        </div>
        <div class="ORcode">
          <div style="padding: 13px; position: relative">
            <div v-if="['大家财险', '华泰财险'].includes(inscompany)">
              <div v-if="apiType == 1" id="qrcode" ref="qrcode"></div>
              <img v-else :src="paycodeimg" alt style="width: 100%" />
            </div>
            <div v-else>
              <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt style="width: 100%" />
              <div v-else id="qrcode" ref="qrcode"></div>
            </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 v-if="['大家财险', '华泰财险'].includes(inscompany)">
          <div v-if="apiType == 1" id="qrcode" ref="qrcode"></div>
          <img v-else :src="paycodeimg" alt style="width: 100%" />
        </div>
        <div v-else>
          <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt style="width: 200px; height: 200px" />
          <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="pinganDataDetailVisible" width="40%"  title="责任明细">
      <el-table
      :data="pinganDataDetail"
      border
      style="width: 100%">
      <el-table-column
        prop="insuranceCoverage"
        label="责任名称">
      </el-table-column>
      <el-table-column
        prop="unitInsuredAmount"
        label="每份保额">
      </el-table-column>
    </el-table>
    </el-dialog>
    <div v-if="isLetter == '1'" class="flex j-c a-c footer" :class="$store.state.app.collapse ? 'position-collapse-left' : 'position-left'
      ">
      <el-button size="small" @click="add()">录下一单</el-button>
      <el-button type="primary" :loading="calculateLoading" size="small" @click="quote1()">保费计算</el-button>
    </div>
    <div v-if="isLetter == '2'" style="text-align: center">
      <el-button type="primary" :loading="calculateLoading" size="small" @click="quote1()">保费计算</el-button>
    </div>
    <div class="Anchor-link flex f-c j-s a-c" v-if="isLetter == '1'">
      <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" >
        <el-button style="width: 100px" type="primary" size="small" v-if="orderstatus == '2' && queryOrders.inscompany!=='平安财险'"
          @click="Payment(companyId, queryOrders)">缴费二维码</el-button>
          <el-button style="width: 100px" type="primary" size="small" v-if="orderstatus == '2' && queryOrders.inscompany=='平安财险'"
          @click="signature(companyId)">生成签章</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>

   <!-- <imageDialog ref="imageDialog" :quoteno="quoteno"></imageDialog>-->

    <!-- 报价单 -->
    <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>
    <!-- 生成签章 -->
    <el-dialog :visible.sync="signaturedialogVisible" title="生成签章" width="14%">
      <div >
        <img :src="resultMessageImg"  alt style="width: 100%" />
        <!-- <div  id="signaturecode" ref="signaturecode"></div> -->
      </div>
    </el-dialog>
    <!-- 保单上传 -->
    <el-dialog :visible.sync="policyUploaddialogVisible" width="30%">
      <div slot="title" class="dialog-title">
        <span>保单上传</span>
      </div>
      <el-form :model="policyNumberForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
        <el-form-item label="交强保单：" prop="jqPolicy">
          <el-upload class="upload-demo" ref="jqPolicyupload" action="#" :limit="1" :auto-upload="false"
            :on-remove="(file) => removePhoto(file, policyNumberForm.jqPolicyList, 'jqPolicyList')"
            :file-list="policyNumberForm.jqPolicyList" :on-change="(file) => policydrivingupload(file, 'jqPolicy')">
            <el-button size="small" type="primary">点击上传</el-button>
            <el-button size="small" type="primary" @click.stop="policyNumberForm.jqPolicyList = []">清空</el-button>
          </el-upload>
        </el-form-item>
        <el-form-item label="商业保单：" prop="syPolicy">
          <el-upload class="upload-demo" ref="syPolicyupload" action="#" :limit="1" :auto-upload="false"
            :on-remove="(file) => removePhoto(file, policyNumberForm.syPolicyList, 'syPolicyList')"
            :file-list="policyNumberForm.syPolicyList" :on-change="(file) => policydrivingupload(file, 'syPolicy')">
            <el-button size="small" type="primary">点击上传</el-button>
            <el-button size="small" type="primary" @click.stop="policyNumberForm.syPolicyList = []">清空</el-button>
          </el-upload>
        </el-form-item>
        <el-form-item label="非车保单：" prop="noPolicy">
          <el-upload class="upload-demo" ref="noPolicyupload" action="#" :limit="1" :auto-upload="false"
            :on-remove="(file) => removePhoto(file, policyNumberForm.noPolicyList, 'noPolicyList')"
            :file-list="policyNumberForm.noPolicyList" :on-change="(file) => policydrivingupload(file, 'noPolicy')">
            <el-button size="small" type="primary">点击上传</el-button>
            <el-button size="small" type="primary" @click.stop="policyNumberForm.noPolicyList = []">清空</el-button>
          </el-upload>
        </el-form-item>
        <el-form-item label="交强电子标志：" prop="jqSign">
          <el-upload class="upload-demo" ref="jqSignupload" action="#" :limit="1" :auto-upload="false"
            :on-remove="(file) => removePhoto(file, policyNumberForm.jqSignList, 'jqSignList')"
            :file-list="policyNumberForm.jqSignList" :on-change="(file) => policydrivingupload(file, 'jqSign')">
            <el-button size="small" type="primary">点击上传</el-button>
            <el-button size="small" type="primary" @click.stop="policyNumberForm.jqSignList = []">清空</el-button>
          </el-upload>
        </el-form-item>
      </el-form>

      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="policyUploaddialogVisible = false">取 消</el-button>
        <el-button size="small" type="primary" @click="policyUploaddialogVisible = false">确 定</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="4">
                    <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="20" style="height: 320px; overflow-y: auto">
                    <div class="flex f-wrap" 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>3.机动车辆登记证书</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) => drivingupload(file, 'imageList1', 'imgList12', 'TAR05')
                                " :file-list="imgList12" ref="upload2" :class="{ styleB: imgList12.length === 1 }">
                                <img v-show="imgList12.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', 'imgList12')">
                                            <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>4.新车合格证</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>5.购车发票</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 f-wrap" 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 f-wrap" 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 f-wrap">
                        <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 f-wrap" 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>
                    <div class="flex f-wrap" id="yanchezhao">
                        <div class="aaa">
                            <span>1.验车照（车架）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList13', 'C0500')
                                " :file-list="imgList13" multiple ref="upload3"
                                :class="{ styleB: imgList13.length === 1 }">
                                <img v-show="imgList13.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, 'imageList6', 'imgList13')">
                                            <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, 'imageList6', 'imgList14', 'C0501')
                                " :file-list="imgList14" multiple ref="upload3"
                                :class="{ styleB: imgList14.length === 1 }">
                                <img v-show="imgList14.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, 'imageList6', 'imgList14')">
                                            <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 :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList15', 'C0502')
                                " :file-list="imgList15" multiple ref="upload3"
                                :class="{ styleB: imgList15.length === 1 }">
                                <img v-show="imgList15.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, 'imageList6', 'imgList15')">
                                            <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>4.验车照（前右）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList16', 'C0503')
                                " :file-list="imgList16" multiple ref="upload3"
                                :class="{ styleB: imgList16.length === 1 }">
                                <img v-show="imgList16.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, 'imageList6', 'imgList16')">
                                            <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>5.验车照（前左）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList17', 'C0504')
                                " :file-list="imgList17" multiple ref="upload3"
                                :class="{ styleB: imgList17.length === 1 }">
                                <img v-show="imgList17.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, 'imageList6', 'imgList17')">
                                            <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>6.验车照（正前）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList18', 'C0506')
                                " :file-list="imgList18" multiple ref="upload3"
                                :class="{ styleB: imgList18.length === 1 }">
                                <img v-show="imgList18.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, 'imageList6', 'imgList18')">
                                            <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>7.验车照（正后）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList19', 'C0507')
                                " :file-list="imgList19" multiple ref="upload3"
                                :class="{ styleB: imgList19.length === 1 }">
                                <img v-show="imgList19.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, 'imageList6', 'imgList19')">
                                            <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>8.验车照（人车合影）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList20', 'C0505')
                                " :file-list="imgList20" multiple ref="upload3"
                                :class="{ styleB: imgList20.length === 1 }">
                                <img v-show="imgList20.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, 'imageList6', 'imgList20')">
                                            <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>9.验车照（地标合影）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList21', 'C0508')
                                " :file-list="imgList21" multiple ref="upload3"
                                :class="{ styleB: imgList21.length === 1 }">
                                <img v-show="imgList21.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, 'imageList6', 'imgList21')">
                                            <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>10.验车照（工作台）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList22', 'C0509')
                                " :file-list="imgList22" multiple ref="upload3"
                                :class="{ styleB: imgList22.length === 1 }">
                                <img v-show="imgList22.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, 'imageList6', 'imgList22')">
                                            <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>11.验车照（天窗）</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList23', 'C0510')
                                " :file-list="imgList23" multiple ref="upload3"
                                :class="{ styleB: imgList23.length === 1 }">
                                <img v-show="imgList23.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, 'imageList6', 'imgList23')">
                                            <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 f-wrap" id="snbaodan">
                        <div class="aaa">
                            <span>1.上年商业险保单</span>
                            <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag :on-change="(file) =>
                                drivingupload(file, 'imageList6', 'imgList24', 'LAST_INSURANCE_POLICY')
                                " :file-list="imgList24" multiple ref="upload3"
                                :class="{ styleB: imgList24.length === 1 }">
                                <img v-show="imgList24.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, 'imageList6', 'imgList24')">
                                            <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>

    <!-- 调整险种弹窗 -->
    <el-dialog title="调整险种" :visible.sync="typeDialogVisible" width="60%" top="5vh"
    :before-close="handleCloseType">
      <div class="typedialog-style addyiwai typedialog-style1" v-if="productId != '034001' && productId != '034002'">
        <div class="typedialog-title"><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>交通事故强制责任险:</div>
        <el-table :data="typeJqTable" border style="width: 100%" stripe header-cell-class-name="table-header">
          <el-table-column prop="date" label="保障范围" align="center"></el-table-column>
          <el-table-column prop="date1" label="保额（元）" align="center"></el-table-column>
          <!-- <el-table-column prop="date2" label="总计" align="center"></el-table-column> -->
        </el-table>
      </div>
      <div class="typedialog-style addyiwai typedialog-style2" v-if="productId != '0330'">
        <!-- 商业险 -->
        <div class="typedialog-title"><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>商业险详情:</div>
        <div class="flex f-c">
          <div class="flex j-s a-c more-title back">
            <div style="width: 550px; padding-left: 100px" class="flex j-s a-c">
              <span>险别</span>
              <span>保额（元）</span>
            </div>
          </div>
          <div class="a-c back" v-for="(insureitem, insureindex) in typeDialogData.kinds" :key="insureindex">
            <el-row style="background: #FFF;" type="flex" align="middle">
              <el-col :span="10" class="more-data-left">
                <div class="zhuxian" v-if="insureitem.grouping == 'main'" style="background: #E0282A">主险</div>
                <div class="zhuxian" v-if="insureitem.grouping == 'additional'">附加险</div>
                <div class="zhuxian" v-if="insureitem.grouping == 'service'">增值服务</div>
                <span>
                  <el-checkbox v-model="insureitem.checked" :disabled="insureitem.Required">
                  <!-- <span :class="insureitem.grouping != 'additional' ? 'opacity1' : 'opacity0'">{{ insureitem.kindName }}</span> -->
                  <span class="opacity1">{{ insureitem.kindName }}</span>
                  <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>
                    </el-checkbox>
                </span>
              </el-col>
              <el-col :span="14" class="more-data-right">
                <el-select v-if="insureitem.amtList" filterable v-model="insureitem.amount" placeholder="请选择"
                @change="insureitemChange($event, insureitem)" 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>
              </el-col>
            </el-row>
          </div>
        </div>
        </div>
        <div class="typedialog-style addyiwai typedialog-style3">
        <!-- <div class="typedialog-title"><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>驾意险详情:</div> -->
        <div class="typedialog-style">
          <div class="flex a-c" style="margin-bottom: 20px;">
            <div class="typedialog-title addyiwai-title"><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>驾意险方案配置:</div>
            <div v-if="false" class="addyiwai-title-btn">添加配置</div>
          </div>
          <div v-if="true">
            <div v-for="(listItem, listIndex) in jiayiDialogData.drivingTypeList" :key="listIndex" v-show="listIndex == 0">
              <el-checkbox-group v-model="checkList" @change="handleChangeJiayi(listItem, listIndex)">
                <el-checkbox v-for="(item, index) in listItem.children" :key="index" :label="item">{{item.typeName}}</el-checkbox>
              </el-checkbox-group>
              <div v-for="(item, index) in checkList" :key="index" style="margin-bottom: 20px;">
                <div v-if="totalCompanyList[typeDialogIndex].cnName == 'zijin'">
                  <el-row style="margin-bottom: 20px;">
                    <el-col :span="10">
                      {{ item.typeName }}
                      <el-select v-if="item.detail" style="width: 300px;" v-model="item.selectList" clearable multiple @change="handleChangeSelect(index)" size="small" placeholder="请选择">
                        <el-option v-for="(i, ind) in item.detail" :key="ind" :label="i.alias" :value="i.alias">
                        </el-option>
                      </el-select>
                    </el-col>
                  </el-row>
                  <div v-for="(dataItem, dataIndex) in item.tableData" :key="dataIndex">
                    <el-col :span="6">
                      份数
                      <el-input v-model="dataItem.quantity" style="width: 120px;" size="small">
                        <template slot="prepend"><i class="el-icon-minus" @click="numberChange(listIndex, index, 'minus',dataItem.minQuantity, dataIndex)"></i></template>
                        <template slot="append"><i class="el-icon-plus" @click="numberChange(listIndex, index, 'plus',dataItem.minQuantity, dataIndex)"></i></template>
                      </el-input>
                      份
                    </el-col>
                    <el-col v-if="item.tableData" :span="4" class="flex a-c">保费：{{ Number(dataItem.sumPremium) * dataItem.quantity }}元</el-col>
                  </div>
                  <el-table v-if="item.tableData && item.tableData.length" :data="item.tableData" border style="width: 100%; margin-top: 20px;" stripe
                    header-cell-class-name="table-header">
                    <el-table-column prop="name" label="保险责任" align="center">
                      <template slot-scope="scope">
                        <span>{{ scope.row.insDrivingIntentionInsuranceSon[0].name }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="amount" label="保险金额" align="center">
                      <template slot-scope="scope">
                        <span>{{ scope.row.insDrivingIntentionInsuranceSon[0].amount }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="premium" label="保费(元)" align="center">
                      <template slot-scope="scope">
                        <span>{{ scope.row.insDrivingIntentionInsuranceSon[0].premium }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="quantity" label="份数" align="center"></el-table-column>
                    <el-table-column prop="sumPremium" label="总保费" align="center"></el-table-column>
                  </el-table>
                </div>
                <div v-else>
                  <!-- totalCompanyList[typeDialogIndex].cnName == 'guoRen' || totalCompanyList[typeDialogIndex].cnName == 'ansheng' || totalCompanyList[typeDialogIndex].cnName == 'dajia' -->
                  <el-row v-if="false">
                    <el-col :span="8">
                      {{ item.typeName }}
                      <el-select v-model="item.select" style="width: 400px;" clearable @change="handleChangeSelectGuoren(index)" size="small" placeholder="请选择" v-if="item.detail">
                        <el-option v-for="(i, ind) in item.detail" :key="ind" :label="i.alias" :value="i.alias">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="5">
                      <el-select v-model="item.select1" clearable @change="handleChangeSelect(index)" size="small" placeholder="请选择" v-if="item.tableData1">
                        <el-option v-for="(i, ind) in item.tableData1" :key="ind" :label="i.alias" :value="i.alias">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="6" v-if="item.tableData">
                      份数
                      <!-- <el-input-number v-model="item.tableData.quantity" :step="1" :min="1" :max="10" @change="numberChange(listIndex, index)" size="small"></el-input-number> -->
                      <el-input v-model="item.tableData.quantity" style="width: 120px;" size="small">
                        <template slot="prepend"><i class="el-icon-minus" @click="numberChange(listIndex, index, 'minus',item.tableData.minQuantity)"></i></template>
                        <template slot="append"><i class="el-icon-plus" @click="numberChange(listIndex, index, 'plus',item.tableData.minQuantity)"></i></template>
                      </el-input>
                      份
                    </el-col>
                    <el-col v-if="item.tableData" :span="4">保费：{{ Number(item.tableData.sumPremium) * item.tableData.quantity }}元</el-col>
                    <!-- <el-col :span="1"><i class="el-icon-delete"></i></el-col> -->
                  </el-row>
                  <el-row v-else>
                    <el-col :span="12">
                      {{ item.typeName }}
                      <el-select v-model="item.select" style="width: 400px;" clearable @change="handleChangeSelect(index)" size="small" placeholder="请选择" v-if="item.detail">
                        <el-option v-for="(i, ind) in item.detail" :key="ind" :label="i.alias" :value="i.alias">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="6" v-if="item.tableData">
                      份数
                      <!-- <el-input-number v-model="item.tableData.quantity" :step="1" :min="1" :max="10" @change="numberChange(listIndex, index)" label="描述文字" size="small"></el-input-number> -->
                      <el-input v-model="item.tableData.quantity" style="width: 120px;" size="small">
                        <template slot="prepend"><i class="el-icon-minus" @click="numberChange(listIndex, index, 'minus',item.tableData.minQuantity)"></i></template>
                        <template slot="append"><i class="el-icon-plus" @click="numberChange(listIndex, index, 'plus',item.tableData.minQuantity)"></i></template>
                      </el-input>
                      份
                    </el-col>
                    <el-col v-if="item.tableData" :span="4" class="flex a-c">保费：{{ Number(item.tableData.sumPremium) * item.tableData.quantity }}元</el-col>
                    <!-- <el-col :span="1"><i class="el-icon-delete"></i></el-col> -->
                  </el-row>
                  <el-table v-if="item.tableData" :data="item.tableData.insDrivingIntentionInsuranceSon" border style="width: 100%; margin-top: 20px;" stripe
                    header-cell-class-name="table-header">
                    <el-table-column prop="name" label="保险责任" align="center"></el-table-column>
                    <el-table-column prop="amount" label="保险金额" align="center"></el-table-column>
                    <el-table-column prop="premium" label="保费(元)" align="center"></el-table-column>
                  </el-table>
                </div>
              </div>
            </div>
          </div>
          <div v-else>
            <div v-for="(item, index) in 3" :key="index" style="margin-bottom: 20px;">
              <el-row style="margin-bottom: 20px;">
                <el-col :span="10">
                  驾意选择
                  <!-- v-model="value" -->
                  <el-select  size="small" clearable placeholder="请选择">
                    <el-option v-for="item in 3" :key="item.value" :label="22" :value="22">
                    </el-option>
                  </el-select>
                </el-col>
                <el-col :span="9">
                  份数
                  <el-input-number label="描述文字" size="small"></el-input-number>
                  份
                </el-col>
                <el-col :span="4">保费：15元</el-col>
                <el-col :span="1"><i class="el-icon-delete"></i></el-col>
              </el-row>
              <el-table :data="item.table" border style="width: 100%" stripe
                header-cell-class-name="table-header">
                <el-table-column prop="date" label="保险责任" align="center"></el-table-column>
                <el-table-column prop="date1" label="保险金额" align="center"></el-table-column>
                <el-table-column prop="date2" label="保费(元)" align="center"></el-table-column>
              </el-table>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="handleCloseType">取 消</el-button>
        <el-button size="small" type="primary" @click="subTypeDialog">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 驾意险 -->
    <el-dialog title="驾意险" :visible.sync="addYiwaiDialogVisible" width="60%" top="5vh"
    :before-close="handleCloseAddYiwai" class="addyiwai">
      <div class="typedialog-style">
        <el-card>
          <div class="flex a-c" style="margin-bottom: 20px;">
            <div class="addyiwai-title">驾意险方案配置</div>
            <div v-if="false" class="addyiwai-title-btn">添加配置</div>
          </div>
          <div v-if="true">
            <div v-for="(listItem, listIndex) in jiayiDialogData.drivingTypeList" :key="listIndex">
              <el-checkbox-group v-model="checkList" @change="handleChangeJiayi(listItem, listIndex)">
                <el-checkbox v-for="(item, index) in listItem.children" :key="index" :label="item">{{item.typeName}}</el-checkbox>
              </el-checkbox-group>
              <div v-for="(item, index) in checkList" :key="index" style="margin-bottom: 20px;">
                <div v-if="totalCompanyList[typeDialogIndex].cnName == 'zijin'">
                  <el-row style="margin-bottom: 20px;">
                    <el-col :span="10">
                      {{ item.typeName }}
                      <el-select v-if="item.detail" v-model="item.selectList" clearable multiple @change="handleChangeSelect(index)" size="small" placeholder="请选择">
                        <el-option v-for="(i, ind) in item.detail" :key="ind" :label="i.projectName" :value="i.projectName">
                        </el-option>
                      </el-select>
                    </el-col>
                  </el-row>
                  <el-table v-if="item.tableData" :data="item.tableData" border style="width: 100%; margin-top: 20px;" stripe
                    header-cell-class-name="table-header">
                    <el-table-column prop="name" label="保险责任" align="center">
                      <template slot-scope="scope">
                        <span>{{ scope.row.insDrivingIntentionInsuranceSon[0].name }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="amount" label="保险金额" align="center">
                      <template slot-scope="scope">
                        <span>{{ scope.row.insDrivingIntentionInsuranceSon[0].amount }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="premium" label="保费(元)" align="center">
                      <template slot-scope="scope">
                        <span>{{ scope.row.insDrivingIntentionInsuranceSon[0].premium }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="quantity" label="份数" align="center"></el-table-column>
                    <el-table-column prop="sumPremium" label="总保费" align="center"></el-table-column>
                  </el-table>
                </div>
                <div v-else>
                  <!-- totalCompanyList[typeDialogIndex].cnName == 'guoRen' || totalCompanyList[typeDialogIndex].cnName == 'ansheng' -->
                  <el-row v-if="false">
                    <el-col :span="8">
                      {{ item.typeName }}
                      <el-select v-model="item.select" clearable @change="handleChangeSelectGuoren(index)" size="small" placeholder="请选择" v-if="item.detail">
                        <el-option v-for="(i, ind) in item.detail" :key="ind" :label="i.alias" :value="i.alias">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="5">
                      <el-select v-model="item.select1" clearable @change="handleChangeSelect(index)" size="small" placeholder="请选择" v-if="item.tableData1">
                        <el-option v-for="(i, ind) in item.tableData1" :key="ind" :label="i.alias" :value="i.alias">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="6" v-if="item.tableData">
                      份数
                      <!-- <el-input-number v-model="item.tableData.quantity" :step="1" :min="1" :max="10" @change="numberChange(listIndex, index)" size="small"></el-input-number> -->
                      <el-input v-model="item.tableData.quantity" style="width: 120px;" size="small">
                        <template slot="prepend"><i class="el-icon-minus" @click="numberChange(listIndex, index, 'minus',item.tableData.minQuantity)"></i></template>
                        <template slot="append"><i class="el-icon-plus" @click="numberChange(listIndex, index, 'plus',item.tableData.minQuantity)"></i></template>
                      </el-input>
                      份
                    </el-col>
                    <el-col v-if="item.tableData" :span="4">保费：{{ Number(item.tableData.sumPremium) * item.tableData.quantity }}元</el-col>
                    <!-- <el-col :span="1"><i class="el-icon-delete"></i></el-col> -->
                  </el-row>
                  <el-row v-else>
                    <el-col :span="10">
                      {{ item.typeName }}
                      <el-select v-model="item.select" clearable @change="handleChangeSelect(index)" size="small" placeholder="请选择" v-if="item.detail">
                        <el-option v-for="(i, ind) in item.detail" :key="ind" :label="i.projectName" :value="i.projectName">
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="9" v-if="item.tableData">
                      份数
                      <!-- <el-input-number v-model="item.tableData.quantity" :step="1" :min="1" :max="10" @change="numberChange(listIndex, index)" label="描述文字" size="small"></el-input-number> -->
                      <el-input v-model="item.tableData.quantity" style="width: 120px;" size="small">
                        <template slot="prepend"><i class="el-icon-minus" @click="numberChange(listIndex, index, 'minus',item.tableData.minQuantity)"></i></template>
                        <template slot="append"><i class="el-icon-plus" @click="numberChange(listIndex, index, 'plus',item.tableData.minQuantity)"></i></template>
                      </el-input>
                      份
                    </el-col>
                    <el-col v-if="item.tableData" :span="4">保费：{{ Number(item.tableData.sumPremium) * item.tableData.quantity }}元</el-col>
                    <!-- <el-col :span="1"><i class="el-icon-delete"></i></el-col> -->
                  </el-row>
                  <el-table v-if="item.tableData" :data="item.tableData.insDrivingIntentionInsuranceSon" border style="width: 100%; margin-top: 20px;" stripe
                    header-cell-class-name="table-header">
                    <el-table-column prop="name" label="保险责任" align="center"></el-table-column>
                    <el-table-column prop="amount" label="保险金额" align="center"></el-table-column>
                    <el-table-column prop="premium" label="保费(元)" align="center"></el-table-column>
                  </el-table>
                </div>
              </div>
            </div>
          </div>
          <div v-else>
            <div v-for="(item, index) in 3" :key="index" style="margin-bottom: 20px;">
              <el-row style="margin-bottom: 20px;">
                <el-col :span="10">
                  驾意选择
                  <!-- v-model="value" -->
                  <el-select  size="small" clearable placeholder="请选择">
                    <el-option v-for="item in 3" :key="item.value" :label="22" :value="22">
                    </el-option>
                  </el-select>
                </el-col>
                <el-col :span="9">
                  份数
                  <el-input-number label="描述文字" size="small"></el-input-number>
                  份
                </el-col>
                <el-col :span="4">保费：15元</el-col>
                <el-col :span="1"><i class="el-icon-delete"></i></el-col>
              </el-row>
              <el-table :data="item.table" border style="width: 100%" stripe
                header-cell-class-name="table-header">
                <el-table-column prop="date" label="保险责任" align="center"></el-table-column>
                <el-table-column prop="date1" label="保险金额" align="center"></el-table-column>
                <el-table-column prop="date2" label="保费(元)" align="center"></el-table-column>
              </el-table>
            </div>
          </div>
        </el-card>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="handleCloseAddYiwai">取 消</el-button>
        <el-button size="small" type="primary" @click="handleAddYiWai">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 详情 -->
    <el-dialog :title="detailJiaYiTitle" :visible.sync="showDetailJiaYiVisible" width="60%" top="5vh"
    :before-close="handleCloseShowDetailJiaYi">
      <div class="typedialog-style addyiwai typedialog-style1" v-if="productId != '034001' && productId != '034002' && detailJiaYiTitle == '查看详情'">
        <div class="typedialog-title"><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>交通事故强制责任险:</div>
        <el-table :data="typeJqTable" border style="width: 100%" stripe header-cell-class-name="table-header">
          <el-table-column prop="date" label="保障范围" align="center"></el-table-column>
          <el-table-column prop="date1" label="保额（元）" align="center"></el-table-column>
        </el-table>
      </div>
      <div class="typedialog-style typedialog-style2" v-if="productId != '0330' && detailJiaYiTitle == '查看详情'">
        <div class="typedialog-title"><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>商业险详情:</div>
        <div class="a-c back">
          <el-row style="background: #F7F7F9;">
            <el-col :span="10" class="more-data-left">险别</el-col>
            <el-col :span="14" class="more-data-right">保额（元）</el-col>
          </el-row>
          <el-row style="background: #FFF;" v-for="(insureitem, insureindex) in typeDialogData.shangyeList" :key="insureindex">
            <el-col :span="10" class="more-data-left">
              <div class="zhuxian" v-if="insureitem.grouping == 'main'" style="background: #E0282A">主险</div>
                <div class="zhuxian" v-if="insureitem.grouping == 'additional'">附加险</div>
                <div class="zhuxian" v-if="insureitem.grouping == 'service'">增值服务</div>
                <span>
                  <span class="opacity1">{{ insureitem.kindName }}</span>
                  <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="mini" placeholder
                    disabled></el-input>
                  <span v-show="insureitem.kindCode == 'D4' ||
                    insureitem.kindCode == 'MJ4' ||
                    insureitem.kindCode == 'SY_FJ_YBW2'
                    ">座</span>
                </span>
            </el-col>
            <el-col :span="14" class="more-data-right">
              {{ toWan(insureitem.amount) }}
            </el-col>
          </el-row>
          <div v-show="typeDialogData && typeDialogData.shangyeList && !typeDialogData.shangyeList.length">暂无</div>
        </div>
      </div>
      <div class="typedialog-style typedialog-style3" v-if="showDetailtable && showDetailtable.length">
        <div class="typedialog-title" style="display: flex; justify-content: space-between;">
          <div><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>驾意险详情:</div>
          <div class="typedialog-title">( 驾驶人意外单份保额 )如下</div>
        </div>
        <el-table v-for="(item, index) in showDetailtable" :key="index" :data="item" border style="width: 100%" stripe
          header-cell-class-name="table-header">
          <el-table-column prop="name" label="保险责任名称" align="center"></el-table-column>
          <el-table-column prop="amount" label="保额（元）" align="center"></el-table-column>
          <el-table-column prop="premium" label="保费（元）" align="center"></el-table-column>
        </el-table>
        <div v-if="showDetailtable && !showDetailtable.length">暂无</div>
        <div class="typedialog-title" v-if="detailJiaYiTitle == '查看详情'">已选份数：</div>
        <div class="jiayi-style" v-if="detailJiaYiTitle == '查看详情'">
          <el-row v-for="(item, index) in typeDialogData.drivingList" :key="index">
            <el-col :span="10">
              <div class="jiayi-style-title">产品名称</div>
              <div class="jiayi-style-line">{{ item.alias || item.projectName }}</div>
            </el-col>
            <!-- <el-col :span="6">
              <div class="jiayi-style-title">座位数</div>
              <div class="jiayi-style-line">{{  }}</div>
            </el-col> -->
            <el-col :span="6">
              <div class="jiayi-style-title">份数</div>
              <div class="jiayi-style-line">{{ item.quantity }}</div>
            </el-col>
            <el-col :span="3">
              <div class="jiayi-style-title">每份</div>
              <div class="jiayi-style-line">{{ item.sumPremium }}</div>
            </el-col>
            <el-col :span="3">
              <div class="jiayi-style-title">合计</div>
              <div class="jiayi-style-line">{{ Number(item.sumPremium) * item.quantity }}</div>
            </el-col>
          </el-row>
          <div v-if="typeDialogData && typeDialogData.drivingList && !typeDialogData.drivingList.length">暂无</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <!-- <el-button size="small" @click="handleCloseShowDetailJiaYi">取 消</el-button> -->
        <el-button size="small" type="primary" @click="handleCloseShowDetailJiaYi">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 驾意险详情 -->
    <el-dialog :title="detailJiaYiTitle" :visible.sync="showDetailJiaYiVisible1" width="60%" top="5vh" v-dialogDrag
    :before-close="handleCloseShowDetailJiaYi">
      <div class="typedialog-style typedialog-style3" v-if="showDetailtable && showDetailtable.length">
        <div class="typedialog-title" style="display: flex; justify-content: space-between;">
          <div><i class="el-icon-circle-check" style="color: #D42426; font-size: 20px; margin-right: 10px;"></i>驾意险详情:</div>
          <div class="typedialog-title">( 驾驶人意外单份保额 )如下</div>
        </div>
        <el-table v-for="(item, index) in showDetailtable" :key="index" :data="item" border style="width: 100%" stripe
          header-cell-class-name="table-header">
          <el-table-column prop="name" label="保险责任名称" align="center"></el-table-column>
          <el-table-column prop="amount" label="保额（元）" align="center"></el-table-column>
          <el-table-column prop="premium" label="保费（元）" align="center"></el-table-column>
        </el-table>
        <div v-if="showDetailtable && !showDetailtable.length">暂无</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <!-- <el-button size="small" @click="handleCloseShowDetailJiaYi">取 消</el-button> -->
        <el-button size="small" type="primary" @click="handleCloseShowDetailJiaYi">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 选择特约 showTeYueVisible -->
    <el-dialog title="选择特约" :visible.sync="showTeYueVisible" width="40%" top="5vh"
    :before-close="handleCloseTeYue" class="teYuedialog-style">
      <div>
        <!-- <el-input placeholder="请输入内容" style="margin-bottom: 20px;">
          <el-button type="primary" slot="append" icon="el-icon-search"></el-button>
        </el-input> -->
        <el-table :data="teYueTable" style="width: 100%" stripe
          header-cell-class-name="table-header">
          <el-table-column type="selection" width="55"></el-table-column>
          <el-table-column type="expand">
            <!-- <template slot-scope="props">
              <div class="table-title">特约内容</div>
              <div class="table-title">保险公司温馨提示：根据车船税征收管理规定，次年生效交强险业务如本年提前续保，请您仍须在下一年度年底前完成跨年提前续保并缴纳车船税，否则会产生车船税滞纳金。</div>
            </template> -->
          </el-table-column>
          <el-table-column prop="date" label="特约名称" align="center">
          </el-table-column>
          <el-table-column prop="date1" label="特约险种" align="center"></el-table-column>
          <el-table-column prop="date2" label="特约代码" align="center"></el-table-column>
        </el-table>
      </div>
      <span slot="footer" class="dialog-footer">
        <span>已选择了 <b style="color: #F96646;"> 1</b> 条特约</span>
        <span style="flex: 1;"></span>
        <el-button size="small" @click="showTeYueVisible = false">取 消</el-button>
        <el-button size="small" type="primary" @click="showTeYueVisible = false">确 定</el-button>
      </span>
    </el-dialog>

    <floatingBar />


  </div>
</template>
<script>
let _self;
import QRCode from "qrcodejs2";
import Cookies from "js-cookie";
import CommonUtil from "@/utils/comutil.js";
import floatingBar from '@/components/customerService/floatingBar.vue'; 
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 "@/views/Core/components/quotationDialog.vue";
import quotationDialogPro from "@/views/Core/components/quotationDialogPro.vue";
import detailsDialog from "@/views/Core/components/detailsDialog.vue";
import imageDialog from "@/views/Core/components/imageDialog.vue";
import { mapState } from "vuex";
import Ktletter1Popover from "./components/LetterPopover.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 {
      colSpan: {
        xs: 24, // 超小屏幕
        sm: 12, // 小屏幕
        md: 12, // 中屏幕
        lg: 6, // 大屏幕
        xl: 6  // 超大屏幕
      },
      colgutter:80,
      productList: [],  // 产品id列表
      productId: '',  // 产品id
      // 选择特约
      teYueTable: [{}, {}],
      showTeYueVisible: false,
      // 驾意险详情
      jiayiDialogData: {},
      showDetailJiaYiVisible: false,
      showDetailJiaYiVisible1: false,
      showDetailtable: [],
      // 添加驾意险
      checkList: [],
      addYiwaiDialogVisible: false,
      typeJqTable: [
        {date: '死亡伤残赔偿', date1: 180000},
        {date: '医疗费用赔偿', date1: 18000},
        {date: '财产损失赔偿', date1: 2000}
      ],      // 调整险种交强险表格
      typeDialogVisible: false, // 调整险种弹窗
      typeDialogData: [],     // 调整险种弹窗商业险
      typeDialogIndex: 0,     // 当前 调整险种弹窗 index
      inquiryNowList: [],   // 现询列表
      isInquiryNowDisable: false,
      taikangtemplateSelection: [], // 泰康
      taikangInsuranceDataTable: [],
      taikangaccidentDataList: [],
      accidentPremiumTk: "",
      accidentPremiumPA:'',
      accidentFormTk: {
        quantity: "1",
        sumPremium: 0,
      },
      pinganDataDetail:[],
      pinganDataDetailVisible:false,
      accidentFormPA: [{
        quantity: "1",
        premium: 0,
        pingantemplateSelection:'',
      pinganInsuranceDataTable:[],
      pinganInsurancetype:'',
      },
      {
        quantity: "1",
        premium: 0,
        pingantemplateSelection:'',
      pinganInsuranceDataTable:[],
      pinganInsurancetype:'',
      },
      {
        quantity: "1",
        premium: 0,
        pingantemplateSelection:'',
      pinganInsuranceDataTable:[],
      pinganInsurancetype:'',
      }],
      taikangaccidentalDrivingVo: {},
      pinganaccidentalDrivingVo: {
        0:{},
        1:{},
        2:[],
      },
      nowCostsId: undefined,    // 现询
      policyNumberForm: {
        jqpolicyno: "",
        sypolicyno: "",
        jypolicyno: "",
        jqpremium: "",
        sypremium: "",
        jypremium: "",
        taxamount: "",
        commissionFeevalue: "",
        otherFeevalue: "",
        jqSuperviseCostsProportion: "",
        sySuperviseCostsProportion: "",
        noSuperviseCostsProportion: "",
        jqOtherCostsProportion: "",
        syOtherCostsProportion: "",
        noOtherCostsProportion: "",
        jqReceivableProportion: "",
        syReceivableProportion: "",
        noReceivableProportion: "",
        jqPolicyList: [],
        syPolicyList: [],
        jqSignList: [],
        noPolicyList: [],
        noCostsProportion: '',
        jqCostsProportion: '',
        syCostsProportion: '',
      },
      watermarkedImage: "",
      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",
        },
        {
          name: "验车照",
          scroll: "yanchezhao",
        },
        {
          name: "上年商业险保单",
          scroll: "snbaodan",
        },

      ],
      packageValue: "",
      packageOptions: [],
      zhongmeitemplateSelection: "", //中煤驾意险产品选中值
      zhongmeiInsuranceData: [], //中煤驾意险产品列表数据
      zhongmeiInsuranceDataTable: [], //中煤驾意险产品明细方案数据
      zhongmeiaccidentalDrivingVo: {}, //中煤驾意险最终选中字段
      pinganInsuranceData: [], //平安驾意险产品列表数据
      currentCell: null,
      feeDetailInfo: [], //费用明细信息
      immediatelyValue: false,
      isRetractZJ: false,
      isRetractHB: false,
      isRetractZM: false,
      isRetractASTP: false,
      isRetractZA: false,
      isRetractYC: false,
      isRetractRS: false,
      anshengInsurancetype: "",
      iscCrownerShow: false,
      isApplicantShow: false,
      isInsuredShow: false,
      formInline: {},
      anshengtemplateSelection: "", //安盛
      anshengInsuranceData: [], //安盛驾意险
      anshengInsuranceDataTable: [], //安盛驾意险
      anshengaccidentalDrivingVo: {}, //安盛驾意险
      hengbangtemplateSelection: "", //恒邦
      hengbangInsuranceData: [], //恒邦驾意险
      hengbangInsuranceDataTable: [],
      hengbangaccidentalDrivingVo: {}, //恒邦驾意险
      insuranceHN: "", //华农
      huanongInsuranceData: [], //华农驾意险
      huanongInsuranceDataTable: [],
      huanongaccidentalDrivingVo: {}, //华农驾意险

      renshouaccidentalDrivingVo: {}, //人寿意外险
      renshouInsuranceData: [], //-人寿意外险list
      ziJinInsuranceData: [], //-紫金意外险list
      zhonganInsuranceData: [], //众安驾意险
      zhonganaccidentalDrivingVo: {}, //众安驾意险
      zijinInsuranceDataTable: [],
      zijintemplateSelection: "",
      accidentalDrivingVo: [], //-紫金意外险传参
      zijinengageListData: [], //紫金特约
      zijinengageList: [], //紫金特约
      // ------------紫金意外险
      renshoutemplateSelection: "", //人寿
      renshouInsuranceDataTable: [],
      zhongantemplateSelection: "", //众安
      zhonganInsuranceDataTable: [],
      taipingtemplateSelection: "", //太平
      taipingInsuranceData: [], //太平驾意险
      TPDrivingChangeInsuranceData: [],
      taipingaccidentalDrivingVo: {}, //太平驾意险
      licenseplate: true,
      calculateLoading: false, //保费计算按钮 节流
      preserveQuoteLoading: false, //保存按钮
      emporaryLoading: false,
      accidentForm: {
        quantity: "1",
        sumPremium: 0,
      }, //永诚意外险内容
      accidentFormHN: {
        allQuantity: "1",
        quantity: "1",
      }, //华农意外险内容
      yongchengaccidentDataList: [], //永诚意外险
      yongchengtemplateSelection: "",
      guoRenaccidentDataList: [], //国任意外险
      guoRenInsuranceDataTable: [],
      guoRenaccidentDataListChild: [],
      guoRenaccidentalDrivingVo: {}, //国任驾意险
      dajiatemplateSelection: "",
      dajiaaccidentDataListChild: [],
      dajiaaccidentForm: {},
      dajiaInsuranceData: [], //大家意外险
      dajiaInsuranceDataTable: [],
      dajiaaccidentalDrivingVo: {},
      yongchengInsuranceDataTable: [],
      guoRenaccidentLoading: false,
      contributingLoading: false,
      guoRenaccidentPremium: "",
      guoRenaccidentForm: {
        quantity: "1",
        sumPremium: 0,
      }, //国任意外险内容
      accidentFormZM: {
        quantity: "1",
        sumPremium: 0,
      }, //中煤意外险内容
      boHaiaccidentDataList: [], //渤海意外险
      boHaigtemplateSelection:'',
      boHaiaccidentForm: {
        copies: "1",
        policyNum: 0,
      },
      bohaiInsuranceDataTable: [],
      accidentPremium: "",
      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, //影像上传     显示/隐藏
      policyUploaddialogVisible: false, //保单上传
      underwritingdialogVisible: false, //核保信息   显示/隐藏
      renewalCodedialogVisible: false, //转保确认码输入
      hbsubmitdialogVisible: false, //核保弹框
      signaturedialogVisible:false, //生成签章
      signaturecode:null,
      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", //车辆种类
        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" }],

        taxamount: [
          { required: true, message: "请填写车船税", trigger: "blur" },
        ],
        signDate: [
          { 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: "", //投保人手机号
      //影像回显列表

      // 是否禁用上传
      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: "",
      apiInterfaceName: "generateOrder",
      isLetter3Arr: [],
      isLetter3agreementId: "",
      editorInfo: {},
      resultMessageImg:'',
      tabLiIndex: 0,
      tabLimenu: [
          {
              name: "车辆信息",
              scroll: "vehicle",
          },
          {
              name: "车主信息",
              scroll: "owner",
          },
          {
              name: "投保人信息",
              scroll: "applicant",
          },
          {
              name: "被保人信息",
              scroll: "insured",
          },
          {
              name: "关系证明",
              scroll: "relationship",
          },
          {
              name: "验车照",
              scroll: "yanchezhao",
          },
          {
              name: "上年商业险保单",
              scroll: "snbaodan",
          },

      ],
      ProViewImg: "", //预览图片
      carfrontImg: "", //行驶证正面
      carbackImg: "", //行驶证背面
      userfrontImg: "", //身份证正面
      userbackImg: "", //身份证背面
      businessImg: "",
      CarFrontFile: "", //车正面文件流
      CarBackFile: "", //车背面文件流
      C02File: "",
      D02File: "",
      C03File: "",
      D03File: "",
      C04File: "",
      D04File: "",
      //影像回显列表
      imgList1: [],
      imgList2: [],
      imgList3: [],
      imgList4: [],
      imgList5: [],
      imgList6: [],
      imgList7: [],
      imgList8: [],
      imgList9: [],
      imgList10: [],
      imgList11: [],
      imgList12: [],
      imgList13: [],
      imgList14: [],
      imgList15: [],
      imgList16: [],
      imgList17: [],
      imgList18: [],
      imgList19: [],
      imgList20: [],
      imgList21: [],
      imgList22: [],
      imgList23: [],
      imgList24: [],
      //影像上传列表
      imageList1: [],
      imageList2: [],
      imageList3: [],
      imageList4: [],
      imageList5: [],
      imageList6: [],
      showLoading: false,
      detailJiaYiTitle: '查看详情',
      oldData: {},    // 旧获取公司参数
    };
  },
  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-]/gi, "").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,
    },
  },
  props: {
    isdisabled: {
      type: Boolean,
      default: true,
    },
    isLetter: {
      type: String,
      default: "1",
    },
  },
  components: {
    detailsDialog,
    quotationDialog,
    quotationDialogPro,
    imageDialog,
    Ktletter1Popover,
    floatingBar,
    "el-image-viewer": () =>
      import("element-ui/packages/image/src/image-viewer"),
  },
  created() {
    if (this.isLetter == "2") {
      this.apiInterfaceName = "ordergenerateOrder";
    }
    // this.commpanyList(); //获取保险公司
    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));
    //--归属信息获取--
    if (this.isLetter == 1 || this.isLetter == 2) {
      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.userId = res.data.id;
          }
        });
      }
    }

    //--订单编辑回显--
    // this.paramsEdit = this.$route.query.data; //接收参数
    // this.obtainProtocol(this.$route.query.data);
    this.getProductId()   // 获取险别
    // this.editingWay(this.$route.query.data)
    if (this.$route.query.data) {
      this.editingWay(this.$route.query.data)
    }
  },
  mounted() {
    this.getCompanyList(this.$route.query.data)
    this.onScroll();
    if (this.$route.query.data) {
      if(this.isDateBeforeToday(this.$route.query.data.jqstartdate)){
        this.jqstartDate = this.transformTime1();
        this.jqendDate = this.oneYearPast1(this.jqstartDate);
      }else{
          this.jqstartDate = this.$route.query.data.jqstartdate;
          this.jqendDate = this.$route.query.data.jqenddate;
      }
      if (this.$route.query.data.jqstartdate.split(" ")[1] == "00:00:00") {
        this.immediatelyValue = false;
      } else {
        this.immediatelyValue = true;
      }
    }

    window.addEventListener("scroll", this.onScroll);
  },
  destroyed() {
    window.removeEventListener("scroll", this.onScroll);
  },
  beforeCreate() {
    _self = this;
  },
  computed: {
    ...mapState({
      collapse: (state) => state.app.collapse,
    }),
    issueDateOptions() {
      return {
        disabledDate: this.disabledDate,
      };
    },
  },
  filters: {
    cap(ele) {
      return _self.insOrderStatusoptions.find((item) => {
        return item.dictValue === ele;
      }).dictTag;
    },
  },
  methods: {
    deleteJiaYi(reslistindex, drivingIndex) {
      this.totalCompanyList[reslistindex].programme.drivingList.splice(drivingIndex, 1)
      this.$forceUpdate()
    },
    toWan(num, type) {
      if (type == 'fw') {
        return num + '次'
      }
      if (num > 10000) {
        if (num % 10000 == 0) {
          return (num / 10000) + '万'
        } else {
          return (num / 10000).toFixed(4) + '万'
        }
      } else {
        return num
      }
    },
    // 获取新公司列表
    getCompanyList(data) {
      if (!this.productId) {
        this.$message.warning('请选择险种')
        return
      }
      let starttime = new Date(this.carInfo.registerDate);
      let endtime = new Date(this.carInfo.issueDate);
      if (endtime < starttime) {
        this.$message({ message: "发证日期早于初登日期", type: "error" });
        return;
      }
      console.log(this.policyHolderInfo, 'policyHolderInfo')
      this.policyHolderInfovalidate();
      this.$refs["carInfo"].validate((valid) => {
        if (valid) {
          var _this = this;
          // this.policyHolderInfovalidate()
          _this.$refs["ownerInfo"].validate(async (valid1) => {
            if (valid1) {
              if (!_this.productId) {
                _this.$message.warning('请选择险别')
                return
              }
              // tbczcarShow: true, //投保人同车主
              // bbczcarShow: false, //被保人同车主
              // bbtbcarShow: true, //被保人同投保人
              // ownerInfo    车主
              // policyHolderInfo   投保人
              // insuredPersonInfo  被保人

              if (_this.bbtbcarShow == true) {
                _this.insuredPersonInfo = JSON.parse(
                  JSON.stringify(_this.policyHolderInfo)
                );
              } else if (_this.bbczcarShow == true) {
                _this.insuredPersonInfo = JSON.parse(
                  JSON.stringify(_this.ownerInfo)
                );
              } else {
                // _this.insuredPersonInfo = {}
              }

              if (this.tbczcarShow == true) {
                this.policyHolderInfo = JSON.parse(
                  JSON.stringify(_this.ownerInfo)
                );
              } else {
                // this.policyHolderInfo = {}
              }

              let res = {};
              // res = await this.$api.letter.getAllAgreement();
              // this.$api.letter.getAllAgreement().then((res) => {
              // oldData
              let param = {
                productId: this.productId,
                carInfo: this.carInfo,
                ownerInfo: this.ownerInfo,
                applyInfo: this.policyHolderInfo,
                insureInfo: this.insuredPersonInfo,
                userId:this.isLetter==2? this.userId:""
              }
              if (JSON.stringify(param) === this.oldData) {
                return
              } else {
                this.oldData = JSON.stringify(param) 
              }
              console.log('校验成功，获取列表')
              this.showLoading = true
              this.$api.letter.ruleFilterCompany(param).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.underwritingDescription =
                      ele.agreement[0].underwritingDescription;
                    if (ele.isTaxSource && ele.isTaxSource == "1" && ele.agreement) {
                      ele.agreement.forEach((val) => {
                        if (val.isTaxSource && val.isTaxSource == "1") {
                          ele.agreementId = val.id;
                          ele.apiType = val.apiType;
                        }
                      });
                    }
                  });

                  if (data) {
                    this.productId = this.productId || data.productid
                    res.data.forEach((val, index) => {
                      if(!data.insAreaCompanyEditingDtos) {
                        return
                      }
                      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;
                        }
                      });
                    });
                  }
                  // //险种合并集合
                } else {
                  this.$message.error(res.msg)
                }
                const combinedArray = [
                  ...this.riskList.map(item => item.riskCode),
                  ...this.kindList.map(item => item.kindCode),
                ];
                if (res.data) {
                  res.data = res.data.filter(obj => {
                  obj.agreement = obj.agreement.filter(agreementObj => {
                    // 险种配置为空，则过滤掉该协议
                    if (agreementObj.productsCodes == null) {
                      return true;
                    } else {
                      // 检查是否包含 A 的特殊处理
                      if (combinedArray.includes('A') && !agreementObj.productsCodes.includes(
                          'A')) {
                        return false;
                      }
                      return agreementObj.productsCodes.some(item => combinedArray.includes(
                        item));
                    }
                  });
                  return obj.agreement.length > 0; // 返回true保留，返回false移除该保险公司
                });
                  res.data.forEach((e) => {
                  e.agreement.forEach((el) => (el.disabled = false));
                });
                }
                this.totalCompanyList = res.data;
                this.showLoading = false
              })
            } else {
              document.getElementById("CheZhu").scrollIntoView();
              _this.$message({ message: "请检查人员信息", type: "warning" });
            }
          });
        } else {
          document.getElementById("Car").scrollIntoView();
          this.$message({ message: "请检查车辆信息", type: "warning" });
          return false;
        }
      });
    },
    // 保费计算（报价）按钮
    handleListJisuan(item, index) {
      this.quote(index)
    },
    // 修改险别
    productIdChange() {
      if (this.productId != '0330') {
        this.sychecked = true
        this.sycheckedChange(true)
      } else {
        this.sychecked = false
        this.sycheckedChange(false)
      }
      if (this.productId == '034001' || this.productId == '034002') {
        this.jqchecked = false
        this.jqcheckedChange(false)
      } else {
        this.jqchecked = true
        this.jqcheckedChange(true)
      }
      this.getCompanyList()
      this.totalCompanyList.forEach((val) => {
        val.checked = false
      })
    },
    // 选择方案
    checkedPopover(reslistindex, index, item) {
      console.log(reslistindex, index, item, 'reslistindex, index, item')
      if (index == 99) {
        console.log(this.totalCompanyList[reslistindex].programme99,this.totalCompanyList[reslistindex].programme99.schemeId, 'this.totalCompanyList[reslistindex].programme99')
        if (this.totalCompanyList[reslistindex].programme99 && !this.totalCompanyList[reslistindex].programme99.schemeId) {
          return
        }
        if (!this.totalCompanyList[reslistindex].zxProgramme) {
          this.totalCompanyList[reslistindex].zxProgramme = {       // 自选方案详情
            description: '',
            drivingList: [],
            jqx: {
              name: '交通事故强制责任险'
            },
            kinds: {
              additional: [],
              main: [],
              service: []
            },
          }
        }
        this.typeDialogIndex = reslistindex     // 当前的公司index
        this.totalCompanyList[reslistindex].programme = this.totalCompanyList[reslistindex].zxProgramme    // 选中的自定义方案详情
      } else {
        this.totalCompanyList[reslistindex].programme = item    // 选中的方案详情
      }
      this.totalCompanyList[reslistindex].checkedProgramme = index    // 选中的方案
      this.productList.forEach((val) => {
          if (val.code == this.productId) {
            this.totalCompanyList[reslistindex].programme.description = val.desc
          }
        })
      console.log('当前选中方案', this.totalCompanyList[reslistindex].programme)
      this.$forceUpdate()
    },
    // 获取方案信息
    getCompanyProgramme(e, code, name, index) {
      this.totalCompanyList[index].checked = false
      this.$api.letter.getAllSchemeList({
        companyId: code,
        productId: this.productId,
        seatNum: this.carInfo.seatCount,
        vehicleType: this.carInfo.cimodelclass,
        energyType: this.carInfo.energyType,
        carnature: this.carInfo.carnature
      }).then((res) => {
        if (res.code == 200) {
          this.totalCompanyList[index].schemes = res.data.schemes
          this.totalCompanyList[index].programme99 = res.data.optionalScheme || {kinds: [],}     // 获取自选方案弹窗信息
          if (res.data.schemes[0]) {
            this.checkedPopover(index, 0, res.data.schemes[0])
          } else {
            this.checkedPopover(index, 99)
          }
          this.totalCompanyList[index].checked = true
        }
      })
    },
    // 获取险别
    getProductId() {
      // /plt/scheme/getProductInfo
      this.$api.letter.getProductInfo().then((res) => {
        this.productList = res.data
      })
    },
    // 选择特约
    handleCloseTeYue() {
      this.showTeYueVisible = false
    },
    checkTeYue(item) {
      this.showTeYueVisible = true
    },
    // 驾意险详情
    handleCloseShowDetailJiaYi() {
      this.showDetailJiaYiVisible = false
      this.showDetailJiaYiVisible1 = false
      this.showDetailtable = []
      this.typeDialogData = {}
    },
    // 确认驾意
    handleAddYiWai() {
      let arr = []
      console.log(this.checkList,"驾意险")
      this.checkList.forEach((val) => {
        if (this.totalCompanyList[this.typeDialogIndex].cnName == 'zijin') {
          if(val.tableData ) arr.push(...val.tableData)

        // } else if (this.totalCompanyList[this.typeDialogIndex].cnName == 'guoRen' || this.totalCompanyList[this.typeDialogIndex].cnName == 'ansheng') {
        //   arr.push({...val.tableData, select: val.select})
        } else {
          if(val.tableData ) arr.push(val.tableData)
        }
      })
      this.totalCompanyList[this.typeDialogIndex].zxProgramme.drivingList = arr;
      this.totalCompanyList[this.typeDialogIndex].programme.drivingList = arr
      console.log(arr, 'arr')
      this.handleCloseAddYiwai()
    },
    // 驾意输入框按钮
    numberChange(listIndex, index, type,minquantity, dataIndex) {
      if (dataIndex >= 0) {
        if (type == 'plus') {
          if (this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData[dataIndex].quantity < 10) {
            this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData[dataIndex].quantity += 1
          }
        } else {
          if (this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData[dataIndex].quantity > minquantity) {
            this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData[dataIndex].quantity -= 1
          }
        }
      } else {
        if (type == 'plus') {
          if (this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData.quantity < 10) {
            this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData.quantity += 1
          }
        } else {
          if (this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData.quantity > minquantity) {
            this.jiayiDialogData.drivingTypeList[listIndex].children[index].tableData.quantity -= 1
          }
        }
      }
      this.$forceUpdate()
    },
    // 选中驾意一层
    handleChangeSelectGuoren(index) {
      this.checkList[index].tableData1 = undefined
      this.checkList[index].detail.forEach((val) => {
        if (val.projectName == this.checkList[index].select) {
          this.checkList[index].tableData1 = val.insDrivingIntentionInsurances
        }
      })
    },
    // 选中驾意
    handleChangeSelect(index) {
      if (this.totalCompanyList[this.typeDialogIndex].cnName == 'zijin') {
        this.checkList[index].tableData = []
        this.checkList[index].detail.forEach((val) => {
          this.checkList[index].selectList.forEach((value) => {
            if (val.alias == value) {
              this.checkList[index].tableData.push(val)
              this.$forceUpdate()
            }
          })
        })
      // } else if (this.totalCompanyList[this.typeDialogIndex].cnName == 'guoRen' || this.totalCompanyList[this.typeDialogIndex].cnName == 'ansheng' || this.totalCompanyList[this.typeDialogIndex].cnName == 'ansheng') {
      //   this.checkList[index].tableData1.forEach((val) => {
      //     if (val.projectName == this.checkList[index].select1) {
      //       this.checkList[index].tableData = val
      //     }
      //   })
      } else {
        this.checkList[index].detail.forEach((val) => {
          val.quantity=val.minQuantity?val.minQuantity:val.quantity;
          if (val.alias == this.checkList[index].select) {
            this.checkList[index].tableData = val
          }
        })
      }
    },
    handleChangeJiayi(listItem, listIndex) {
      console.log(listItem, listIndex, this.jiayiDialogData, 'listItem, listIndex')
      if (this.checkList.length) {
        this.checkList.forEach((val) => {
          this.$api.letter.getDriving({
            schemeId: this.jiayiDialogData.schemeId,
            seatNum: this.carInfo.seatCount
            // companyId: this.totalCompanyList[this.typeDialogIndex].id,
            // type: val.id,
            // productId: this.productId,
            // vehicleType: this.carInfo.cimodelclass,
            // energyType: this.carInfo.energyType,
            // carnature: this.carInfo.carnature

          }).then((res) => {
            if (res.code == 200) {
              val.detail = res.data
              this.$forceUpdate()
            }
          })
        })
      }
    },
    showDetailJiaYi(item, index, type) {
      this.showDetailtable = []
      item.programme.drivingList.forEach((val) => {
        this.$api.letter.getDrivingSon({
          companyId: this.totalCompanyList[index].id,
          projectCode: val.projectCode
        }).then((res) => {
          if (res.code == 200) {
            this.showDetailtable.push(res.data)
          }
        })
      })
      if (type) {
        this.detailJiaYiTitle = '驾意险详情'
        this.showDetailJiaYiVisible1 = true
      } else {
        this.detailJiaYiTitle = '查看详情'
        this.showDetailJiaYiVisible = true
      }
      this.typeDialogData = item.programme
      this.typeDialogData.shangyeList = [...item.programme.kinds.main,
        ...item.programme.kinds.additional,
        ...item.programme.kinds.service
      ]
    },
    // 添加驾意险
    addJiaYi(item) {
      this.jiayiDialogData = item.programme99
      this.addYiwaiDialogVisible = true
    },
    handleCloseAddYiwai() {
      this.jiayiDialogData = {}
      this.checkList = []
      this.addYiwaiDialogVisible = false
    },
    // 调整险种
    // 确定险种
    subTypeDialog() {
      // this.totalCompanyList[this.typeDialogIndex].zxProgramme = {}
      // this.totalCompanyList[reslistindex].zxProgramme
      let main = []
      let additional = []
      let service = []
      this.typeDialogData.kinds.forEach((val, index) => {
        if (val.checked) {
          if (val.grouping == 'main') {
            main.push(val)
          }
          if (val.grouping == 'additional') {
            additional.push(val)
          }
          if (val.grouping == 'service') {
            service.push(val)
          }
        }
      })
      this.totalCompanyList[this.typeDialogIndex].zxProgramme.kinds = {main, additional, service}
      this.totalCompanyList[this.typeDialogIndex].programme.kinds = {main, additional, service}
      this.handleAddYiWai()
      this.handleCloseType()
    },
    showTypeDialog(item, index) {
      item.programme99.kinds.map(item=>{
        const itemamtList=item.amtList.map(val=>{return val.label})
        console.log(itemamtList)
        if(!itemamtList.includes('不投保')){
          item.checked=true;
          item.Required=true;
          item.amount=item.amtList[0].value;
        }
        return item;
      })
      this.typeDialogData = item.programme99
      this.jiayiDialogData = item.programme99
      this.typeDialogVisible = true
    },
    handleCloseType() {
      this.typeDialogVisible = false
      this.typeDialogData = []
      this.jiayiDialogData = {}
      this.checkList = []
    },
    //清空保单图片
    removePhoto(file, fileList, type) {
      this.policyNumberForm[type] = []
    },
    editingWay(paramsEdit) {
      if (paramsEdit) {
        var _this = this;
        this.jqchecked = false;
        this.tbczcarShow = false;
        this.bbtbcarShow = false;
        this.bbczcarShow = false;
        const { carinfo, ownerinfo, applyinfo, insureinfo, quoteno, orderno } =
          paramsEdit;
        this.editorInfo = { ...paramsEdit };
        // this.vehicleAndVesselTaxForm = { ...paramsEdit.vehicleAndVesselTax };

        _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.productId = paramsEdit.productid
        _this.tbczcarShow = applyinfo.owner;
        _this.bbczcarShow = insureinfo.owner;
        _this.kindList = paramsEdit.king;
        _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
        );
        if (paramsEdit.carinfo.transferFlag) {
          this.transferDateShow = true;
        }
        paramsEdit.risk.map((ele) => {
          if (ele.riskCode == "0507") {
            _this.jqchecked = true;
            this.protocolJudge("0507", true);
            _this.riskList.push({
              riskCode: "0507",
            });
            // _this.jqstartDate = ele.startDate;
            // _this.jqendDate = ele.endDate;
            //       this.jqstartDate = this.$route.query.data.jqstartdate
            // this.jqendDate = this.$route.query.data.jqenddate

            _this.jqstartDate = this.transformTime1();
            _this.jqendDate = this.oneYearPast1(this.jqstartDate);
          } else if (ele.riskCode == "0510") {
            _this.sychecked = true;
            this.protocolJudge("0510", true);
            _this.riskList.push({
              riskCode: "0510",
            });
            // _this.systartDate = ele.startDate;
            // _this.syendDate = ele.endDate;
            _this.systartDate = this.transformTime1();
            _this.syendDate = this.oneYearPast1(this.systartDate);
            _this.insureList.map((eleA) => {
              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;
                    case "A":
                      eleA.amount = JSON.stringify(eleB.amount);
                      this.protocolJudge("A", true);
                      break;
                    default:
                      eleA.amount = JSON.stringify(eleB.amount);
                  }
                }
              });
            });
          }
        });
        // this.HistoryList = this.paramsEdit.insAreaCompanyList;
        let params = {
          orderNo: 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.$refs.imageDialog.imageEcho(this.quoteno)

        // this.commpanyList()
        //--显示影像按钮--
        _this.imageUploadShow = true;
        this.$forceUpdate()
        _this.obtainProtocol(paramsEdit);
      } else {
        this.jqstartDate = this.transformTime1();
        this.jqendDate = this.oneYearPast1(this.jqstartDate);
        this.systartDate = this.transformTime1();
        this.syendDate = this.oneYearPast1(this.systartDate);
      }
    },
    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;
                });
            }
        },
        uploadinformation() {
            // //上传图片
            const mergedArray = [
                ...this.imageList1,
                ...this.imageList2,
                ...this.imageList3,
                ...this.imageList4,
                ...this.imageList5,
                ...this.imageList6,
            ];
            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;
        },

        repairinformation() {
            // //上传图片
            const mergedArray = [
                ...this.imageList1,
                ...this.imageList2,
                ...this.imageList3,
                ...this.imageList4,
                ...this.imageList5,
                ...this.imageList6,
            ];
            let imageparam = {
                imageList: mergedArray,
                companyId: this.companyId,
            };
            this.$api.letter.additionalInformation(imageparam).then((responses) => {
                if (responses.code == "200") {
                    this.imageUploaddialogVisible = false;
                    this.$message({ message: responses.msg, type: "success" });
                } else {
                    this.$message({ message: responses.msg, type: "error" });
                }
            });
        },
    //手机号复制粘贴处理
    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.zhongmeitemplateSelection = index;
      this.zhongmeiaccidentalDrivingVo = {};
      this.zhongmeiInsuranceDataTable = [];
      let data = this.zhongmeiInsuranceData.find(
        (val) => val.projectCode == index
      );
      //把返回的方案明细放入展示数据对象中
      this.accidentFormZM = Object.assign(this.accidentFormZM, data);
      this.accidentFormZM.quantity = "1";
      if (data && data.son) {
        this.accidentPremiumZM = data.sumPremium;
        this.zhongmeiInsuranceDataTable = data.son;
      }
    },
    // 截图粘贴
    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;
      }
    },
    pinganInsuranceChange(index,index1,val) {
      if (!index) {
        return;
      }

      this.accidentFormPA[index1].pingantemplateSelection = index;

      this.accidentFormPA[index1].projectName=index
        val.map(val1=>{
          if(val1.projectName == index){
            val1.son.forEach(val3=>{
              val3.quantity='1'
            })
            this.accidentFormPA[index1].pinganInsuranceDataTable= val1.son
            this.accidentFormPA[index1].projectCode= val1.projectCode
          }
        })

      // this.accidentFormPA[index1].projectCode=this.pinganInsuranceData.find(val1=>{
      //   // val1.map(
      //   //   (val) => val.projectName == index
      //   // ).projectCode
      //   }
      //   )
      // this.accidentFormPA[index1].pinganInsuranceDataTable = this.pinganInsuranceData.find(
      //   (val) => val.projectName == index
      // ).son;
    },
    taikangInsuranceChange(index) {
      if (index) {
        this.TkDrivingChange(
          this.taikangaccidentDataList.find((val) => val.projectCode == index)
        );
      }

      if (!index) {
        return;
      }
      this.taikangtemplateSelection = index;
      this.accidentFormTk = Object.assign(
        this.accidentFormTk,
        this.taikangaccidentDataList.find((val) => val.projectCode == index)
      );
      this.taikangaccidentDataList
        .find((val) => val.projectCode == index)
        .son.forEach((item) => {
          item.sumAmount =
            Number(item.amount) * Number(this.accidentFormTk.seatNum);
        });
      this.taikangInsuranceDataTable = this.taikangaccidentDataList.find(
        (val) => val.projectCode == index
      ).son;
      this.accidentPremiumTk = this.accidentFormTk.premium;
    },
    anshengInsuranceChange(index) {
      this.anshengtemplateSelection = index;
      let data = this.anshengInsuranceData.find(
        (val) => val.projectCode == index
      );
      this.anshengaccidentalDrivingVo.parentName = data.projectName;
      this.anshengaccidentalDrivingVo.parentCode = data.projectCode;
      this.anshengInsuranceDataTable = [];
      this.anshengInsuranceDataTable = data.children;
      this.anshengInsuranceDataTable.forEach((e) => (e.quantity = "1"));
    },
    hengbangInsuranceChange(index) {
      this.hengbangInsuranceDataTable = this.hengbangInsuranceData.find(
        (val) => val.projectCode == index
      ).son;
      this.hengbangtemplateSelection = index;
      if (this.hengbangInsuranceDataTable.length) {
        this.hengbangaccidentalDrivingVo = this.hengbangInsuranceData.find(
          (val) => val.projectCode == index
        );
      }
    },
    huanongInsuranceChange(index) {
      this.huanongInsuranceDataTable = this.huanongInsuranceData.find(
        (val) => val.projectCode == index
      ).son;
      this.accidentFormHN.accidentType = index;
      this.huanongaccidentalDrivingVo = Object.assign(
        this.huanongInsuranceData.find((val) => val.projectCode == index),
        this.accidentFormHN
      );
    },
    taipingInsuranceChange(index) {
      this.taipingtemplateSelection = index;
      this.taipingInsuranceDataTable = this.taipingInsuranceData.find(
        (val) => val.projectCode == index
      ).son;
      if (
        this.taipingInsuranceDataTable &&
        this.taipingInsuranceDataTable.length
      ) {
        this.taipingaccidentalDrivingVo = this.taipingInsuranceData.find(
          (val) => val.projectCode == index
        );
      }
    },
    zijinInsuranceChange(index) {
      this.zijintemplateSelection = index;
      this.zijinInsuranceDataTable = [];
      this.$refs.expandTable[0].clearSelection();
      index.forEach((item) => {
        this.zijinInsuranceDataTable.push(
          this.ziJinInsuranceData.find((val) => val.projectCode == item)
        );
      });
      this.zijinInsuranceDataTable.forEach((item) => {
        this.$nextTick(() => {
          this.$refs.expandTable[0].toggleRowSelection(item);
        });
      });
      this.CheckboxChange(this.zijinInsuranceDataTable);
    },
    renshouInsuranceChange(index) {
      // this.renshouInsuranceDataTable = [
      //   this.renshouInsuranceData.find(val => val.projectCode == index)
      // ];
      this.renshoutemplateSelection = index;
      this.renshouInsuranceDataTable = this.renshouInsuranceData.find(
        (val) => val.projectCode == index
      ).son;
      if (index) {
        this.RSDrivingChange(
          this.renshouInsuranceData.find((val) => val.projectCode == index)
        );
      }
    },
    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.dajiaInsuranceDataTable = data.data;
      }
    },
    zhonganInsuranceChange(index) {
      this.zhongantemplateSelection = index;
      this.zhonganInsuranceDataTable = this.zhonganInsuranceData.find(
        (val) => val.projectCode == index
      ).son;
      if (index) {
        this.ZADrivingChange(
          this.zhonganInsuranceData.find((val) => val.projectCode == index)
        );
      }
    },
    // 渤海选择意外险类型
    async bohaiInsuranceChange(index) {
      if (index) {
        this.boHaiaccidentForm.projectCode = index;
        // this.boHaiaccidentForm.projectName = this.dajiaInsuranceData.find(
        //   (e) => e.projectCode == index
        // ).projectName;
        this.boHaiaccidentForm.copies = "1";
        this.boHaiaccidentForm.premium = Number(
          this.boHaiaccidentDataList.find((e) => e.projectCode == index).sumPremium
        );
          this.bohaiInsuranceDataTable=this.boHaiaccidentDataList.find(
          (e) => e.projectCode == index
        ).son;
        // let data = await this.$api.letter.productDetailsQueryboHai({
        //   projectCode: index,
        //   productCode: this.boHaiaccidentDataList.find(
        //     (e) => e.packageCode == index
        //   ).productCode,
        //   agreementId: this.boHaiaccidentForm.agreementId,
        // });
        // if (data.code == 200 && data.data) {
        //   this.accidentLoadingbh = false;
        //   this.bohaiInsuranceDataTable = data.data;
        // } else {
        //   this.$message.error(data.msg);
        //   this.bohaiInsuranceDataTable = [];
        // }
      }
    },
    djcxchange(index) {
      if (index) {
        this.dajiaaccidentForm.parentCode = index;
        this.dajiaaccidentForm.quantity = "1";
        this.dajiaaccidentForm.prodCode = "";
        this.dajiaaccidentDataListChild = this.dajiaInsuranceData.find(
          (e) => e.projectCode == index
        ).children;
        this.dajiaaccidentalDrivingVo.parentName = this.dajiaInsuranceData.find(
          (e) => e.projectCode == index
        ).projectName;
        this.dajiaaccidentalDrivingVo.parentCode = this.dajiaInsuranceData.find(
          (e) => e.projectCode == index
        ).projectCode;
      }
    },
    djcxchangeChild(index) {
      if (index) {
        let list = this.dajiaaccidentDataListChild.find(
          (val) => val.projectCode == index
        );
        this.dajiaaccidentForm = {
          ...this.dajiaaccidentForm,
          prodCode: index,
          projectName: list.projectName,
          sumAmount: Number(list.sumAmount),
          riskCode: list.riskCode,
          sumPremium: Number(list.sumPremium),
        };
        list.productId = list.id;
        this.dajiaInsuranceDataTable = list.son;
        this.dajiaaccidentalDrivingVo = Object.assign({
          ...this.dajiaaccidentalDrivingVo,
          ...list,
        });
      } else {
        this.dajiaInsuranceDataTable = [];
      }

    },
    // 国任选择意外险类型
    async grcxchange(index) {
      if (index) {
        this.accidentLoading = true;
        this.guoRenaccidentForm.goodsCode = index;
        this.guoRenaccidentForm.quantity = "1";
        this.guoRenaccidentForm.prodCode = "";
        this.guoRenaccidentDataListChild = this.guoRenaccidentDataList.find(
          (e) => e.projectCode == index
        ).children;
        this.guoRenaccidentalDrivingVo.parentName =
          this.guoRenaccidentDataList.find(
            (e) => e.projectCode == index
          ).projectName;
        this.guoRenaccidentalDrivingVo.parentCode =
          this.guoRenaccidentDataList.find(
            (e) => e.projectCode == index
          ).projectCode;
        // 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.accidentLoading = false;

        // } else {
        // this.accidentLoading = false;
        //   this.$message.error(data.msg);
        //   this.guoRenaccidentDataListChild = [];
        // }
      }
    },
    // 国任选择意外险子级类型
    async grcxchangeChild(index) {
      let list = this.guoRenaccidentDataListChild.find(
        (val) => val.projectCode == index
      );
      this.guoRenaccidentForm = {
        ...this.guoRenaccidentForm,
        prodCode: index,
        policyNum: Number(list.sumPremium),
        riskCode: list.riskCode,
        // amount: list.amount,
        sumPremium: Number(list.sumPremium),
        // appnum:Number(list.appnum)
      };
      this.guoRenInsuranceDataTable = list.son;
      this.guoRenaccidentalDrivingVo = Object.assign({
        ...list,
        ...this.guoRenaccidentalDrivingVo,
      });
    },
    // 选择意外险类型
    async yongchengInsuranceChange(index) {
      if (!index) {
        return;
      }

      this.yongchengtemplateSelection = index;
      this.accidentForm = Object.assign(
        this.accidentForm,
        this.yongchengaccidentDataList.find((val) => val.projectCode == index)
      );
      this.yongchengaccidentDataList
        .find((val) => val.projectCode == index)
        .son.forEach((item) => {
          item.sumAmount =
            Number(item.amount) * Number(this.accidentForm.seatNum);
        });
      this.yongchengInsuranceDataTable = this.yongchengaccidentDataList.find(
        (val) => val.projectCode == index
      ).son;
      this.accidentPremium = this.accidentForm.sumPremium;
      // this.accidentForm.fen = "1";
      // 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.accidenttableData = data.data;
      // }
    },
    numberCopieschange(index) {
      this.accidentForm.sumPremium = Number(this.accidentPremium) * index;
    },
    numberCopieschangeTk(index) {
      this.accidentFormTk.sumPremium = Number(this.accidentPremiumTk) * index;
    },
    numberCopieschangePA(index,index1) {
      this.accidentFormPA.premium = Number(this.accidentFormPA[index1].accidentPremiumPA ) * index;

    },
    numberCopieschangeZM(index) {
      this.accidentFormZM.sumPremium = Number(this.accidentPremiumZM) * index;
    },
    numberCopieschangeGR(index) {
      this.guoRenaccidentForm.sumPremium =
        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;
      });
    },
    protocolJudge(val, val1) {
      if (val1) {
        this.totalCompanyList.forEach((e) => {
          if (
            e.agreement.find(
              (el) => el.productsCode && el.productsCode.includes(val)
            )
          ) {
            e.agreement.find(
              (el) => el.productsCode && el.productsCode.includes(val)
            ).disabled = true;
          }
        });
      } else {
        this.totalCompanyList.forEach((e) => {
          if (
            e.agreement.find(
              (el) => el.productsCode && el.productsCode.includes(val)
            )
          ) {
            e.agreement.find(
              (el) => el.productsCode && el.productsCode.includes(val)
            ).disabled = false;
          }
        });
      }
    },
    // 回显
    async obtainProtocol(data) {
      console.log(data)
      console.log(this.isLetter)
      let res = {};
      if (this.isLetter == "1") {
      this.getCompanyList(data)
      // res = await this.$api.letter.getAllAgreement();
      }
      if (this.isLetter == "2") {
        setTimeout(() => {
          this.getCompanyList(data)
        }, 500);
      }
    },
    //获取保险公司列表
    // 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);
    },
    // 现询
    getInquiryNowList(agreementId, riskList, kindList) {
      let productId = ''
      this.inquiryNowList = []
      this.$api.letter.getProductId({
        riskList: riskList,
        kindList: kindList
      }).then((res) => {
        if (res.code == 200) {
          productId =  res.data
          this.$api.letter.getInquiryNowFee({
            agreementId: agreementId,
            productId: productId
          }).then((resp) => {
            if (resp.code == 200) {
              this.inquiryNowList = resp.data
            }
          })
        }
      })
    },
    inquiryNowListChange(data) {
      if (data) {
        this.nowCostsId = data    //  现询id
        this.isInquiryNowDisable = true
        this.inquiryNowList.forEach((val) => {
          if (val.id == data) {
            this.policyNumberForm.jqCostsProportion = val.jqCostsProportion
            this.policyNumberForm.noCostsProportion = val.noCostsProportion
            this.policyNumberForm.syCostsProportion = val.syCostsProportion
          }
        })
      } else {
        this.nowCostsId = ''
        this.isInquiryNowDisable = false
        this.policyNumberForm.jqCostsProportion = ''
        this.policyNumberForm.noCostsProportion = ''
        this.policyNumberForm.syCostsProportion = ''
      }
    },
    //选择协议  val:协议id  row：协议列表  index：下标  item：保险公司数据集合
    agreementChange(val, row, index, item) {
      this.getInquiryNowList(val, this.riskList, this.kindList)
      this.kindListFun(index);
      let obj = {};
      obj = row.find((item) => {
        return item;
      });
      let selectRow = row.find((item) => {
        return item.id == val;
      });
      let info = row.find((ele) => ele.id == val);
      this.totalCompanyList[index].apiType = info.apiType;
      this.totalCompanyList[index].underwritingDescription = val
        ? selectRow.underwritingDescription
        : ""; //重新赋值修改选中协议承保描述
      if (this.$route.path != "/task/external/externalOrders")
      if(item.namesimple  == "平安财险" ){
        this.$api.letter.getPingAnDrivingInsuranceRule({
          cimodelclass:  this.carInfo.cimodelclass,
          isUseCombine:'Y',
          tonNumber:this.carInfo.limitLoad,
          ownAttribute:'03',
          useAttribute: this.carInfo.carnature,
          ruleSeatNum:Number(this.carInfo.seatCount),
          agreementId: item.agreementId,
        }).then(res=>{
          this.pinganInsuranceData= res.data;
        })
        return
      }
        this.$api.letter
          .getDrivingInsuranceRule({
            companyCode: item.id,
            agreementId: item.agreementId,
            seatNum:
              item.namesimple == "永诚财险" || item.namesimple == "中煤财险"
                ? Number(this.carInfo.seatCount)
                : "",
            ruleUseNature: this.carInfo.carnature,
            ruleSeatNum: Number(this.carInfo.seatCount),
            risk: this.riskList,
            kind: this.kindList,
            ruleThirdPartyInsurance: this.insureList[1].amount,

          })
          .then((res) => {
            if (res.code == 200) {
              this.nonVehicle(res.data, item.cnName);
              switch (item.namesimple) {
                case "永诚财险":
                  this.yongchengaccidentDataList = res.data;
                  break;
                case "国任财险":
                  this.guoRenaccidentDataList = res.data;
                  break;
                case "渤海财险":
                  this.boHaiaccidentDataList = res.data;
                  break;
                case "中煤财险":
                  this[item.cnName + +"InsuranceData"] = res.data;
                  break;
                case "紫金财险":
                  let data = res.data;
                  data.map((ele) => {
                    ele.quantity = 1;
                    return ele;
                  });
                  this.ziJinInsuranceData = data;
                  break;
                case "大家财险":
                  this.dajiaInsuranceData = res.data;
                  break;
                case "泰康财险":
                  this.taikangaccidentDataList = res.data;
                  break;
                case "中国人寿":
                case "恒邦财险":
                case "太平财险":
                case "安盛天平":
                case "华农财险":
                case "众安财险":
                  res.data.map((ele) => {
                    ele.quantity = 1;
                    return ele;
                  });
                  this[item.cnName + "InsuranceData"] = res.data;
                  break;
              }
            } else {
              this.$message.error(res.msg);
            }
          });
      // 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
      //     };
      //     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;
      // }
    },
    nonVehicle(data, type) {
      if (data.some((e) => e.isDefault)) {
        if (type == "guoRen") {
          this.grcxchange(data.find((ele) => ele.isDefault).projectCode);
          this.grcxchangeChild(
            data
              .find((ele) => ele.isDefault)
              .children.find((ele) => ele.isDefault).projectCode
          );
        }
        if (type == "ansheng") {
          this.anshengInsuranceChange(
            data.find((ele) => ele.isDefault).projectCode
          );
          this.ASDrivingRadio(
            data
              .find((ele) => ele.isDefault)
              .children.find((ele) => ele.isDefault)
          );
        }
        if (type == "zijin") {
          this[type + "InsuranceChange"]([
            data.find((ele) => ele.isDefault).projectCode,
          ]);
        } else {
          this[type + "InsuranceChange"](
            data.find((ele) => ele.isDefault).projectCode
          );
        }
      }
    },
    CheckboxChange(select, row) {
      this.accidentalDrivingVo = [];
      select.map((val) => {
        this.accidentalDrivingVo.push(val);
        return val;
      });
    },

    //人寿驾意险选择
    RSDrivingChange(row) {
      this.renshouaccidentalDrivingVo = row;
    },
    TkDrivingChange(row) {
      this.taikangaccidentalDrivingVo = row;
    },
    //众安驾意险选择
    ZADrivingChange(row) {
      this.zhonganaccidentalDrivingVo = row;
    },
    RSDrivingRadio(row) {
      this.RSDrivingChange(row);
    },

    //安盛驾意险选择
    ASDrivingRadio(row) {
      this.anshengInsurancetype = row.projectCode;
      this.anshengaccidentalDrivingVo = Object.assign({
        ...this.anshengaccidentalDrivingVo,
        ...row,
      });
      // this.anshengaccidentalDrivingVo.projectCode = row.projectCode;
      // this.anshengaccidentalDrivingVo.projectName = row.projectName;
    },
    pinganDetail(row,agreementId) {
      this.pinganDataDetailVisible=false
      this.$api.letter
        .productDetailsQuery({ agreementId,
          packageCode:row.code,
          productCode:row.productCode,
          version:row.version,
         })
        .then((res) => {
          if(res.code==200){
            this.pinganDataDetailVisible=true
            this.pinganDataDetail=res.data
          }
          else{
            this.$message.err(res.msg)
          }
        });
    },
    sameItem(array1,array2) {
      return array2.find(item => {
         array1.some(innerItem => innerItem.code === item.code)
      }
      );
    },
    PADrivingCheckbox(event,row,agreementId,index) {
      // const checkedVal = this.accidentFormPA[index].pinganInsuranceDataTable.find(x => x.cameraId === item.cameraId)
      const isSelected = event.some(selectedRow => selectedRow.code == row.code);
      let isIndex =null
      let amount =null
      event.find((selectedRow,selectedIndex) => {
        if(selectedRow.code == row.code){
          isIndex= selectedIndex
        }
      });
      if(event.length>0 && isSelected){
          this.$api.letter
          .productDetailsQuery({ agreementId,
            packageCode:row.code,
            productCode:row.productCode,
            version:row.version,
          })
          .then((res) => {
            if(res.code==200){
              res.data.forEach(ele=>{
               amount+=Number(ele.unitInsuredAmount)?Number(ele.unitInsuredAmount):0
              })
              event[isIndex].amount=amount
            }
            else{
              this.$message.err(res.msg)
            }
          });
      }
      event.forEach((res,indexOf)=>{
          res.projectName=this.accidentFormPA[index].projectName
          res.projectCode=this.accidentFormPA[index].projectCode
          res.combineProductType=this.accidentFormPA[index].combineProductType
        })
      this.pinganaccidentalDrivingVo[index]=event
    },
    //平安驾意险选择
    PADrivingRadio(row,agreementId,index) {

      // this.accidentPremiumPA = row.premium;
      this.accidentFormPA[index].quantity = '1';
      this.accidentFormPA[index].sellListSize =Number(row.sellListSize) ;
      this.accidentFormPA[index].premium = row.premium
      this.accidentFormPA[index].combineProductType = row.combineProductType
      this.accidentFormPA[index].accidentPremiumPA = row.premium
      this.accidentFormPA[index].pinganInsurancetype = row.code;

      this.$api.letter
        .productDetailsQuery({ agreementId,
          packageCode:row.code,
          productCode:row.productCode,
          version:row.version,
         })
        .then((res) => {
          if(res.code==200){
            this.accidentFormPA[index].amount=0
            res.data.forEach(e=>{
                this.accidentFormPA[index].amount+=Number(e.unitInsuredAmount)?Number(e.unitInsuredAmount):0
            })
            this.pinganaccidentalDrivingVo[index]={
            ...row,
            ...this.accidentFormPA[index],
            };
          }
          else{
            this.$message.err(res.msg)
            this.pinganaccidentalDrivingVo[index]={
            ...row,
            ...this.accidentFormPA[index],
            };
          }
        });


    },
    ZADrivingRadio(row) {
      this.ZADrivingChange(row);
    },
    // 国任特约选择
    contributingGuoRen(id, index) {
      this.typeDialogIndex = index
      this.zijinengageListData = [];
      this.contributingLoading = true;
      this.contributingState = true;
      this.hbsubmitdialogVisible = true;
      this.$api.letter
        .guorenqueryClauseData({ agreementId: id })
        .then((res) => {
          this.contributingLoading = false;
          if (res.data) {
              res.data.forEach((val) => {
              val.clauseName = val.clauses;
              val.clauseContent = val.clausesContext;
            });
            this.zijinengageListData = res.data;
          }
        });
    },
    //紫金特约选择
    zijinengageChange(select, row) {
      this.zijinengageList = [];
      if (!this.totalCompanyList[this.typeDialogIndex].zxProgramme) {
        this.totalCompanyList[this.typeDialogIndex].zxProgramme = {       // 自选方案详情
          description: '',
          drivingList: [],
          jqx: {
            name: '交通事故强制责任险'
          },
          kinds: {
            additional: [],
            main: [],
            service: []
          },
          teyue: [],
        }
      }
      // this.totalCompanyList[this.typeDialogIndex].programme = {}
      this.totalCompanyList[this.typeDialogIndex].programme.teyue = []
      select.map((val) => {
        this.zijinengageList.push({
          clauseCode: val.clauseCode,
          clauseName: val.clauseName,
          clauses: val.clauseContent,
          riskCode: val.riskCode,
        });
        this.totalCompanyList[this.typeDialogIndex].zxProgramme.teyue = this.zijinengageList
        this.totalCompanyList[this.typeDialogIndex].programme.teyue = this.zijinengageList
        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;
    },
    updateArray(arr, value, condition) {
      if (condition) {
        arr.push(value);
      } else {
        const index = arr.indexOf(value);
        if (index !== -1) {
          arr.splice(index, 1);
        }
      }
      if (arr.length == 0) {
        this.totalCompanyList.forEach((e) => {
          e.disabled = false;
        });
      } else {
        this.totalCompanyList.forEach((e) => {
          e.disabled = e.id == arr[0] ? false : true;
        });
      }
    },
    //勾选保险公司
    initchange(e, code, name, index) {
      if (e) {
        console.log(e, code, name, index)
        console.log(this.totalCompanyList[index], 'this.totalCompanyList[index]')
        this.totalCompanyList[index].checked = e;
        this.getCompanyProgramme(e, code, name, index)
        this.kindListFun();
        let ins = this.totalCompanyList[index].namesimple;
        this.totalCompanyList[index].underwritingDescription =
          this.totalCompanyList[index].agreement[0].underwritingDescription;
        if (this.$route.path != "/task/external/externalOrders")
          this.$api.letter
            .getDrivingInsuranceRule({
              agreementId: this.totalCompanyList[index].agreement[0].id,
              seatNum:
                ins == "永诚财险" || ins == "中煤财险"
                  ? Number(this.carInfo.seatCount)
                  : "",
              ruleUseNature: this.carInfo.carnature,
              ruleSeatNum: Number(this.carInfo.seatCount),
              risk: this.riskList,
              kind: this.kindList,
              ruleThirdPartyInsurance: this.insureList[1].amount,
              cimodelclass: ins == "平安财险"
                  ? this.carInfo.cimodelclass
                  : "",
              isUseCombine:ins == "平安财险"
              ? 'Y'
              : "",
              tonNumber:ins == "平安财险"
              ? this.carInfo.limitLoad
              : "",
              ownAttribute:ins == "平安财险"
              ? '03'
              : "",
              useAttribute: ins == "平安财险"
                  ? this.carInfo.carnature
                  : "",
            })
            .then((res) => {
              if (res.code == 200) {
                switch (ins) {
                  case "永诚财险":
                    this.yongchengaccidentDataList = res.data;
                    break;
                  case "国任财险":
                    this.guoRenaccidentDataList = res.data;
                    break;
                  case "渤海财险":
                    this.boHaiaccidentDataList = res.data;
                    break;
                  case "中煤财险":
                  case "平安财险":
                    this[name + "InsuranceData"] = res.data;
                    break;
                  case "紫金财险":
                    let data = res.data;
                    data.map((ele) => {
                      ele.quantity = 1;
                      return ele;
                    });
                    this.ziJinInsuranceData = data;
                    break;
                  case "大家财险":
                    this.dajiaInsuranceData = res.data;
                    break;
                  case "中国人寿":
                  case "恒邦财险":
                  case "太平财险":
                  case "华农财险":
                  case "安盛天平":
                  case "众安财险":
                    res.data.map((ele) => {
                      ele.quantity = 1;
                      return ele;
                    });
                    this[name + "InsuranceData"] = res.data;
                    break;
                }
                this.nonVehicle(res.data, name);
              } else {
                this.$message.error(res.msg);
              }
            });
        // 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.yongchengInsuranceDataTable = [];
      this.accidentForm = {};
      this.accidentForm.fen = 1;
      this.accidentForm.premium = 0;
    },
    clearAccidentFormPA(index) {
      // this.accidentFormPA[index]={
      //   quantity: 1,
      //   premium: 0,
      //   pingantemplateSelection:'',
      //   pinganInsuranceDataTable:[],
      //   pinganInsurancetype:'',
      // }
        this.pinganaccidentalDrivingVo[index] = {};

    },
    clearAccidentFormTk() {
      this.taikangaccidentalDrivingVo = {};
      this.taikangInsuranceDataTable = [];
      this.accidentFormTk = {};
      this.accidentFormTk.fen = 1;
      this.accidentFormTk.premium = 0;
    },
    clearAccidentFormGr() {
      (this.guoRenInsuranceDataTable = []),
        (this.guoRenaccidentDataListChild = []);
      this.guoRenaccidentForm = {
        quantity: "1",
        premium: 0,
      };
    },
    clearAccidentFormBh() {
      this.bohaiInsuranceDataTable = [];
      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, item) {
      // if (e != 0) {
      //   this.sychecked = true;
      //   this.systartDate = this.transformTime1();
      //   this.syendDate = this.oneYearPast1(this.systartDate);
      //   this.kindList.push(item)
      //   this.obtainProtocol();
      // } else {
      //   let list = this.kindList.filter(item => item.kindCode !== item.kindCode);
      //   this.kindList = list;
      //   this.obtainProtocol();
      // }
    },
    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) {
      // 查找并删除旧的二维码DOM元素
      let element = document.getElementById("qrcode");
      while (element.firstChild) {
        element.removeChild(element.firstChild);
      }
      // 创建新的QRCode实例
      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);
        }
      });
    },
    signature(companyId){
      this.$api.letter.pingAnsignEleApply({companyId}).then((res) => {
        if (res.code == 200 && res.data) {
          this.resultMessageImg=process.env.BASE_URL+res.data.resultMessage
          this.signaturedialogVisible = true;
              // 查找并删除旧的二维码DOM元素
          // let element = document.getElementById("signaturecode");
          // while (element.firstChild) {
          //   element.removeChild(element.firstChild);
          // }
          // this.signaturecode = new QRCode("signaturecode", {
          //   text:  resultMessage,
          //   width: 180,
          //   height: 180,
          //   colorDark: "#000000",
          //   colorLight: "#ffffff",
          //   correctLevel: QRCode.CorrectLevel.H,
          // });
      // this.signaturedialogVisible = true;
      // this.$api.letter.pingAnsignEleApply({companyId}).then((res) => {
      //   if (res.code == 200 && res.data) {
      //         // 查找并删除旧的二维码DOM元素
      //     let element = document.getElementById("signaturecode");
      //     while (element.firstChild) {
      //       element.removeChild(element.firstChild);
      //     }
      //     this.signaturecode = new QRCode("signaturecode", {
      //       text:  res.data.resultMessage,
      //       width: 180,
      //       height: 180,
      //       colorDark: "#000000",
      //       colorLight: "#ffffff",
      //       correctLevel: QRCode.CorrectLevel.H,
      //     });
        } else {
          this.$message({
            message: res.msg || "暂无数据！",
            type: "warning",
          });
        }
      });
    },
    jqcheckedChange(e) {
      if (e) {
        this.jqstartDate = this.transformTime1();
        this.jqendDate = this.oneYearPast1(this.jqstartDate);
        this.riskList.push({
          riskCode: "0507",
        });
        // this.obtainProtocol();
      } else {
        this.jqstartDate = "";
        this.jqendDate = "";
        let list = this.riskList.filter(item => item.riskCode !== "0507");
        this.riskList = list;
        // this.obtainProtocol();
      }
    },
    sycheckedChange(e) {
      if (e) {
        this.systartDate = this.transformTime1();
        this.syendDate = this.oneYearPast1(this.systartDate);
        this.riskList.push({
          riskCode: "0510",
        });
        // this.obtainProtocol();
      } else {
        this.systartDate = "";
        this.syendDate = "";
        let list = this.riskList.filter(item => item.riskCode !== "0510");
        this.riskList = list;
        // this.obtainProtocol();
      }
    },
    //订单生成后保存接口
    preserveOrderStageProcessing(type, btnLoading) {
      // console.log(this.editorInfo);
      // debugger;

      //同车主的选择框
      this[btnLoading] = true;
      if (this.tbczcarShow && this.imageList2.length > 0) {
        //投保人同车主
        this.imageList3 = JSON.parse(JSON.stringify(this.imageList2));
        if (this.imageList3.length == 1) {
          this.imageList3[0].imageType = this.imageList3[0].imageType.includes(
            "C0"
          )
            ? "C03"
            : "D03";
        } else {
          this.imageList3.forEach((e) => {
            e.imageType = e.imageType.includes("C0") ? "C03" : "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 = this.imageList4[0].imageType.includes(
            "C0"
          )
            ? "C04"
            : "D04";
        } else {
          this.imageList4.forEach((e) => {
            e.imageType = e.imageType.includes("C0") ? "C04" : "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 = this.imageList4[0].imageType.includes(
            "C0"
          )
            ? "C04"
            : "D04";
        } else {
          this.imageList4.forEach((e) => {
            e.imageType = e.imageType.includes("C0") ? "C04" : "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 = [];
      }

      if (this.$route.query.data) {
        const mergedArray = [
          ...this.imageList1,
          ...this.imageList2,
          ...this.imageList3,
          ...this.imageList4,
          ...this.imageList5,
          ...this.imageList6,
        ];
        if (mergedArray.length > 0) {
          let imageparam = {
            imageList: mergedArray,
            quoteNo: this.$route.query.data.quoteno,
          };
          this.$api.letter.uploadImages(imageparam).then((responses) => {
            // this.$refs.imageDialog.imageEcho(this.$route.query.data.quoteno)
            this.imageEcho(this.$route.query.data.quoteno); // 获取图片
          });
        }
        this.editorInfo.applyinfo.owner = this.tbczcarShow;
        this.editorInfo.insureinfo.owner = this.bbczcarShow;
        this.editorInfo.insureinfo.insuranceHolder = this.bbtbcarShow;
        let params = {
          orderNo: this.$route.query.data.orderno,
          ...this.policyNumberForm,
          agreementId: this.isLetter3agreementId,
          stageFlag: type,
          jqstartdate: this.jqstartDate,
          jqenddate: this.jqendDate,
          systartdate : this.systartDate,
          syenddate : this.syendDate,
          kind: this.kindList,
          risk: this.riskList,
          kindList: this.kindList,
          riskList: this.riskList,
          carInfo: this.carInfo,
          insuredPersonInfo: this.insuredPersonInfo,
          ownerInfo: this.ownerInfo,
          policyHolderInfo: this.policyHolderInfo,
          isExternal: "1",
          vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
        };

        // debugger;
        this.$api.letter.updateExternalOrder(params).then((res) => {
          if (res.code == "200") {
            this[btnLoading] = false;
            this.$message({
              message: res.msg || "编辑成功",
              type: "success",
            });
            this.add();
          } else {
            this[btnLoading] = false;
            this.$message.error(res.msg);
          }
        });
      } else {
        this.ownerInfo.owner = this.tbczcarShow;
        this.insuredPersonInfo.owner = this.bbczcarShow;
        this.insuredPersonInfo.insuranceHolder = this.bbtbcarShow;
        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,
          isExternal: "1",
          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,
              ...this.imageList6,
            ];
            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.$refs.imageDialog.imageEcho(res.data.quoteno)

              });
            }

            let params1 = {
              orderNo: res.data.orderno,
              ...this.policyNumberForm,
              agreementId: this.isLetter3agreementId,
              stageFlag: type,
              nowCostsId: this.nowCostsId
            };
            // debugger
            this.$api.letter.saveSubOrder(params1).then((res) => {
              if (res.code == "200") {
                this[btnLoading] = false;
                this.$message({
                  message: res.msg || "录入成功",
                  type: "success",
                });
                this.add();
              } else {
                this[btnLoading] = false;
                this.$message.error(res.msg);
              }
            });
          } else {
            this[btnLoading] = false;
            this.$message.error(res.msg);
          }
        });
      }

      // document.getElementById("company").scrollIntoView();
      this.imageUploadShow = true;
    },
    policyHolderInfovalidate() {
      let isvalidat = false;
      let _this = this;
      this.bbtbcarShowChange()
      this.bbczcarShowChange()
      if (_this.tbczcarShow == true) {
        _this.policyHolderInfo = JSON.parse(JSON.stringify(_this.ownerInfo));
      } else {
        _this.$refs["policyHolderInfo"].validate((valid2) => {
          if (valid2) {
            isvalidat = false;
          } else {
            document.getElementById("toubaor").scrollIntoView();
            _this.$message({ message: "请检查投保人信息", type: "warning" });
            isvalidat = true;
          }
        });
      }
      if (isvalidat) {
        return;
      }
    },
    //报价
    quote(index) {
      let starttime = new Date(this.carInfo.registerDate);
      let endtime = new Date(this.carInfo.issueDate);
      if (endtime < starttime) {
        this.$message({ message: "发证日期早于初登日期", type: "error" });
        return;
      }
      this.policyHolderInfovalidate();

      this.$refs["carInfo"].validate((valid) => {
        if (valid) {
          var _this = this;
          // this.policyHolderInfovalidate()
          if (_this.tbczcarShow == true) {
            _this.policyHolderInfo = JSON.parse(
              JSON.stringify(_this.ownerInfo)
            );
          }
          _this.$refs["ownerInfo"].validate((valid1) => {
            if (valid1) {
              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 {
                if (this.totalCompanyList[index].isTaxSource != 1 && this.totalCompanyList[index].agreementId == "") {
                  this.$message.warning('请选择协议')
                  return
                }
                this.calculateLoading = true;
                setInterval(() => {
                  this.calculateLoading = false;
                }, 3000);
                _this.totalCompanyList[index].kindList = []
                let kinds = [..._this.totalCompanyList[index].programme.kinds.main,
                  ..._this.totalCompanyList[index].programme.kinds.additional,
                  ..._this.totalCompanyList[index].programme.kinds.service]
                  kinds.forEach((value) => {
                    _this.totalCompanyList[index].kindList.push({
                      amount: value.amount,
                      serviceTimes: value.amount,
                      unitAmount: value.amount,
                      kindCode: value.kindCode,
                      kindName: value.kindName
                    })
                  })
                console.log(_this.totalCompanyList[index].kindList, '_this.totalCompanyList[index].kindList')
                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.totalCompanyList.forEach((val) => {
                  //   if (val.checked) {
                  //     console.log(val.programme, 'programmeeeeeeee')
                  //     let kinds = [...val.programme.kinds.additional, ...val.programme.kinds.main, ...val.programme.kinds.service]
                  //     kinds.forEach((value) => {
                  //       _this.kindList.push({
                  //         amount: value.amount,
                  //         kindCode: value.kindCode,
                  //         kindName: value.kindName
                  //       })
                  //     })
                  //   }
                  // })
                  _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(index);
                // } 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;
        }
      });
    },
    quote1() {
      let starttime = new Date(this.carInfo.registerDate);
      let endtime = new Date(this.carInfo.issueDate);
      if (endtime < starttime) {
        this.$message({ message: "发证日期早于初登日期", type: "error" });
        return;
      }
      this.policyHolderInfovalidate();

      var _this = this;
      this.$refs["carInfo"].validate((valid) => {
        if (valid) {
          // this.policyHolderInfovalidate()
          if (_this.tbczcarShow == true) {
            _this.policyHolderInfo = JSON.parse(
              JSON.stringify(_this.ownerInfo)
            );
          }
          _this.$refs["ownerInfo"].validate((valid1) => {
            if (valid1) {
              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);
                try {
                  this.totalCompanyList.forEach((val, index) => {
                    if (val.checked) {
                      val.kindList = []
                      if (!val.programme) {
                        // throw Error("没有方案")
                        return
                      }
                      let kinds = [...val.programme.kinds.main, ...val.programme.kinds.additional, ...val.programme.kinds.service]
                      kinds.forEach((value) => {
                        this.totalCompanyList[index].kindList.push({
                          amount: value.amount,
                          serviceTimes: value.amount,
                          unitAmount: value.amount,
                          kindCode: value.kindCode,
                          kindName: value.kindName
                        })
                      })
                      if (val.isTaxSource != 1 && val.agreementId == "") {
                        this.$message.warning('请选择协议')
                        throw Error("请选择协议")
                      }
                    }
                  })
                } catch (error) {
                  return console.log(error)
                }
                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",
                  });

                } 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;
        }
      });
    },
    kindListFun(index) {
      var _this = this;
      _this.riskList = []; //险种大类
      _this.kindList = []; //商业险险别
      if (
        (!_this.jqstartDate || !_this.jqendDate) &&
        (!_this.systartDate || !_this.syendDate)
      ) {
        this.$message({ message: "投保日期不能为空", type: "warning" });
      } else {
        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 = [];
        }
      }
    },
    //动态函数
    ToolClickFun(MethodName, Parameter, companyId, companyName, index) {
      this[`${MethodName}`](Parameter, companyId, companyName, index);
    },

    //更新报价历史
    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,
      });
    },
    open3(Name, Msg) {
      this.$notify.info({
        title: Name,
        dangerouslyUseHTMLString: true,
        type: "warning",
        message: `<p>${Msg.replace(/\n/g, "<br>")}</p>`,
        customClass: "customNotifyClass",
        duration: 7000,
      });
    },
    openPredictInfo(Name, Msg) {
      this.redictInfoMsg = Msg;
      this.redictInfodialogVisible = true;
    },
    //订单生成前数据处理事件
    OrderStageProcessing(index) {
      if (this.tbczcarShow && this.imageList2.length > 0) {
        //投保人同车主
        this.imageList3 = JSON.parse(JSON.stringify(this.imageList2));
        if (this.imageList3.length == 1) {
          this.imageList3[0].imageType = this.imageList3[0].imageType.includes(
            "C0"
          )
            ? "C03"
            : "D03";
        } else {
          this.imageList3.forEach((e) => {
            e.imageType = e.imageType.includes("C0") ? "C03" : "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 = this.imageList4[0].imageType.includes(
            "C0"
          )
            ? "C04"
            : "D04";
        } else {
          this.imageList4.forEach((e) => {
            e.imageType = e.imageType.includes("C0") ? "C04" : "D04";
          });
        }

        // 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 = this.imageList4[0].imageType.includes(
            "C0"
          )
            ? "C04"
            : "D04";
        } else {
          this.imageList4.forEach((e) => {
            e.imageType = e.imageType.includes("C0") ? "C04" : "D04";
          });
        }
        // 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,
        riskList: this.riskList,
        vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
        productId: this.productId
      };
      this.$api.letter[this.apiInterfaceName](param).then((res) => {
        if (res.code == "200") {
          //上传图片
          const mergedArray = [
            ...this.imageList1,
            ...this.imageList2,
            ...this.imageList3,
            ...this.imageList4,
            ...this.imageList5,
            ...this.imageList6,
          ];
          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.$refs.imageDialog.imageEcho(res.data.quoteno)

            });
          }
          this.quoteno = res.data.quoteno;
          this.orderno = res.data.orderno;
          if (index >= 0) {
            this.totalCompanyList[index].quoteCode = 1
            this.ToolClickFun(this.totalCompanyList[index].cnName, index, this.totalCompanyList[index].id, this.totalCompanyList[index].namesimple);
          } else {
            this.totalCompanyList.map((ele, index) => {
              if (ele.checked) {
                //动态调用报价接口
                if (ele.programme) {
                  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(index);
            })
            .catch(() => { });
        } else {
          this.$message({ message: res.msg, type: "warning" });
        }
      });
      // document.getElementById("company").scrollIntoView();
      this.imageUploadShow = true;
    },
    // 泰康报价--11
    taikang(num, id, namesimple) {
      this.quoteInsurance(
        num,
        id,
        namesimple,
        this.totalCompanyList[num].apiType
      );
    },
    // 平安报价
    pingan(num, id) {
      let isTaxSource = this.totalCompanyList[num].isTaxSource;
      let accidentalDrivingVo=[]
      if(this.pinganaccidentalDrivingVo){
        accidentalDrivingVo=this.pinganaccidentalDrivingVo
        // accidentalDrivingVo = Object.assign({
        //     ...this.pinganaccidentalDrivingVo,
        //     ...this.accidentFormPA,
        // });
      }
      let params = {
        accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        kindList: this.totalCompanyList[num].kindList,
        riskList: this.riskList,
        productId: this.productId,
      };
      this.$api.letter.pinganquote(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[this.apiInterfaceName](param).then((res) => {
            this.pingan(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;
        }
      });
    },


    //永安报价
    yongan(num, id) {
      let isTaxSource = this.totalCompanyList[num].isTaxSource;
      let params = {
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
        kindList: this.totalCompanyList[num].kindList,
        riskList: this.riskList,
        productId: this.productId,
      };
      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,
              isTaxSource: isTaxSource == 1 ? isTaxSource : null,
            };
            return this.$api.letter[this.apiInterfaceName](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[this.apiInterfaceName](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[this.apiInterfaceName](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 = {};
      let isTaxSource = this.totalCompanyList[num].isTaxSource;
      // if (this.accidentFormZM.projectCode) {
      //   accidentalDrivingVo = {
      //     projectCode: this.accidentFormZM.projectCode,
      //     projectName: this.accidentFormZM.projectName,
      //     quantity: this.accidentFormZM.quantity
      //       ? this.accidentFormZM.quantity
      //       : "1"
      //   };
      // }
      if (this.accidentFormZM.projectCode) {
        accidentalDrivingVo = {
          ...this.zhongmeiInsuranceData.find(
            (e) => e.projectCode == this.accidentFormZM.projectCode
          ),
          quantity: this.accidentFormZM.quantity
            ? this.accidentFormZM.quantity
            : "1",
        };
      }
      accidentalDrivingVo = this.totalCompanyList[num].programme.drivingList[0] || {}
      let params = {
        accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        kinds: this.totalCompanyList[num].kindList,
        risks: this.riskList,
        productId: this.productId,
      };
      this.$api.letter.pythonquote(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[this.apiInterfaceName](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 type = this.totalCompanyList[num].apiType;
      let api = type == 2 ? "pythonquote" : "dajiaquote";
      let isTaxSource = this.totalCompanyList[num].isTaxSource;
      let accidentalDrivingVo = this.totalCompanyList[num].programme.drivingList[0] || {}
      let params = {
        accidentalDrivingVo: accidentalDrivingVo,
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        kinds: this.totalCompanyList[num].kindList || [],
        risks: this.riskList || []
      };
      this.$api.letter[api](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,
            kinds: this.totalCompanyList[num].kindList,
            risks: this.riskList
          };
          return this.$api.letter[this.apiInterfaceName](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 type = this.totalCompanyList[num].apiType;
      let api = type == 2 ? "pythonquote" : "huataiquote";
      let isTaxSource = this.totalCompanyList[num].isTaxSource;
      let params = {
        accidentalDrivingVo:{},
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        kinds: this.totalCompanyList[num].kindList || [],
        risks: this.riskList || []
      };
      this.$api.letter[api](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,
            kinds: this.totalCompanyList[num].kindList || [],
            risks: this.riskList || []
          };
          return this.$api.letter[this.apiInterfaceName](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 isTaxSource = this.totalCompanyList[num].isTaxSource;
      let params = {
        accidentalDrivingVo: this.totalCompanyList[num].programme.drivingList || [],
        orderNo: this.orderno,
        companyId: id,
        agreementId: this.totalCompanyList[num].agreementId,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        coefficient: this.totalCompanyList[num].coefficient,
        kinds: this.totalCompanyList[num].kindList,
        risks: this.riskList,
        productId: this.productId
      };
      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[this.apiInterfaceName](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 = {};
      let isTaxSource = this.totalCompanyList[num].isTaxSource;
      if (this.accidentForm.projectCode) {
        let data = this.yongchengaccidentDataList.find(
          (val) => val.projectCode == this.yongchengtemplateSelection
        );
        accidentalDrivingVo = {
          ...data,
          quantity: this.accidentForm.quantity
            ? this.accidentForm.quantity
            : "",
        };
      }
      accidentalDrivingVo = this.totalCompanyList[num].programme.drivingList[0] || {}
      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,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        kinds: this.totalCompanyList[num].kindList,
        risks: this.riskList
      };
      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.totalCompanyList[num].kindList,
            riskList: this.riskList,
            vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
          };

          return this.$api.letter[this.apiInterfaceName](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 isTaxSource = this.totalCompanyList[num].isTaxSource;
      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.guoRenaccidentalDrivingVo;
      }
      accidentalDrivingVo = this.totalCompanyList[num].programme.drivingList[0] || {}
      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,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        guoRenSpecialAgreementVo,
        kinds: this.totalCompanyList[num].kindList,
        risks: this.riskList,
        productId: this.productId
      };
      this.$api.letter.pythonquote(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.totalCompanyList[num].kindList,
            riskList: this.riskList,
            vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
          };
          return this.$api.letter[this.apiInterfaceName](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 isTaxSource = this.totalCompanyList[num].isTaxSource;
      let accidentalDrivingVo ={};
      if (this.boHaiaccidentForm.projectCode) {
        accidentalDrivingVo =  {
            // packageCode: this.boHaiaccidentForm.packageCode,
            // productCode: this.boHaiaccidentDataList.find(
            //   (e) => e.packageCode == this.boHaiaccidentForm.packageCode
            // ).productCode,
            // copies: this.boHaiaccidentForm.copies,
            ...this.boHaiaccidentDataList.find(
              (e) => e.projectCode == this.boHaiaccidentForm.projectCode
            ),
            quantity: this.boHaiaccidentForm.copies
            ? this.boHaiaccidentForm.copies
            : "1",
          }
      }
      accidentalDrivingVo = this.totalCompanyList[num].programme.drivingList[0] || {}
      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,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        kinds: this.totalCompanyList[num].kindList,
        risks: this.riskList,
        userId: this.userId,
      };
      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[this.apiInterfaceName](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) {
      console.log(apiType, 'apiType')
      let api = apiType == 2 ? "pythonquote" : "";
      let ccidenttype = this.totalCompanyList[num].cnName;
      let isTaxSource = this.totalCompanyList[num].isTaxSource;
      // accidentalDrivingVo = this.totalCompanyList[num].programme.drivingList[0] || {}
      let params = {
        // accidentalDrivingVo: this[ccidenttype + "accidentalDrivingVo"],
        accidentalDrivingVo: this.totalCompanyList[num].programme.drivingList[0] || {},
        orderNo: this.orderno,
        companyId: id,
        userId: this.userId,
        agreementId: this.totalCompanyList[num].agreementId,
        isTaxSource: isTaxSource == 1 ? isTaxSource : null,
        kinds: this.totalCompanyList[num].kindList || [],
        risks: this.riskList || [],
        productId: this.productId
      };
      if (namesimple == "中国人寿" && this.lastCompanyId) {
        params.discount = this.totalCompanyList[num].discount;
        params.lastCompanyId = this.lastCompanyId;
      }
      if (
        namesimple == "华农财险" &&
        this.huanongaccidentalDrivingVo.quantity
      ) {
        params.accidentalDrivingVo.quantity = this.accidentFormHN.quantity;
        // params.accidentalDrivingVo.allQuantity = this.accidentFormHN.allQuantity;
      }
      this.$api.letter[api] (params).then((res) => {
        this.totalCompanyList[num].msg = res.msg;
        switch (namesimple) {
          case "安盛天平":
          case "诚泰财险":
          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
      );
    },
    //诚泰
    chengtai(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
      );
    },
    capTypedictTag(val, option) {
      if (option.find((item) => item.dictValue == val)) {
        return option.find((item) => item.dictValue == val).dictTag;
      } else {
        return "-";
      }
    },
    // 爬虫对接
    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;
          });
          if (
            (data.carinfo.carnature && data.carinfo.carnature == "02") ||
            data.carinfo.carnature == "非营业"
          ) {
            data.carinfo.vehicleUse = this.capTypedictTag(
              data.carinfo.vehicleUse,
              this.outOfBusinessVehicleUseoptions
            );
          } else {
            data.carinfo.vehicleUse = this.capTypedictTag(
              data.carinfo.vehicleUse,
              this.businessVehicleUseoptions
            );
          }
          data.carinfo.carnature = this.capTypedictTag(
            data.carinfo.carnature,
            this.natureOfVehicleUseoptions
          );
          data.carinfo.cartype = data.carinfo.cartype
            ? this.capTypedictTag(
              data.carinfo.cartype,
              this.trafficManagementVehicleTypeoptions
            )
            : "";
          data.carinfo.cimodelclass = data.carinfo.cimodelclass
            ? this.capTypedictTag(
              data.carinfo.cimodelclass,
              this.vehicleTypeoptions
            )
            : "";
          data.carinfo.energyType = data.carinfo.energyType
            ? this.capTypedictTag(
              data.carinfo.energyType,
              this.energyTypeoptions
            )
            : "";
          this.queryOrders = data;
          //赋值费用信息
          // this.feeDetailInfo=data.orderFeeResult;
        }
      });
      this.$refs.detailsDialog.setBackupVisible(true);
    },
    imageUpload() {
      this.imageUploaddialogVisible = true;
      // this.$refs.imageDialog.setBackupVisible(true);

    },
    tabLiScroll(id, idx) {
            this.tabLiIndex = idx;
            document.getElementById(id).scrollIntoView({ behavior: "smooth" });
        },
        //影像上传
        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,
                        });
                    }
                }
            });
        },
    imageEcho(quotenos) {
            //影像查询
            this.$api.letter.findByQuoteNo(quotenos).then((res) => {
                if (res.code == "200") {
                    this.imageList1 = [];
                    this.imageList2 = [];
                    this.imageList3 = [];
                    this.imageList4 = [];
                    this.imageList5 = [];
                    this.imageList6 = [];
                    this.imgList1 = [];
                    this.imgList2 = [];
                    this.imgList3 = [];
                    this.imgList4 = [];
                    this.imgList5 = [];
                    this.imgList6 = [];
                    this.imgList7 = [];
                    this.imgList8 = [];
                    this.imgList9 = [];
                    this.imgList10 = [];
                    this.imgList11 = [];
                    this.imgList12 = [];
                    this.imgList13 = [];
                    this.imgList14 = [];
                    this.imgList15 = [];
                    this.imgList16 = [];
                    this.imgList17 = [];
                    this.imgList18 = [];
                    this.imgList19 = [];
                    this.imgList20 = [];
                    this.imgList21 = [];
                    this.imgList22 = [];
                    this.imgList23 = [];
                    this.imgList24 = [];
                    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;
                                case "TAR05":
                                    this.imageList1.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList12.push(res.data[keys]);
                                    break;
                                case "C0500":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList13.push(res.data[keys]);
                                    break;
                                case "C0501":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList14.push(res.data[keys]);
                                    break;
                                case "C0502":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList15.push(res.data[keys]);
                                    break;
                                case "C0503":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList16.push(res.data[keys]);
                                    break;
                                case "C0504":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList17.push(res.data[keys]);
                                    break;
                                case "C0506":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList18.push(res.data[keys]);
                                    break;
                                case "C0507":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList19.push(res.data[keys]);
                                    break;
                                case "C0505":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList20.push(res.data[keys]);
                                    break;
                                case "C0508":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList21.push(res.data[keys]);
                                    break;
                                case "C0509":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList22.push(res.data[keys]);
                                    break;
                                case "C0510":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList23.push(res.data[keys]);
                                    break;
                                case "LAST_INSURANCE_POLICY":
                                    this.imageList6.push({
                                        imageId: res.data[keys].imageId,
                                        imageType: res.data[keys].imageType,
                                    });
                                    this.imgList24.push(res.data[keys]);
                                    break;
                                default:
                                    break;
                            }
                        }
                    });
                } else {
                    this.$message({ message: res.msg, type: "info" });
                }
            });
        },
    policyUpload() {

      this.policyNumberForm.jqPolicyList = !this.policyNumberForm.jqPolicyList
        ? []
        : this.policyNumberForm.jqPolicyList;
      this.policyNumberForm.jqSignList = !this.policyNumberForm.jqSignList
        ? []
        : this.policyNumberForm.jqSignList;
      this.policyNumberForm.syPolicyList = !this.policyNumberForm.syPolicyList
        ? []
        : this.policyNumberForm.syPolicyList;
      this.policyNumberForm.noPolicyList = !this.policyNumberForm.noPolicyList
        ? []
        : this.policyNumberForm.noPolicyList;
      this.policyUploaddialogVisible = 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();
        }
      });
    },

    hbsubmitdialog(data, index) {
      this.typeDialogIndex = index     // 当前的公司index
      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 "华泰财险":
                let HtApiImage = "";
                HtApiImage =
                  this.apiType == 2
                    ? "pythonsubmitImage"
                    : "insHuataisubmitImage";
                await this.$api.letter[HtApiImage]({
                  [this.apiType == 2 ? "subOrderNo" : "companyId"]:
                    this.companyId,
                }).then((res) => {
                  if (res.code == "200") {
                    var _this = this;
                    let HtApiaudit = "";
                    HtApiaudit =
                      this.apiType == 2 ? "pythonaudit" : "huataiaudit";
                    let engageList = [];
                    this.zijinengageList.forEach((val) => {
                      engageList.push({
                        engageCode: val.clauseCode,
                        engageDetail: val.clauses,
                        engageTitle: val.clauseName,
                        riskCode: val.riskCode,
                      });
                    });
                    _this.$api.letter[HtApiaudit]({
                      [this.apiType == 2 ? "subOrderNo" : "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 "中国人寿":
              case "诚泰财险":
              case "泰康财险":
                let hengbangapi = "";
                hengbangapi =
                  this.apiType == 2
                    ? "pythonsubmitImage"
                    : "anshengsubmitImage";
                console.log(hengbangapi, "hengbangapi");
                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";
                    console.log(hengbangapi1, "hengbangapi1");
                    _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 "大家财险":
                let DJApiImage = "";
                DJApiImage =
                  this.apiType == 2 ? "pythonsubmitImage" : "dajiasubmitImage";
                await this.$api.letter[DJApiImage]({
                  [this.apiType == 2 ? "subOrderNo" : "companyId"]:
                    this.companyId,
                }).then((res) => {
                  if (res.code == "200") {
                    var _this = this;
                    let DJApiaudit = "";
                    DJApiaudit =
                      this.apiType == 2 ? "pythonaudit" : "dajiaaudit";
                    _this.$api.letter[DJApiaudit]({
                      [this.apiType == 2 ? "subOrderNo" : "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
                  .pingansubmitImage({
                    companyId: this.companyId,
                  })
                  .then((res) => {
                    if (res.code == "200") {
                      var _this = this;
                      _this.$api.letter
                        .pinganaudit({
                          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;
            }
          }
        });
    },
    //当前日期的次日
    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;
    },
    isDateBeforeToday(date) {
				const inputDate = new Date(date); // 将输入的日期转换为 Date 对象
				const today = new Date(); // 获取当前日期
				// 比较日期是否小于当前日期
				if (inputDate < today) {
					return true; // 输入日期小于当前日期
				} else {
					return false; // 输入日期大于等于当前日期
				}
			},
    //时间转换
    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 = [];
          }
          this.policyHolderInfo = {}
      }
      this.$forceUpdate()
    },
    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 = [];
          }
      }
      this.$forceUpdate()
    },
    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 = [];
          }
      }
      this.$forceUpdate()
    },
    // 查询车牌信息
    toCheckLicenseNo(licenseNo) {
      if (licenseNo) {
        this.$api.letter.licenseSearch({
          licenseNo: licenseNo
        }).then((res) => {
          if (res.code == 200) {{
            this.carInfo.engineNo = res.data.engineNo
            this.carInfo.vinNo = res.data.vinNo
            this.carInfo.registerDate = res.data.registerDate
            this.$forceUpdate()
          }}
        })
      }
    },
    //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|,]+/gi, ""),
        };
        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.energyType = row.energyTypes;
      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,
            });
          }
        }
      });
    },
    policydrivingupload(file, val) {
      // this.policyNumberForm[val + 'List'] = []
      switch (val) {
        case "jqPolicy":
          this.policyNumberForm.jqPolicyList = [];
          break;
        case "syPolicy":
          this.policyNumberForm.syPolicyList = [];
          break;
        case "noPolicy":
          this.policyNumberForm.noPolicyList = [];
          break;
        case "jqSign":
          this.policyNumberForm.jqSignList = [];
          break;
        default:
          break;
      }
      var file = file.raw;
      const params = new FormData(); // 声明formData数据类型
      params.append("multipartFile", file);
      params.append("type", "file");
      this.$api.letter.uploadFile(params).then((res) => {
        if (res.code == "200") {
          res.data.name = res.data.fileName;
          this.policyNumberForm[val + "List"].push(res.data);
        }
      });
    },
    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() {
      if (!this.CarFrontFile || !this.CarBackFile) {
        this.$message.warning('请上传行驶证主页和副页')
        return
      }
      //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;
        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.carnature = carInfo.useNature; //使用性质
        this.carform.vehicleUse = carInfo.vehicleUse; //车辆用途
        this.carform.plateType = carInfo.plateType; //车辆种类
        this.carform.approvedPassengersCapacity =
          carInfo.approvedPassengersCapacity; //核定载客数
      });
    },
    CarOCRconfirm() {
      //传参 carnature
      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.carnature = this.carform.carnature
        ? this.carform.carnature
        : "02"; //使用性质
      this.carInfo.vehicleUse = this.carform.vehicleUse
        ? this.carform.vehicleUse
        : "05"; //车辆用途
      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; //车牌号
      }

      if (this.carform.registerDate.length < 10) {
        this.$message.warning('检查注册日期')
        return
      }
      if (this.carform.issueDate.length < 10) {
        this.$message.warning('检查发证日期')
        return
      }
      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:
          // if (!this.C02File || !this.D02File) {
          //   this.$message.warning('请上传照片')
          //   return
          // }
          const params1 = new FormData(); // 声明formData数据类型
          params1.append("image1", this.C02File);
          params1.append("image2", this.D02File);
          this.userOCRjoggle(params1);
          break;
        case 3:
          // if (!this.C03File || !this.D03File) {
          //   this.$message.warning('请上传照片')
          //   return
          // }
          const params2 = new FormData(); // 声明formData数据类型
          params2.append("image1", this.C03File);
          params2.append("image2", this.D03File);
          this.userOCRjoggle(params2);
          break;
        case 4:
          // if (!this.C04File || !this.D04File) {
          //   this.$message.warning('请上传照片')
          //   return
          // }
          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(id) {
      let params = {
        companyId: id,
      };
      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;
          this.$api.letter.getThemeByUserId(this.userId).then((res) => {
            if (res.code == 200) {
              if (res.data[0] == "GD") {
                this.$refs.quotationDialogPro.setBackupVisible(true);
              } else {
                this.$refs.quotationDialog.setBackupVisible(true);
              }
            }
          });
          // 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;//投保人手机号
          let qrCodeUrl = res.data.qrCodeUrl;
          this.$api.letter.getThemeByUserId(this.userId).then((res) => {
            if (res.code == 200) {
              if (res.data[0] == "GD") {
                this.codedialogVisiblePro = true;
                this.qrcodeWidth = "154";
                this.qrcodeHeight = "154";
              } else {
                this.codedialogVisible = true;
              }
              this.$nextTick(function () {
                var _that = this;
                switch (_that.inscompany) {
                  case "太平财险":
                    let anresult = qrCodeUrl.replace(/[\r\n]/g, "");
                    let animgBase64 = `data:image/png;base64,${anresult}`;
                    base64ToPath(animgBase64).then((path) => {
                      this.paycodeimg = path;
                    });
                    break;
                  case "华泰财险":
                    switch (item.apiType) {
                      case 1:
                        this.creatQrCode(qrCodeUrl);
                        break;
                      case 2:
                        let anresult = qrCodeUrl.replace(/[\r\n]/g, "");
                        let animgBase64 = `data:image/png;base64,${anresult}`;
                        base64ToPath(animgBase64).then((path) => {
                          this.paycodeimg = path;
                        });
                        break;
                    }
                    break;
                  case "大家财险":
                    switch (item.apiType) {
                      case 1:
                        this.creatQrCode(qrCodeUrl);
                        break;
                      case 2:
                        let anresult = qrCodeUrl.replace(/[\r\n]/g, "");
                        let animgBase64 = `data:image/png;base64,${anresult}`;
                        base64ToPath(animgBase64).then((path) => {
                          this.paycodeimg = path;
                        });
                        break;
                    }
                    break;
                  default:
                    this.creatQrCode(qrCodeUrl);
                }
              });
            }
          });
        } else {
          this.$message({ message: res.msg, type: "warning" });
        }
      });
    },
    //同步
    synchronization() {
      this.systartDate = this.jqstartDate;
      this.syendDate = this.jqendDate;
    },
    add() {
      // this.obtainProtocol();
      if (this.isLetter == "1") {
        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.totalCompanyList = []
      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.$refs.imageDialog.emptyList()
        this.imageList1 = [];
        this.imageList2 = [];
        this.imageList3 = [];
        this.imageList4 = [];
        this.imageList5 = [];
        this.imageList6 = [];
        this.imgList1 = [];
        this.imgList2 = [];
        this.imgList3 = [];
        this.imgList4 = [];
        this.imgList5 = [];
        this.imgList6 = [];
        this.imgList7 = [];
        this.imgList8 = [];
        this.imgList9 = [];
        this.imgList10 = [];
        this.imgList11 = [];
        this.imgList12 = [];
        this.imgList13 = [];
        this.imgList14 = [];
        this.imgList15 = [];
        this.imgList16 = [];
        this.imgList17 = [];
        this.imgList18 = [];
        this.imgList19 = [];
        this.imgList20 = [];
        this.imgList21 = [];
        this.imgList22 = [];
        this.imgList23 = [];
        this.imgList24 = [];
      // 清空保险公司选中的意外险
      this.zijintemplateSelection = "";
      this.zhongantemplateSelection = "";
      this.hengbangtemplateSelection = "";
      this.taipingtemplateSelection = "";
      this.insuranceHN = "";
      this.renshoutemplateSelection = "";
      this.dajiatemplateSelection = "";
      this.accidentForm = {
        fen: "1",
        premium: 0,
      };
      this.accidentFormHN = {
        allQuantity: "1",
        quantity: "1",
      };
      this.productId = ''
      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);
      this.policyNumberForm = {
        jqpolicyno: "",
        sypolicyno: "",
        jypolicyno: "",
        jqpremium: "",
        sypremium: "",
        jypremium: "",
        taxamount: "",
        commissionFeevalue: "",
        otherFeevalue: "",
        jqSuperviseCostsProportion: "",
        sySuperviseCostsProportion: "",
        noSuperviseCostsProportion: "",
        jqOtherCostsProportion: "",
        syOtherCostsProportion: "",
        noOtherCostsProportion: "",
        jqReceivableProportion: "",
        syReceivableProportion: "",
        noReceivableProportion: "",
        jqPolicyList: [],
        syPolicyList: [],
        jqSignList: [],
        noPolicyList: [],
        noCostsProportion: '',
        jqCostsProportion: '',
        syCostsProportion: '',
      };
    },
    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>
.el-row{
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
// .marginL {
//   margin-left: 10px;
// }

.el-notification {
  width: 600px;
}

.styleB .el-upload--picture-card {
  // display: none;
  opacity: 0;
}

.ORcodebody {
  height: auto;
  background-color: #fff;
  //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;
  }
}
.border-red {
  border: 1px solid #ff0606;
}

.border-blue {
  border: 1px solid #0634ff;
}
.hovers {
  margin: 20px 0;
  cursor: pointer;
  padding: 10px 0;
  box-sizing: border-box;
  box-shadow: 0 2px 8px 0 rgba(231, 163, 36, 0.205);
  border-radius: 8px;

  .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: rgba(0, 89, 255, 0.1);
}

.position-left {
  width: calc(100% - 220px);
}

.position-collapse-left {
  width: calc(100% - 80px);
}

.footer {
  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.1s, 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);
}
.Enclosure:hover {
  box-shadow: 0 0 10px 0 #d42427;
}

.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: #333;
  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: 30px;

    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;
    }

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

.jyxStyle>span {
  display: inline-block;
  text-align: center;
}

.tab-style {
  width: 120px;

  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-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;
    }
  }

  .line_style {
    margin-top: 20px;
  }

  .el-input-group__append {
    vertical-align: baseline;
  }
  .pinganTable .el-table__header-wrapper .el-checkbox {
    display: none;
  }
}

</style>

<style lang="scss" scoped>
  .company-checked {
    background: rgba(45,77,137,0.15);
    padding: 12px 20px;
    box-sizing: border-box;
    margin-top: 10px;
    font-size: 13px;
    color: #333;
    line-height: 24px;
    overflow-x: auto;

    .width1280 {
      min-width: 1280px;
    }
    .bg-white {
      background: #FFF;
      padding: 10px 12px;
      border-radius: 4px;
      width: 100%;
    }
    .flex-1 {
      flex: 1;
    }
    .w-60 {
      box-sizing: border-box;
      width: 60px;
      text-align: center;
      border-left: 1px solid #FCE5BD;
    }
    .w-50 {
      box-sizing: border-box;
      width: 60px;
      text-align: center;
      border-left: 1px solid #FCE5BD;
    }
    .card-bg {
      background: #FFF;
      padding: 10px;
      display: flex;
    }
    .card-xianzhong {
      border: 1px solid #2AB79E;
      flex: 1;
      background: rgba(42, 183, 158, 0.15);
      border-radius: 0;
      text-align: center;
      color: #2AB79E;
      // border: 10px solid #FFF;
      font-size: 15px;
      padding: 0 18px;
      display: flex;
      flex-direction: column;
      justify-content: center;

      .card-btn {
        margin-top: 20px;
        border-radius: 2px;
        border: 1px solid #2AB79E;
        background: #FFF;
        padding: 4px 8px;
        font-size: 16px;
        font-weight: 600;
      }
    }
    .card-table {
      display: flex;
      margin-top: 12px;
      .table-title {
        color: #333;
        width: 58px;
        font-size: 14px;
      }
      .table-list {
        flex: 1;
        .table-list-title {
          background: #FDEDC2;
          border: 1px solid #FCE5BD;
          color: #333;
          line-height: 28px;
          padding-left: 12px;
          display: flex;
        }
        .table-list-content {
          line-height: 28px;
          padding-left: 12px;
          display: flex;
          align-items: center;
          border: 1px solid #FDEDC2;
          border-top: none;
          background: #FFF;

          img {
            width: 14px;
            height: 14px;
            transform: translateY(2px);
          }
          span {
            margin-left: 8px;
            font-size: 14px;
          }
        }
      }

    }

    .card-mingxi {
      border: 1px solid #FD9A25;
      flex: 1;
      background: rgba(253, 154, 37, 0.15);
      padding: 8px 12px;
      font-size: 13px;

      .card-mingxi-title {
        color: #FD9A25;
        font-size: 15px;

        span {
          color: #FFF;
          background: linear-gradient( 90deg, #FF981F 0%, #FF5C00 100%);
          padding: 4px 8px;
          border-radius: 2px;
        }
      }
    }
    .fuwu {
      background: #E9F1FF;
      border: 1px solid #315BA9;
      .card-mingxi-title {
        color: #315BA9;
      }
      .table-list-title {
        background: #C1DAFF !important;
        border: 1px solid #C1DAFF !important;
      }
      .table-list-content {
        border-color: #C1DAFF !important;
      }
      .w-50 {
        border-color: #afccfa !important;
      }
      .flex-1 {
        border-right: 1px solid #afccfa;
      }
      .w-55 {
        border-left: none !important;
      }
    }
    .baoxian {
      padding: 10px;
      border: 1px solid rgba(45,77,137,0.5);
      // background: #F2F4F8;
      background: #f3f3f3;
      display: flex;
      flex-direction: column;

      .card-mingxi-title {
        color: #333;
        display: flex;
      }
      .table-list-title {
        background: #DCDCE8 !important;
      }
      .table-list-title, .table-list-content {
        padding-left: 0 !important;
        text-align: center;
        border-color: #DCDCE8 !important;
      }
      .table-list-title {
        padding-left: 0 !important;
        text-align: center;
        border: 1px solid #DCDCE8 !important;
      }
      .flex-1 {
        border-left: 1px solid #DCDCE8;
      }
      .w-40 {
        box-sizing: border-box;
        width: 50px;
        text-align: center;
      }
    }

    .youhui {
      background: #FEEEEC;
      border: 1px solid #ED5626;
      .card-mingxi-title {
        color: #ED5626;
      }
      .table-list-title {
        background: #FFD2C8 !important;
        border: 1px solid #FFD2C8 !important;
      }
      .table-list-content {
        border-color: #FFD2C8 !important;
        padding-left: 0 !important;
      }
      .table-list-line {
        border-bottom: 1px solid #FFD2C8;
        border-right: 1px solid #FFD2C8;
        padding-left: 6px;
      }
      .table-list-line-last {
        border-bottom: none !important;
      }
      .w-60 {
        width: 70px !important;
        border-color: #fabdae !important;
      }
      .w-66 {
        border-left: none !important;
      }
    }

    .el-popover {
      margin-right: 20px;
      padding: 0 !important;
    }
    .gray-style {
      border: 1px solid #333333;
      border-radius: 2px;
      color: #333;
      text-align: center;
      line-height: 24px;
      box-sizing: border-box;
      padding: 4px 8px;
      margin-right: 10px;
      opacity: .65;
      // transition: all ease .3s;

      img {
        margin-bottom: -4px;
      }

      &:hover {
        opacity: 1;
      }
    }
    .blue-style {
      // background: #2D4D89;
      background: linear-gradient( 270deg, #0052FF 0%, #6899FF 100%);
      // border: 1px solid #2D4D89;
      border: none;
      color: #FFF;
      border-radius: 2px;
      padding: 4px 8px;
      text-align: center;
      line-height: 24px;
      box-sizing: border-box;
      opacity: 1;
      position: relative;

      // ::after {
      //   content: '✔';
      //   color: red;
      //   position: absolute;
      //   bottom: 0;
      //   right: 0;
      //   width: 4px;
      //   height: 4px;
      // }
    }
    .blue-text {
      color: #2D4D89;
    }
    .left-title {
      font-size: 14px;
      margin-bottom: 12px;
    }
    .blue-button {
      background: #2D4D89;
      color: #FFF;
      padding: 4px 8px;
      line-height: 24px;
      border: 1px solid #2D4D89;
      border-radius: 2px;
    }
    .company-checked-card {
      background: #FFF;
      padding: 12px;
      margin-top: 12px;
      > div {
        display: flex;
        margin: 10px;
      }
      .checked-card-title {
        width: 60px;
      }
      span {
        margin-right: 20px;
      }
    }
    .company-checked-right {
      padding: 0 12px;
      color: #333;
      line-height: 22px;
      font-size: 14px;
      position: relative;
      .btn-list {
        display: flex;
        justify-content: right;
        align-items: center;
        span {
          margin: 0 10px;
          color: #2D4D89;
          font-size: 12px;
        }
      }
    }
  }

.typedialog-style {
  .typedialog-title {
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    margin: 10px 0;
    color: #000;
  }
  >>> .table-header {
    background: #F7F7F9;
    color: #333333;
  }

  .el-checkbox-group {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
  }
  .more-data-left {
    border: 1px solid #F5F5F8;
    line-height: 48px;
    padding: 0 20px;
    border-top: none;
    position: relative;

    .zhuxian {
      position: absolute;
      top: 0;
      right: 0;
      padding: 4px 12px;
      color: #FFF;
      background: #ED9E23;
      font-size: 13px;
      line-height: 12px;
    }
  }

  .more-data-right {
    border: 1px solid #F5F5F8;
    line-height: 48px;
    padding: 0 20px;
    border-top: none;
    border-left: none;
  }
  >>> .is-checked, >>> .is-indeterminate{
    .el-checkbox__inner {
      background: #2D4D89 !important;
      border-color: #2D4D89 !important;
    }
    .el-checkbox__label {
      color: #2D4D89;
    }
  }
  .opacity1 {
    opacity: 1;
  }
  .opacity0 {
    opacity: .65;
  }

  .jiayi-style {
    font-size: 13px;
    text-align: center;
    .el-col {
      border: 1px solid #2D4D89;
      margin: 0 1px;
      background: rgba(45, 77, 137, 0.05);
    }
    .jiayi-style-title {
      background: #2D4D89;
      color: #FFF;
      line-height: 40px;
    }
    .jiayi-style-line {
      color: #333;
      padding: 16px 20px;
    }
  }
}
.typedialog-style1 {
  background: rgba(42,183,158,0.15);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.typedialog-style2 {
  background: rgba(253,154,37,0.15);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}
.typedialog-style3 {
  background: #E9F1FF;
  padding: 20px;
  border-radius: 10px;
}

  .addyiwai {
    >>> .el-input-group__append, >>> .el-input-group__prepend {
      padding: 0 10px;
    }
    >>> .el-dialog__body {
      padding: 24px;
      background: #F2F2F2;
    }
    .addyiwai-title {
      color: #262626;
      font-size: 16px;
      line-height: 24px;
      margin-right: 10px;
    }
    .addyiwai-title-btn {
      background: #EAEDF1;
      box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.02);
      border-radius: 2px 2px 2px 2px;
      border: 1px solid #D9D9D9;
      font-size: 14px;
      color: #2D4D89;
      padding: 4px 10px;
      cursor: pointer;
    }
    .el-select {
      width: 200px;
    }
  }
  .teYuedialog-style {
    >>> .el-dialog__body {
      padding: 10px 20px;
    }
    >>> .el-input__inner:focus {
      border-color: #F96646;
    }
    >>> .el-input-group__append, .el-input-group__prepend, >>> .el-button--primary, .el-button--primary:focus {
      border-color: #F96646;
      background: linear-gradient( 90deg, #F6734A 0%, #F14B3A 100%);
      color: #FFF;
    }

    >>> .is-checked, >>> .is-indeterminate{
      .el-checkbox__inner {
        background: #F96646 !important;
        border-color: #F96646 !important;
      }
      .el-checkbox__label {
        color: #F96646;
      }
    }
    >>> .table-header {
      background: #F7F7F9;
      color: #333333;
    }
    .table-title {
      font-size: 12px;
      color: #333;
      line-height: 20px;
      padding: 2px 20px;
    }
    .dialog-footer {
      display: flex;
      align-items: center;
      > span {
        color: #333;
        font-size: 13px;
      }
    }
  }
  .red-btn {
    >>> .el-input-group__append {
      border-color: #D42426;
      background: #D42426;
    }
    >>> .el-input__prefix {
      color: #D42426;
    }
    .insure-long-term {
      position: relative;
      top: 1px;
    }
    >>> .input {
      border-radius: 4px 0 0 4px;
    }
  }

  .synchronous {
    width: 75px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    position: relative;
    img {
      position: absolute;
      top: 0;
      left: 0;
      width: 75px;
      height: 45px;
      z-index: 0;
    }
    > div {
      width: 75px;
      height: 45px;
      line-height: 45px;
      color: #fff;
      cursor: pointer;
      position: relative;
      text-align: center;
      font-size: 14px;
    }
  }
  .bxgs-list {
    position: relative;

    .baofeijisuan {
      position: absolute;
      right: 8.333%;
      top: 0;
      background: linear-gradient( 270deg, #0052FF 0%, #6899FF 100%);
      border-radius: 4px;
      // border: 1px solid rgb(26, 77, 219);
      // color: rgb(26, 77, 219);
      color: #FFF;
      font-size: 14px;
      line-height: 20px;
      padding: 4px 8px;
      font-weight: 700;
    }
}
.coefficient {
  width: 100px;
  >>> .el-input__inner {
    border: none;
  }
}
.loader {
  /* Wave text loader made by: csozi | Website: english.csozi.hu*/
  height: 30px;
  .text {
    margin: 0;
    line-height: 24px;
    color: red;
    font-weight: bolder;
    background: -webkit-linear-gradient(45deg, orange, orangered); /* Chrome, Safari */
    background: linear-gradient(45deg, orange, orangered); /* Standard syntax */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* Standard syntax (currently not supported by browsers) */
    font-family: "'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif'";
  }

  @keyframes letter {
    0% {
      font-size: 14px;
    }

    50% {
      font-size: 15px;
    }

    100% {
      font-size: 14px;
    }
  }

  .letter {
    animation: letter 1s infinite;
  }

  .letter1 {
    animation-delay: 0s;
  }

  .letter2 {
    animation-delay: -0.9s;
  }

  .letter3 {
    animation-delay: -0.8s;
  }

  .letter4 {
    animation-delay: -0.7s;
  }

  .letter5 {
    animation-delay: -0.6s;
  }

  .letter6 {
    animation-delay: -0.5s;
  }

  .letter7 {
    animation-delay: -0.4s;
  }

  .letter8 {
    animation-delay: -0.3s;
  }

  .letter9 {
    animation-delay: -0.2s;
  }

  .letter10 {
    animation-delay: -0.1s;
  }
}

.xianbie {
  // border: 5px dashed #D42426;
  background: #d4242734;
  .home {
    border-bottom: none !important;
  }
}

.mini-input {
  >>> .el-input__inner {
    padding: 0 4px !important;
    text-align: center;
  }
}
</style>