tenant-Platform/src/views/additionalOrder/additional/index.vue

<template>
  <div class="addtional">
    <el-descriptions title="补录订单业务员信息" class="white-p24 border-6">
      <el-descriptions-item>
        <template #default>
          <el-form :model="form">
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item label="业务员：">
                  <el-input v-model="form.name" placeholder="输入业务员工姓名，手机号，工号查找" @click="handleFocus"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="工号类型：">
<!--                  <el-select v-model="form.type">
                    <el-option label="业务员" value="A"></el-option>
                    <el-option label="代理人" value="B"></el-option>
                  </el-select>-->
                  <el-input v-model="form.type" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="归属：">
                  <el-cascader
                    clearable
                    style="width: 100%"
                    v-model="form.deptId"
                    :options="institutionList"
                    :props="tableProps"
                  ></el-cascader>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </template>
      </el-descriptions-item>
    </el-descriptions>
    <div class="tap">
      <a class="anchor-item" :class="{'active': tapIndex===index}" v-for="(item, index) in taps" :href="`#${item.href}`" @click.prevent="handleTap(item, index)">
        <img :src="tapIndex===index?item.active:item.img"/>
        {{ item.text }}
      </a>
    </div>
    <el-collapse v-model="activeName" class="content-box">
      <div id="car">
        <el-collapse-item name="car">
          <template #title>
            <span class="title">
              车辆信息
              <span class="switch" @click.stop="handleSwitch('car')">
                <span :class="{'write':carSwitch,'identify':!carSwitch}">证件识别</span>
                <span :class="{'identify':carSwitch,'write':!carSwitch}">手动填写</span>
              </span>
            </span>
          </template>
          <el-form ref="carFormRefs" v-if="carSwitch" :model="carForm" :rules="carRules">
            <el-row :gutter="24">
              <el-col :span="5">
                <el-form-item label="行驶证主页" class="white-m-p24">
                  <el-upload v-if="!xszFront" :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'xszf')">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传图识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'xszf')">
                    <div class="upload-box">
                      <img class="upload-image" :src="xszFront"/>
                    </div>
                  </el-upload>
                </el-form-item>
                <el-form-item label="行驶证副页" class="white-m-p24">
                  <el-upload v-if="!xszBack" :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'xszb')">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传图识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'xszb')">
                    <div class="upload-box">
                      <img class="upload-image" :src="xszBack"/>
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-divider direction="vertical"></el-divider>
              <el-col :span="18">
                <el-row :gutter="20">
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车牌" prop="licenseNo">
                      <el-input v-model="carForm.licenseNo" placeholder="输入车牌号"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车牌识别代码" prop="vinNo">
                      <el-input v-model="carForm.vinNo" placeholder="请输入车辆识别代码">
                        <template #append>
                          <el-button icon="Search" @click="handleCarType(1)" />
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="品牌型号" prop="brandName">
                      <el-input v-model="carForm.brandName" placeholder="请输入品牌型号">
                        <template #append>
                          <el-button icon="Search" @click="handleCarType(2)" />
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>

                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="发动机" prop="engineNo">
                      <el-input v-model="carForm.engineNo" placeholder="请输入发动机号"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="年款" prop="carYear">
                      <el-input v-model="carForm.carYear" placeholder="请输入年款"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="座位数" prop="seatCount">
                      <el-input v-model="carForm.seatCount" placeholder="请输入座位数">
                        <template #append>
                          <span>座</span>
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>

                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="整备质量" prop="completeKerbMass">
                      <el-input v-model="carForm.completeKerbMass" placeholder="输入整备质量">
                        <template #append>
                          <span>千克（KG）</span>
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="核定载质量" prop="limitLoad">
                      <el-input v-model="carForm.limitLoad" placeholder="请输入核定载质量">
                        <template #append>
                          <span>千克（KG）</span>
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="排量" prop="displacement">
                      <el-input v-model="carForm.displacement" placeholder="请输入排量">
                        <template #append>
                          <span>升（L）</span>
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>

                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="功率" prop="powerScale">
                      <el-input v-model="carForm.powerScale" placeholder="输入功率">
                        <template #append>
                          <span>千瓦（KW）</span>
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="新车购置价" prop="purchasePrice">
                      <el-input v-model="carForm.purchasePrice" placeholder="请输入新车购置价">
                        <template #append>
                          <span>元</span>
                        </template>
                      </el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="使用性质" prop="carNatureCode">
                      <el-select v-model="carForm.carNatureCode" placeholder="请选择">
                        <el-option v-for="(item, index) in optionObj.car_nature_code" :label="item.label" :value="item.value" :key="item.value"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>

                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车辆用途" prop="vehicleUseCode">
                      <el-select v-model="carForm.vehicleUseCode" placeholder="请选择">
                        <el-option v-for="(item, index) in optionObj.vehicle_use_code" :label="item.label" :value="item.value" :key="item.value"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车辆类型" prop="carTypeCode">
                      <el-select v-model="carForm.carTypeCode" placeholder="请选择">
                        <el-option v-for="(item, index) in optionObj.car_type_code" :label="item.label" :value="item.value" :key="item.value"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="能源种类" prop="energyTypeCode">
                      <el-select v-model="carForm.energyTypeCode" placeholder="请选择">
                        <el-option v-for="(item, index) in optionObj.energy_type_code" :label="item.label" :value="item.value" :key="item.value"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>

<!--                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="所属性质" prop="propertyCode">
                      <el-select v-model="carForm.propertyCode" placeholder="请选择">
                        <el-option label="性质1" value="1" key="1"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>-->
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="registerDate" label="注册日期">
                      <el-date-picker
                        v-model="carForm.registerDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="issueDate" label="发证日期">
                      <el-date-picker
                        v-model="carForm.issueDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>
          </el-form>
          <el-form ref="writeCarFormRefs" v-else :model="writeCarForm" :rules="writeCarRules">
            <el-row :gutter="20">
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="车辆是否上牌？" prop="isRegistered">
                  <el-radio-group v-model="writeCarForm.isRegistered">
                    <el-radio value="1">是</el-radio>
                    <el-radio value="2">否</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item :disabled="writeCarForm.isRegistered==1" label="车牌" prop="licenseNo">
                  <el-input v-model="writeCarForm.licenseNo" minlength="7" maxlength="8" placeholder="输入车牌号"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="车牌识别代码" prop="vinNo">
                  <el-input v-model="writeCarForm.vinNo" placeholder="请输入车辆识别代码">
                    <template #append>
                      <el-button icon="Search" @click="handleCarNumber" />
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="品牌型号" prop="brandName">
                  <el-input v-model="writeCarForm.brandName" placeholder="请输入品牌型号">
                    <template #append>
                      <el-button icon="Search" @click="handleCarCode" />
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="发动机号" prop="engineNo">
                  <el-input v-model="writeCarForm.engineNo" placeholder="请输入发动机号"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="年款" prop="carYear">
                  <el-input v-model="writeCarForm.carYear" placeholder="请输入年款"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="座位数" prop="seatCount">
                  <el-input v-model="writeCarForm.seatCount" placeholder="请输入座位数">
                    <template #append>
                      <span>座</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="整备质量" prop="completeKerbMass">
                  <el-input v-model="writeCarForm.completeKerbMass" placeholder="输入整备质量">
                    <template #append>
                      <span>千克（KG）</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="核定载质量" prop="limitLoad">
                  <el-input v-model="writeCarForm.limitLoad" placeholder="请输入核定载质量">
                    <template #append>
                      <span>千克（KG）</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="排量" prop="displacement">
                  <el-input v-model="writeCarForm.displacement" placeholder="请输入排量">
                    <template #append>
                      <span>升（L）</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="功率" prop="powerScale">
                  <el-input v-model="writeCarForm.powerScale" placeholder="输入功率">
                    <template #append>
                      <span>千瓦（KW）</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="新车购置价" prop="purchasePrice">
                  <el-input v-model="writeCarForm.purchasePrice" placeholder="请输入新车购置价">
                    <template #append>
                      <span>元</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="使用性质" prop="carNatureCode">
                  <el-select v-model="writeCarForm.carNatureCode" placeholder="请选择">
                    <el-option v-for="(item, index) in optionObj.car_nature_code" :label="item.lable" :value="item.value" :key="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="车辆用途" prop="vehicleUseCode">
                  <el-select v-model="writeCarForm.vehicleUseCode" placeholder="请选择">
                    <el-option v-for="(item, index) in optionObj.vehicle_use_code" :label="item.label" :value="item.value" :key="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="车辆类型" prop="carTypeCode">
                  <el-select v-model="writeCarForm.carTypeCode" placeholder="请选择">
                    <el-option v-for="(item, index) in optionObj.car_type_code" :label="item.label" :value="item.value" :key="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="能源种类" prop="energyTypeCode">
                  <el-select v-model="writeCarForm.energyTypeCode" placeholder="请选择">
                    <el-option v-for="(item, index) in optionObj.energy_type_code" :label="item.label" :value="item.value" :key="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>

<!--              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="所属性质" prop="propertyCode">
                  <el-select v-model="writeCarForm.propertyCode" placeholder="请选择">
                    <el-option label="性质1" value="1" key="1"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>-->
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="注册日期" prop="registerDate">
                  <el-date-picker
                    v-model="writeCarForm.registerDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="发证日期" prop="issueDate">
                  <el-date-picker
                    v-model="writeCarForm.issueDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <template #icon="{ isActive }">
            <span class="icon">
              <span class="icon-ele">
                {{ isActive ? '收起' : '展开' }}
              </span>
            </span>
          </template>
        </el-collapse-item>
      </div>
      <div id="ower">
        <el-collapse-item name="ower">
          <template #title>
            <span class="title">
              车主信息
              <span class="switch" @click.stop="handleSwitch('ower')">
                <span :class="{'write':owerSwitch,'identify':!owerSwitch}">证件识别</span>
                <span :class="{'identify':owerSwitch,'write':!owerSwitch}">手动填写</span>
              </span>
            </span>
          </template>
          <el-form ref="owerFormRefs" v-if="owerSwitch" :model="owerForm" :rules="owerRules">
            <el-row :gutter="24">
              <el-col :span="5">
                <el-form-item label="身份证正面页" class="white-m-p24">
                  <el-upload v-if="!sfzFront" @change="uploadImage($event, 'sfzf')" :auto-upload="false" :show-file-list="false">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传人像面识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'sfzf')">
                    <div class="upload-box">
                      <img class="upload-image" :src="sfzFront"/>
                    </div>
                  </el-upload>
                </el-form-item>
                <el-form-item label="身份证背面页" class="white-m-p24">
                  <el-upload v-if="!sfzBack" @change="uploadImage($event, 'sfzb')" :auto-upload="false" :show-file-list="false">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传国徽面识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'sfzb')">
                    <div class="upload-box">
                      <img class="upload-image" :src="sfzBack"/>
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-divider direction="vertical"></el-divider>
              <el-col :span="18">
                <el-row :gutter="20">
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车主类型" prop="personType">
                      <el-select v-model="owerForm.personType" placeholder="请选择">
                        <el-option label="个人" value="1" key="1"></el-option>
                        <el-option label="法人" value="2" key="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车主姓名" prop="name">
                      <el-input v-model="owerForm.name" placeholder="输入车主姓名"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车主手机号" prop="mobile">
                      <el-input v-model="owerForm.mobile" placeholder="请输入车主手机号"></el-input>
                    </el-form-item>
                  </el-col>

                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="地址" prop="addr">
                      <el-input v-model="owerForm.addr" placeholder="请输入地址"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-if="owerForm.personType === '1'" class="col-m-b-6" :span="8">
                    <el-form-item label="证件号码" prop="identifyNumber">
                      <el-input v-model="owerForm.identifyNumber" placeholder="请输入证件号码" @change="getAgeByIdCard($event, owerForm)"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-else class="col-m-b-6" :span="8">
                    <el-form-item label="统一社会信用代码" prop="identifyNumber">
                      <el-input v-model="owerForm.identifyNumber" placeholder="请输入证件号码"></el-input>
                    </el-form-item>
                  </el-col>

                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="identifyValidDate" label="有效期起期">
                      <el-date-picker
                        v-model="owerForm.identifyValidDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="identifyValidEndDate" label="有效期止期">
                      <el-date-picker
                        v-model="owerForm.identifyValidEndDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="年龄" prop="age">
                      <el-input v-model.number="owerForm.age" placeholder="请输入年龄"></el-input>
                    </el-form-item>
                  </el-col>

                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="性别" prop="gender">
                      <el-select v-model="owerForm.gender" placeholder="请选择">
                        <el-option label="男" value="1" key="1"></el-option>
                        <el-option label="女" value="2" key="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="电子邮箱" prop="email">
                      <el-input v-model="owerForm.email" placeholder="请输入电子邮箱"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>
          </el-form>
          <el-form ref="writeOwerFormRefs" v-else :model="writeOwerForm" :rules="writeOwerRules">
            <el-row :gutter="20">
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="车主类型" prop="personType">
                  <el-select v-model="writeOwerForm.personType" placeholder="请选择">
                    <el-option label="个人" value="1" key="1"></el-option>
                    <el-option label="法人" value="2" key="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="车主姓名" prop="name">
                  <el-input v-model="writeOwerForm.name" placeholder="输入车主姓名"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="车主手机号" prop="mobile">
                  <el-input v-model="writeOwerForm.mobile" placeholder="请输入车主手机号">
                    <template #append>
                      <el-button icon="Search" />
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="地址" prop="addr">
                  <el-input v-model="writeOwerForm.addr" placeholder="请输入地址"></el-input>
                </el-form-item>
              </el-col>

              <el-col v-if="writeOwerForm.personType === '1'" class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="证件号码" prop="identifyNumber">
                  <el-input v-model="writeOwerForm.identifyNumber" placeholder="请输入证件号码" @change="getAgeByIdCard($event, writeOwerForm)"></el-input>
                </el-form-item>
              </el-col>
              <el-col v-else class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="统一社会信用代码" prop="identifyNumber">
                  <el-input v-model="owerForm.identifyNumber" placeholder="请输入证件号码"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item prop="identifyValidDate" label="有效期起期">
                  <el-date-picker
                    v-model="writeOwerForm.identifyValidDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item prop="identifyValidEndDate" label="有效期止期">
                  <el-date-picker
                    v-model="writeOwerForm.identifyValidEndDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="年龄" prop="age">
                  <el-input v-model.number="writeOwerForm.age" placeholder="请输入年龄"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="性别" prop="gender">
                  <el-select v-model="writeOwerForm.gender" placeholder="请选择">
                    <el-option label="男" value="1" key="1"></el-option>
                    <el-option label="女" value="2" key="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="电子邮箱" prop="email">
                  <el-input v-model="writeOwerForm.email" placeholder="请输入电子邮箱"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <template #icon="{ isActive }">
            <span class="icon">
              <span class="icon-ele">
                {{ isActive ? '收起' : '展开' }}
              </span>
            </span>
          </template>
        </el-collapse-item>
        <el-collapse-item name="ower1">
          <template #title>
            <span class="title">
              投保人信息
              <span class="ordinary" :class="{'active': item.checked}" v-for="(item, index) in btns.ower1" :key="item" @click.stop="handleChange(item, 'ower1')">
                {{ item.text }}
              </span>
              <span class="switch" v-if="!btns.ower1Show" @click.stop="handleSwitch('ower1')">
                <span :class="{'write':ower1Switch,'identify':!ower1Switch}">证件识别</span>
                <span :class="{'identify':ower1Switch,'write':!ower1Switch}">手动填写</span>
              </span>
            </span>
          </template>
          <el-form ref="ower1FormRefs" v-if="ower1Switch&&!btns.ower1Show" :model="ower1Form" :rules="ower1Rules">
            <el-row :gutter="24">
              <el-col :span="5">
                <el-form-item label="身份证正面页" class="white-m-p24">
                  <el-upload v-if="!sfz1Front" @change="uploadImage($event, 'sfzf1')" :auto-upload="false" :show-file-list="false">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传人像面识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'sfzf1')">
                    <div class="upload-box">
                      <img class="upload-image" :src="sfz1Front"/>
                    </div>
                  </el-upload>
                </el-form-item>
                <el-form-item label="身份证背面页" class="white-m-p24">
                  <el-upload v-if="!sfz1Back" @change="uploadImage($event, 'sfzb1')" :auto-upload="false" :show-file-list="false">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传国徽面识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'sfzb1')">
                    <div class="upload-box">
                      <img class="upload-image" :src="sfz1Back"/>
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-divider direction="vertical"></el-divider>
              <el-col :span="18">
                <el-row :gutter="20">
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="投保人类型" prop="personType">
                      <el-select v-model="ower1Form.personType" placeholder="请选择">
                        <el-option label="个人" value="1" key="1"></el-option>
                        <el-option label="法人" value="2" key="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="投保人姓名" prop="name">
                      <el-input v-model="ower1Form.name" placeholder="输入车主姓名"></el-input>
                    </el-form-item>
                  </el-col>
<!--                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="投保人类型" prop="b">
                      <el-select v-model="owerForm.b" placeholder="请选择">
                        <el-option label="类型1" value="1" key="1"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>-->
                  <el-col v-if="ower1Form.personType === '1'" class="col-m-b-6" :span="8">
                    <el-form-item label="证件号码" prop="identifyNumber">
                      <el-input v-model="ower1Form.identifyNumber" placeholder="请输入证件号码" @change="getAgeByIdCard($event, ower1Form)"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-else class="col-m-b-6" :span="8">
                    <el-form-item label="统一社会信用代码" prop="identifyNumber">
                      <el-input v-model="ower1Form.identifyNumber" placeholder="请输入证件号码"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="年龄" prop="age">
                      <el-input v-model.number="ower1Form.age" placeholder="请输入年龄"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="性别" prop="gender">
                      <el-select v-model="ower1Form.gender" placeholder="请选择">
                        <el-option label="男" value="1" key="1"></el-option>
                        <el-option label="女" value="2" key="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车主手机号" prop="mobile">
                      <el-input v-model="ower1Form.mobile" placeholder="请输入车主手机号"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="地址" prop="addr">
                      <el-input v-model="ower1Form.addr" placeholder="请输入地址"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="电子邮箱" prop="email">
                      <el-input v-model="ower1Form.email" placeholder="请输入电子邮箱"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="identifyValidDate" label="有效期起期">
                      <el-date-picker
                        v-model="ower1Form.identifyValidDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="identifyValidEndDate" label="有效期止期">
                      <el-date-picker
                        v-model="ower1Form.identifyValidEndDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>
          </el-form>
          <el-form ref="writeOwer1FormRefs" v-if="!ower1Switch&&!btns.ower1Show" :model="writeOwer1Form" :rules="writeOwer1Rules">
            <el-row :gutter="20">
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="车主类型" prop="personType">
                  <el-select v-model="writeOwer1Form.personType" placeholder="请选择">
                    <el-option label="个人" value="1" key="1"></el-option>
                    <el-option label="法人" value="2" key="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="投保人姓名" prop="name">
                  <el-input v-model="writeOwer1Form.name" placeholder="输入车主姓名"></el-input>
                </el-form-item>
              </el-col>
<!--              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="投保人类型" prop="b">
                  <el-select v-model="writeOwer1Form.b" placeholder="请选择">
                    <el-option label="类型1" value="1" key="1"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>-->
              <el-col v-if="writeOwer1Form.personType === '1'" class="col-m-b-6" :span="6">
                <el-form-item label="证件号码" prop="identifyNumber">
                  <el-input v-model="writeOwer1Form.identifyNumber" placeholder="请输入证件号码" @change="getAgeByIdCard($event, writeOwer1Form)"></el-input>
                </el-form-item>
              </el-col>
              <el-col v-else class="col-m-b-6" :span="6">
                <el-form-item label="统一社会信用代码" prop="identifyNumber">
                  <el-input v-model="writeOwer1Form.identifyNumber" placeholder="请输入证件号码"></el-input>
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="年龄" prop="age">
                  <el-input v-model.number="writeOwer1Form.age" placeholder="请输入年龄"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="性别" prop="gender">
                  <el-select v-model="writeOwer1Form.gender" placeholder="请选择">
                    <el-option label="男" value="1" key="1"></el-option>
                    <el-option label="女" value="2" key="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="车主手机号" prop="mobile">
                  <el-input v-model="writeOwer1Form.mobile" placeholder="请输入车主手机号"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="地址" prop="addr">
                  <el-input v-model="writeOwer1Form.addr" placeholder="请输入地址"></el-input>
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="电子邮箱" prop="email">
                  <el-input v-model="writeOwer1Form.email" placeholder="请输入电子邮箱"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" prop="identifyValidDate" label="有效期起期">
                  <el-date-picker
                    v-model="writeOwer1Form.identifyValidDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item prop="identifyValidEndDate" label="有效期止期">
                  <el-date-picker
                    v-model="writeOwer1Form.identifyValidEndDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <template #icon="{ isActive }">
            <span class="icon">
              <span class="icon-ele">
                {{ isActive ? '收起' : '展开' }}
              </span>
            </span>
          </template>
        </el-collapse-item>
        <el-collapse-item name="ower2">
          <template #title>
            <span class="title">
              被投保人信息
              <span class="ordinary" :class="{'active': item.checked}" v-for="(item, index) in btns.ower2" :key="item" @click.stop="handleChange(item, 'ower2')">{{ item.text }}</span>
              <span class="switch" v-if="!btns.ower2show" @click.stop="handleSwitch('ower2')">
                <span :class="{'write':ower2Switch,'identify':!ower2Switch}">证件识别</span>
                <span :class="{'identify':ower2Switch,'write':!ower2Switch}">手动填写</span>
              </span>
            </span>
          </template>
          <el-form ref="ower2FormRefs" v-if="ower2Switch&&!btns.ower2show" :model="ower2Form" :rules="ower2Rules">
            <el-row :gutter="24">
              <el-col :span="5">
                <el-form-item label="身份证正面页" class="white-m-p24">
                  <el-upload v-if="!sfz2Front" @change="uploadImage($event, 'sfzf2')" :auto-upload="false" :show-file-list="false">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传人像面识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'sfzf2')">
                    <div class="upload-box">
                      <img class="upload-image" :src="sfz2Front"/>
                    </div>
                  </el-upload>
                </el-form-item>
                <el-form-item label="身份证背面页" class="white-m-p24">
                  <el-upload v-if="!sfz2Back" @change="uploadImage($event, 'sfzb2')" :auto-upload="false" :show-file-list="false">
                    <div class="upload-box">
                      <div class="icon-box">
                        <el-icon style="font-size: 20px"><Camera /></el-icon>
                        <p>传国徽面识别</p>
                      </div>
                    </div>
                  </el-upload>
                  <el-upload v-else :auto-upload="false" :show-file-list="false" @change="uploadImage($event, 'sfzb2')">
                    <div class="upload-box">
                      <img class="upload-image" :src="sfz2Back"/>
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-divider direction="vertical"></el-divider>
              <el-col :span="18">
                <el-row :gutter="20">
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="被投保人类型" prop="personType">
                      <el-select v-model="ower2Form.personType" placeholder="请选择">
                        <el-option label="个人" value="1" key="1"></el-option>
                        <el-option label="法人" value="2" key="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="投保人姓名" prop="name">
                      <el-input v-model="ower2Form.name" placeholder="输入车主姓名"></el-input>
                    </el-form-item>
                  </el-col>
<!--                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="投保人类型" prop="b">
                      <el-select v-model="ower2Form.b" placeholder="请选择">
                        <el-option label="类型1" value="1" key="1"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>-->
                  <el-col v-if="ower2Form.personType === '1'" class="col-m-b-6" :span="8">
                    <el-form-item label="证件号码" prop="identifyNumber">
                      <el-input v-model="ower2Form.identifyNumber" placeholder="请输入证件号码" @change="getAgeByIdCard($event, ower2Form)"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-else class="col-m-b-6" :span="8">
                    <el-form-item label="统一社会信用代码" prop="identifyNumber">
                      <el-input v-model="ower2Form.identifyNumber" placeholder="请输入证件号码"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="年龄" prop="age">
                      <el-input v-model.number="ower2Form.age" placeholder="请输入年龄"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="性别" prop="gender">
                      <el-select v-model="ower2Form.gender" placeholder="请选择">
                        <el-option label="男" value="1" key="1"></el-option>
                        <el-option label="女" value="2" key="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="车主手机号" prop="mobile">
                      <el-input v-model="ower2Form.mobile" placeholder="请输入车主手机号"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="地址" prop="addr">
                      <el-input v-model="ower2Form.addr" placeholder="请输入地址"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item label="电子邮箱" prop="email">
                      <el-input v-model="ower2Form.email" placeholder="请输入电子邮箱"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="identifyValidDate" label="有效期起期">
                      <el-date-picker
                        v-model="ower2Form.identifyValidDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                  <el-col class="col-m-b-6" :span="8">
                    <el-form-item prop="identifyValidEndDate" label="有效期止期">
                      <el-date-picker
                        v-model="ower2Form.identifyValidEndDate"
                        type="date"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>
          </el-form>
          <el-form ref="writeOwer2FormRefs" v-if="!ower2Switch&&!btns.ower2show" :model="writeOwer2Form" :rules="writeOwer2Rules">
            <el-row :gutter="20">
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="被投保人类型" prop="personType">
                  <el-select v-model="writeOwer2Form.personType" placeholder="请选择">
                    <el-option label="个人" value="1" key="1"></el-option>
                    <el-option label="法人" value="2" key="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="投保人姓名" prop="name">
                  <el-input v-model="writeOwer2Form.name" placeholder="输入车主姓名"></el-input>
                </el-form-item>
              </el-col>
<!--              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="投保人类型" prop="b">
                  <el-select v-model="writeOwer2Form.b" placeholder="请选择">
                    <el-option label="类型1" value="1" key="1"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>-->
              <el-col v-if="writeOwer2Form.personType === '1'" class="col-m-b-6" :span="6">
                <el-form-item label="证件号码" prop="identifyNumber">
                  <el-input v-model="writeOwer2Form.identifyNumber" placeholder="请输入证件号码" @change="getAgeByIdCard($event, writeOwer2Form)"></el-input>
                </el-form-item>
              </el-col>
              <el-col v-else class="col-m-b-6" :span="6">
                <el-form-item label="证件号码" prop="identifyNumber">
                  <el-input v-model="writeOwer2Form.identifyNumber" placeholder="请输入证件号码"></el-input>
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="年龄" prop="age">
                  <el-input v-model.number="writeOwer2Form.age" placeholder="请输入年龄"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" label="性别" prop="gender">
                  <el-select v-model="writeOwer2Form.gender" placeholder="请选择">
                    <el-option label="男" value="1" key="1"></el-option>
                    <el-option label="女" value="2" key="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="车主手机号" prop="mobile">
                  <el-input v-model="writeOwer2Form.mobile" placeholder="请输入车主手机号"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="地址" prop="addr">
                  <el-input v-model="writeOwer2Form.addr" placeholder="请输入地址"></el-input>
                </el-form-item>
              </el-col>

              <el-col class="col-m-b-6" :span="6">
                <el-form-item label="电子邮箱" prop="email">
                  <el-input v-model="writeOwer2Form.email" placeholder="请输入电子邮箱"></el-input>
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item class="white-m-p24" prop="identifyValidDate" label="有效期起期">
                  <el-date-picker
                    v-model="writeOwer2Form.identifyValidDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
              <el-col class="col-m-b-6" :span="6">
                <el-form-item prop="identifyValidEndDate" label="有效期止期">
                  <el-date-picker
                    v-model="writeOwer2Form.identifyValidEndDate"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <template #icon="{ isActive }">
            <span class="icon">
              <span class="icon-ele">
                {{ isActive ? '收起' : '展开' }}
              </span>
            </span>
          </template>
        </el-collapse-item>
      </div>
      <div id="insurance">
        <el-form :model="insuranceForm" :rules="insuranceRules">
          <el-collapse-item name="insurance">
            <template #title>
              <span class="title">险种信息</span>
            </template>
            <div class="white-m-p24 insuranceInfo">
              <span class="type-title">险种类型：</span>
              <div style="width: calc(100% - 80px)">
                <el-form-item label="" prop="productId">
                  <el-radio-group v-model="insuranceForm.productId">
                    <el-radio v-for="item in optionObj.insuranceType" :key="item.value" :value="item.value">{{ item.label }}</el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-table
                  :data="insuranceData"
                  style="width: 1200px"
                >
                  <el-table-column label="险种名称" prop="kindName"></el-table-column>
                  <el-table-column label="保额">
                    <template #default="scope">
                      <el-select v-model="scope.row.amount" style="width: 150px">
                        <el-option v-for="(item, index) in scope.row.options" :label="item.label" :value="item.id"></el-option>
                      </el-select>
                    </template>
                  </el-table-column>
                  <el-table-column label="操作">
                    <el-button link type="primary" icon="delete">删除</el-button>
                  </el-table-column>
                </el-table>
                <el-popover :visible="insuranceShow" placement="bottom-start" :width="400" trigger="click">
                  <template #reference>
                    <div class="addData" @click="handleInsurance">
                      <el-icon><Plus /></el-icon>添加险种
                    </div>
                  </template>
                  <insuranceSelect ref="InsuranceSelectRef" @close="handleInsuranceSelect"></insuranceSelect>
                </el-popover>
              </div>
            </div>
            <div class="white-m-p24 insuranceInfo">
              <span class="type-title">车船税：</span>
              <div style="width: calc(100% - 80px)">
                <el-form-item label="" prop="taxRelifFlag">
                  <el-select v-model="insuranceForm.taxRelifFlag" style="width: 350px">
                    <el-option label="正常缴税" value="1" key="1"></el-option>
                    <el-option label="免税" value="2" key="2"></el-option>
                    <el-option label="减税" value="3" key="3"></el-option>
                    <el-option label="完税" value="4" key="4"></el-option>
                  </el-select>
                </el-form-item>
                <el-row :gutter="20">
                  <el-col v-if="insuranceForm.taxRelifFlag === '1'" :span="6">
                    <el-form-item v-if="owerForm.personType === '1'" label="纳税人识别号" prop="identifyNumber">
                      <el-input v-model="insuranceForm.identifyNumber" placeholder="请输入纳税人识别号"></el-input>
                    </el-form-item>
                    <el-form-item v-else label="纳税人识别号" prop="organizationCode">
                      <el-input v-model="insuranceForm.organizationCode" placeholder="请输入纳税人识别号"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-if="insuranceForm.taxRelifFlag === '1'" :span="6">
                    <el-form-item label="纳税人名称" prop="taxpayerName">
                      <el-input v-model="insuranceForm.taxpayerName" placeholder="请输入纳税人名称"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-if="insuranceForm.taxRelifFlag === '1'" :span="6">
                    <el-form-item label="证件类型" prop="taxpayerIdentifier">
                      <el-select v-model="insuranceForm.taxpayerIdentifier" placeholder="请选择">
                        <el-option v-for="(item, index) in optionObj.taxpayerIdentifier" :label="item.label" :value="item.value" :key="item.value"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>

                  <el-col v-if="insuranceForm.taxRelifFlag === '2' || insuranceForm.taxRelifFlag === '3'" :span="6">
                    <el-form-item label="减免税凭证号" prop="extendChar2">
                      <el-input v-model="insuranceForm.extendChar2" placeholder="请输入减免税凭证号"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-if="insuranceForm.taxRelifFlag === '2' || insuranceForm.taxRelifFlag === '3'" :span="6">
                    <el-form-item label="减免税原因" prop="relifReason">
                      <el-select v-model="insuranceForm.relifReason" placeholder="请选择">
                        <el-option label="原因1" value="1" key="1"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>

                  <el-col v-if="insuranceForm.taxRelifFlag === '4'" :span="6">
                    <el-form-item label="完税凭证号" prop="paidFreeCertificate">
                      <el-input v-model="insuranceForm.paidFreeCertificate" placeholder="请输入完税凭证号"></el-input>
                    </el-form-item>
                  </el-col>

                  <el-col v-if="insuranceForm.taxRelifFlag === '2' || insuranceForm.taxRelifFlag === '3' || insuranceForm.taxRelifFlag === '4'" :span="6">
                    <el-form-item label="税务机关代码" prop="taxComCode">
                      <el-input v-model="insuranceForm.taxComCode" placeholder="请输入税务机关代码"></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col v-if="insuranceForm.taxRelifFlag === '2' || insuranceForm.taxRelifFlag === '3' || insuranceForm.taxRelifFlag === '4'" :span="6">
                    <el-form-item label="税务机关名称" prop="taxComName">
                      <el-input v-model="insuranceForm.taxComName" placeholder="请输入税务机关名称"></el-input>
                    </el-form-item>
                  </el-col>

                  <el-col v-if="insuranceForm.taxRelifFlag === '3'" :span="6">
                    <el-form-item label="减税比例" prop="taxRelief">
                      <el-input v-model="insuranceForm.taxRelief" placeholder="请输入减税比例"></el-input>
                    </el-form-item>
                  </el-col>

                  <el-col v-if="insuranceForm.taxRelifFlag === '4'" :span="6">
                    <el-form-item label="完税凭证填发日期" prop="taxDocumentDate">
                      <el-date-picker
                        v-model="insuranceForm.taxDocumentDate"
                        type="date"
                        placeholder="请选择"
                        format="YYYY-MM-DD"
                        value-format="YYYY-MM-DD"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </el-col>
                  <el-col v-if="insuranceForm.taxRelifFlag === '4'" :span="6">
                    <el-form-item label="完税凭证地区" prop="taxPaidAreaCode">
                      <el-select v-model="insuranceForm.taxPaidAreaCode" placeholder="请选择">
                        <el-option label="类型1" value="1" key="1"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                </el-row>
              </div>
            </div>
            <div class="white-m-p24 insuranceInfo">
              <span class="type-title">起保时间：</span>
              <div style="width: calc(100% - 80px)">
                <div class="insurance-jq">
                  <span>交强险</span>
                  <span class="checkbox" :class="{'cehcked': item.checked}" v-for="item in jqWork" :key="item" @click="JQChange(item)">{{ item.text }}</span>
                  <div class="time">
                    <el-form-item prop="jqStart" label="">
                      <el-date-picker
                        v-model="insuranceForm.jqStart"
                        type="datetime"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD HH:mm:ss"
                        style="width: 100%"
                      />
                    </el-form-item>
                    &nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;
                    <el-form-item prop="jqEnd" label="">
                      <el-date-picker
                        v-model="insuranceForm.jqEnd"
                        type="datetime"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD HH:mm:ss"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </div>
                </div>
                <div class="insurance-jq">
                  <span>商业险</span>
                  <span class="checkbox" :class="{'cehcked': item.checked}" v-for="item in syWork" :key="item" @click="SYChange(item)">{{ item.text }}</span>
                  <div class="time">
                    <el-form-item prop="syStart" label="">
                      <el-date-picker
                        v-model="insuranceForm.syStart"
                        type="datetime"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD HH:mm:ss"
                        style="width: 100%"
                      />
                    </el-form-item>
                    &nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;
                    <el-form-item prop="syEnd" label="">
                      <el-date-picker
                        v-model="insuranceForm.syEnd"
                        type="datetime"
                        placeholder="请选择"
                        value-format="YYYY-MM-DD HH:mm:ss"
                        style="width: 100%"
                      />
                    </el-form-item>
                  </div>
                </div>
              </div>
            </div>
            <template #icon="{ isActive }">
              <span class="icon">
                <span class="icon-ele">
                  {{ isActive ? '收起' : '展开' }}
                </span>
              </span>
            </template>
          </el-collapse-item>
        </el-form>
      </div>
      <div id="quote">
        <el-collapse-item name="quote">
          <template #title>
            <span class="title">投保信息</span>
          </template>
          <el-form ref="quoteFormRefs" :model="quoteForm" :rules="quoteRules">
            <el-row :gutter="20">
              <el-col :span="24">
                <el-form-item class="white-m-p24" label="车辆投保信息" prop="transfer">
                  <el-radio-group v-model="quoteForm.transfer">
                    <el-radio value="1">是否过户车</el-radio>
                    <el-radio value="2">商业险是否过户</el-radio>
<!--                    <el-radio value="3">是否脱保</el-radio>
                    <el-radio value="4">是否二手车</el-radio>-->
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item class="white-m-p24" label="保险公司" prop="companyId">
                  <el-select v-model="quoteForm.companyId" placeholder="请选择" filterable>
                      <el-option v-for="item in bankOption" :key="item.id" :value="item.id" :label="item.name"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="签单日期" prop="signingTime">
                  <el-date-picker
                    v-model="quoteForm.signingTime"
                    type="date"
                    placeholder="请选择"
                    value-format="YYYY-MM-DD"
                    style="width: 100%"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="评分" prop="scope">
                  <el-input v-model="quoteForm.scope" placeholder="请输入评分"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="车船税" prop="taxPremium">
                  <el-input v-model="quoteForm.taxPremium" placeholder="请输入车船税">
                    <template #append>
                      <span>元</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>

              <el-col :span="6">
                <el-form-item class="white-m-p24" label="交强险保单号" prop="jqApplyNo">
                  <el-input v-model="quoteForm.jqApplyNo" placeholder="请输入交强险保单号"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="交强险续保" prop="jqRenewal">
                  <el-select v-model="quoteForm.jqRenewal" placeholder="请选择">
                    <el-option label="是" value="1" key="1"></el-option>
                    <el-option label="否" value="0" key="0"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="交强险保费" prop="jqPremium">
                  <el-input v-model="quoteForm.jqPremium" placeholder="请输入交强险保费">
                    <template #append>
                      <span>元</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="驾意险保费" prop="jyPremium">
                  <el-input v-model="quoteForm.jyPremium" placeholder="请输入驾意险保费">
                    <template #append>
                      <span>元</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>

              <el-col :span="6">
                <el-form-item class="white-m-p24" label="商业险保单号" prop="syPolicyNo">
                  <el-input v-model="quoteForm.syPolicyNo" placeholder="请输入商业险保单号"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="商业险续保" prop="syRenewal">
                  <el-select v-model="quoteForm.syRenewal" placeholder="请选择">
                    <el-option label="是" value="1" key="1"></el-option>
                    <el-option label="否" value="0" key="0"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="商业险保费" prop="syPremium">
                  <el-input v-model="quoteForm.syPremium" placeholder="请输入商业险保费">
                    <template #append>
                      <span>元</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="总保费" prop="sumPremium">
                  <el-input v-model="quoteForm.sumPremium" placeholder="请输入总保费">
                    <template #append>
                      <span>元</span>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <template #icon="{ isActive }">
            <span class="icon">
              <el-button link type="primary" icon="Camera" @click.stop="handleUpload">影像上传</el-button>&nbsp;
            </span>
          </template>
        </el-collapse-item>
      </div>
      <div id="history">
        <el-collapse-item name="history1">
          <template #title>
            <span class="title">费用信息</span>
          </template>
          <el-form :model="historyForm" :rules="historyRules">
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item class="white-m-p24" label="报价协议" prop="a">
                  <el-select v-model="historyForm.a">
                    <el-option label="协议1" value="1" key="1"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否现询" prop="costFlag">
                  <el-select v-model="historyForm.costFlag">
                    <el-option label="是" value="1" key="1"></el-option>
                    <el-option label="否" value="2" key="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="非现询费用" prop="c">
                  <el-input placeholder="请输入" v-model="historyForm.c"></el-input>
                </el-form-item>
              </el-col>

              <el-col :span="8">
                <el-form-item class="white-m-p24" label="交强险总比例" prop="jqOtherCostsProportion">
                  <el-input  v-model="historyForm.jqOtherCostsProportion" >
                    <template #append>%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="商业险总比例" prop="syOtherCostsProportion">
                  <el-input  v-model="historyForm.syOtherCostsProportion" >
                    <template #append>%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="驾意险总比例" prop="f">
                  <el-input  v-model="historyForm.f" >
                    <template #append>%</template>
                  </el-input>
                </el-form-item>
              </el-col>

              <el-col :span="8">
                <el-form-item class="white-m-p24" label="交强险出口比例" prop="g">
                  <el-input  v-model="historyForm.g" >
                    <template #append>%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="商业险出口比例" prop="h">
                  <el-input  v-model="historyForm.h" >
                    <template #append>%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="驾意险出口比例" prop="i">
                  <el-input  v-model="historyForm.i" >
                    <template #append>%</template>
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <template #icon="{ isActive }">
            <span class="icon">
              <span class="icon-ele">
                {{ isActive ? '收起' : '展开' }}
              </span>
            </span>
          </template>
        </el-collapse-item>
        <el-collapse-item name="history2">
          <template #title>
            <span class="title">电子保单</span>
          </template>
          <el-form  >
            <el-form-item class="white-m-p24" label="交强保单">
              <el-upload v-if="!jqPolicy" :auto-upload="false" :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 4)">
                <el-button link type="primary" icon="Upload">上传</el-button>
              </el-upload>
              <div class="fileInfo" v-else>
                <img style="width: 40px; height: 40px" :src="jqPolicyName.includes('.png') || jqPolicyName.includes('.jpg') || jqPolicyName.includes('.jpeg')?image:jqPolicyName.includes('.pdf')?pdf:jqPolicyName.includes('.doc') || jqPolicyName.includes('.docx')?word:''" />
                <div class="fileName">{{ jqPolicyName }}</div>
                <div class="fileBtn">
                  <el-upload :auto-upload="false" :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 4)" style="display: flex; align-items: center">
                    <el-icon class="btn-icon"><Upload /></el-icon>
                  </el-upload>
                  <el-icon class="btn-icon" @click="imageView(4)"><View /></el-icon>
                  <el-icon class="btn-icon" @click="downloadImage(4)"><Download /></el-icon>
                  <el-icon class="btn-icon" @click="deleteImage(4)"><Delete /></el-icon>
                </div>
              </div>
            </el-form-item>
            <el-form-item class="white-m-p24" label="商业保单">
              <el-upload v-if="!syPolicy" :auto-upload="false" :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 5)">
                <el-button link type="primary" icon="Upload">上传</el-button>
              </el-upload>
              <div class="fileInfo" v-else>
                <img style="width: 40px; height: 40px" :src="syPolicyName.includes('.png') || syPolicyName.includes('.jpg') || syPolicyName.includes('.jpeg')?image:syPolicyName.includes('.pdf')?pdf:syPolicyName.includes('.doc') || syPolicyName.includes('.docx')?word:''" />
                <div class="fileName">{{ syPolicyName }}</div>
                <div class="fileBtn">
                  <el-upload :auto-upload="false"  :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 5)" style="display: flex; align-items: center">
                    <el-icon class="btn-icon"><Upload /></el-icon>
                  </el-upload>
                  <el-icon class="btn-icon" @click="imageView(5)"><View /></el-icon>
                  <el-icon class="btn-icon" @click="downloadImage(5)"><Download /></el-icon>
                  <el-icon class="btn-icon" @click="deleteImage(5)"><Delete /></el-icon>
                </div>
              </div>
            </el-form-item>
            <el-form-item class="white-m-p24" label="非车保单">
              <el-upload :auto-upload="false" v-if="!noPolicy"  :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 6)">
                <el-button link type="primary" icon="Upload">上传</el-button>
              </el-upload>
              <div class="fileInfo" v-else>
                <img style="width: 40px; height: 40px" :src="noPolicyName.includes('.png') || noPolicyName.includes('.jpg') || noPolicyName.includes('.jpeg')?image:noPolicyName.includes('.pdf')?pdf:noPolicyName.includes('.doc') || noPolicyName.includes('.docx')?word:''" />
                <div class="fileName">{{ noPolicyName }}</div>
                <div class="fileBtn">
                  <el-upload :auto-upload="false"  :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 6)" style="display: flex; align-items: center">
                    <el-icon class="btn-icon"><Upload /></el-icon>
                  </el-upload>
                  <el-icon class="btn-icon" @click="imageView(6)"><View /></el-icon>
                  <el-icon class="btn-icon" @click="downloadImage(6)"><Download /></el-icon>
                  <el-icon class="btn-icon" @click="deleteImage(6)"><Delete /></el-icon>
                </div>
              </div>
            </el-form-item>
            <el-form-item class="white-m-p24" label="交强电子标志">
              <el-upload :auto-upload="false" v-if="!jqSign"  :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 7)">
                <el-button link type="primary" icon="Upload">上传</el-button>
              </el-upload>
              <div class="fileInfo" v-else>
                <img style="width: 40px; height: 40px" :src="jqSignName.includes('.png') || jqSignName.includes('.jpg') || jqSignName.includes('.jpeg')?image:jqSignName.includes('.pdf')?pdf:jqSignName.includes('.doc') || jqSignName.includes('.docx')?word:''" />
                <div class="fileName">{{ jqSignName }}</div>
                <div class="fileBtn">
                  <el-upload :auto-upload="false"  :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx" @change="uploadImage($event, 7)" style="display: flex; align-items: center">
                    <el-icon class="btn-icon"><Upload /></el-icon>
                  </el-upload>
                  <el-icon class="btn-icon" @click="imageView(7)"><View /></el-icon>
                  <el-icon class="btn-icon" @click="downloadImage(7)"><Download /></el-icon>
                  <el-icon class="btn-icon" @click="deleteImage(7)"><Delete /></el-icon>
                </div>
              </div>
            </el-form-item>
          </el-form>
          <template #icon="{ isActive }">
            <span class="icon">
              <span class="icon-ele">
                {{ isActive ? '收起' : '展开' }}
              </span>
            </span>
          </template>
        </el-collapse-item>
      </div>
    </el-collapse>
    <div class="footer">
      <el-button plain type="primary" @click="handleSave">暂存</el-button>
      <el-button type="primary" @click="handleSubmit">提交</el-button>
    </div>
    <el-dialog
      title="图片预览"
      v-model="imageShow"
    >
      <img class="image-view" :src="imageUrl" />
    </el-dialog>
    <el-dialog
      title="文件预览"
      v-model="fileShow"
    >
      <vue-office-docx
        :src="fileUrl"
        style="height: 600px; margin: 0; padding: 0"
      ></vue-office-docx>
    </el-dialog>
    <el-dialog
      title="选择业务员"
      v-model="salesmanShow"
      width="700"
    >
      <salesmanSelect ref="SalesmanSelectRef" @close="handleSalesmanSelect"></salesmanSelect>
    </el-dialog>
    <el-dialog
      title="选择车型"
      v-model="carTypeShow"
      width="900"
    >
      <carTypeSelect ref="CarTypeSelectRef" @close="handleCarTypeSelect"></carTypeSelect>
    </el-dialog>
    <el-dialog
      title="影像上传"
      v-model="uploadShow"
      width="700"
    >
      <imageData ref="ImageDataRef" @close="handleImageData"></imageData>
    </el-dialog>
  </div>
</template>

<script setup lang="ts">
import api from '@/api'
import car1 from '@/assets/images/additional/car1.png'
import car2 from '@/assets/images/additional/car2.png'
import ower1 from '@/assets/images/additional/ower1.png'
import ower2 from '@/assets/images/additional/ower2.png'
import quote1 from '@/assets/images/additional/quote1.png'
import quote2 from '@/assets/images/additional/quote2.png'
import insurance1 from '@/assets/images/additional/insurance1.png'
import insurance2 from '@/assets/images/additional/insurance2.png'
import history1 from '@/assets/images/additional/history1.png'
import history2 from '@/assets/images/additional/history2.png'
import image from "@/assets/images/image.png";
import pdf from "@/assets/images/pdf.png";
import word from "@/assets/images/word.png";

import { ElMessage } from 'element-plus'
import VueOfficeDocx from "@vue-office/docx";
import { useRouter, useRoute } from 'vue-router'

import salesmanSelect from './modules/salesmanSelect.vue'
import carTypeSelect from './modules/carTypeSelect.vue'
import insuranceSelect from './modules/insuranceSelect.vue'
import imageData from './modules/imageData.vue'
// import { Search } from '@element-plus/icons-vue'

const myRouter = useRouter()
const myRoute = useRoute()

const SalesmanSelectRef = ref()
const CarTypeSelectRef = ref()
const InsuranceSelectRef = ref()
const ImageDataRef = ref()

const carFormRefs = ref() // 车辆信息form
const writeCarFormRefs = ref() // 车辆信息手填form
const owerFormRefs = ref() // 车主信息form
const writeOwerFormRefs = ref() // 车主信息手填form
const ower1FormRefs = ref() // 投保人信息form
const writeOwer1FormRefs = ref() // 投保人信息手填form
const ower2FormRefs = ref() // 被投保人信息form
const writeOwer2FormRefs = ref() // 被投保人信息手填form
const quoteFormRefs = ref() // 投保信息

// 使用性质，车辆用途，车辆类型，能源种类，车辆种类
let optionObj = ref({
  vehicle_use_code: [], // 车辆用途
  car_nature_code: [], // 使用性质
  energy_type_code: [], // 能源种类
  car_type_code: [], // 车辆类型
  car_kind_code: [], // 车辆种类
  taxpayerIdentifier: [], // 证件类型
  insuranceType: [], // 险种类型
})
const initOption = () => {
  let list = ['vehicle_use_code', 'car_nature_code', 'energy_type_code', 'car_type_code', 'car_kind_code', 'taxpayerIdentifier']
  list.forEach(item => {
    api.additionalApi.dictDetails(item).then((res: any) => {
      if(res.code == 200) {
        if(res.data) {
          optionObj.value[item] = res.data
        }
      }
    })
  })
  api.commonApi.personInfo('insurance_type').then((res: any) => {
    if(res.code == 200) {
      optionObj.value.insuranceType = res.data
    } else {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
    }
  })
}

// 保险公司列表
let bankOption = ref([])
const initCompany = () => {
    api.insuranceApi.leftList('').then(res => {
        if(res.code == 200) {
            bankOption.value = res.data
        } else {
            ElMessage({
                message: res.msg,
                type: 'warning'
            })
        }
    })
}

// 查询条件
let form = ref({})
// 归属机构
let institutionList = ref([])
const tableProps = ref({
  value: "id",
  label: "name",
  children: "children",
  checkStrictly: true,
})
// 页签
let tapIndex = ref(0)
const taps = ref([
  {
    text: '车辆信息',
    href: 'car',
    img: car1,
    active: car2
  },
  {
    text: '关系人信息',
    href: 'ower',
    img: ower1,
    active: ower2
  },
  {
    text: '选择险种',
    href: 'insurance',
    img: insurance1,
    active: insurance2
  },
  {
    text: '投保信息',
    href: 'quote',
    img: quote1,
    active: quote2
  },
  {
    text: '费用信息',
    href: 'history',
    img: history1,
    active: history2
  },
])
const handleTap = (item, index) => {
  tapIndex.value = index
  const element = document.getElementById(`${item.href}`)
  if(element) {
    element.scrollIntoView({behavior: 'smooth'})
  }
}
//折叠面板
let activeName = ref(['car','ower','ower1','ower2','insurance','quote','history1','history2'])
// const handleChange = (val) => {
//
// }
// 开关
let carSwitch = ref(true)
let owerSwitch = ref(true)
let ower1Switch = ref(true)
let ower2Switch = ref(true)
const handleSwitch = (type) => {
  switch (type) {
    case 'car':
      carSwitch.value = !carSwitch.value
      break;
    case 'ower':
      owerSwitch.value = !owerSwitch.value
      break;
    case 'ower1':
      ower1Switch.value = !ower1Switch.value
      break;
    case 'ower2':
      ower2Switch.value = !ower2Switch.value
      break;
  }
}

// 车辆信息
// 证件识别
let carForm = ref({
  licenseNo: '', // 车牌
  vinNo: '', // 车牌识别代码
  brandName: '', // 品牌型号
  engineNo: '', // 发动机号
  carYear: '', // 年款
  seatCount: '', // 座位数
  completeKerbMass: '', // 整备质量
  limitLoad: '', // 核定载质量
  displacement: '', // 排量
  powerScale: '', // 功率
  purchasePrice: '', // 新车购置价
  carNatureCode: '', // 使用性质
  vehicleUseCode: '', // 车辆用途
  carTypeCode: '', // 车辆类型
  energyTypeCode: '', // 能源种类
  // propertyCode: '', // 所属性质
  registerDate: '', // 注册日期
  issueDate: '', // 发证日期
})
let carRules = ref({
  licenseNo:[
    { required: true, message: "请输入车牌", trigger: "blur" },
    { pattern: /[\u4e00-\u9fa5\u3400-\u4DBF\u20000-\u2A6DFa-zA-Z0-9]+/, message: '车牌只允许输入汉字、字母、数字组合', trigger: 'blur' }
  ],
  vinNo: [
    { required: true, message: "请输入车牌识别代码", trigger: "blur" },
    { pattern: /^[a-zA-Z0-9]{17}$/, min: 17, max: 17, message: '车辆识别代码长度为17位字母数字组合' }
  ],
  brandName: [
    { required: true, message: "请输入品牌型号", trigger: "blur" }
  ],
  engineNo: [
    { required: true, message: "请输入发动机号", trigger: "blur" }
  ],
  carYear: [
    { required: true, message: "请输入年款", trigger: "blur" }
  ],
  seatCount: [
    { required: true, message: "请输入座位数", trigger: "blur" }
  ],
  completeKerbMass: [
    { required: true, message: "请输入整备质量", trigger: "blur" }
  ],
  limitLoad: [
    { required: true, message: "请输入核定载质量", trigger: "blur" }
  ],
  displacement: [
    { required: true, message: "请输入排量", trigger: "blur" }
  ],
  powerScale: [
    { required: true, message: "请输入功率", trigger: "blur" }
  ],
  purchasePrice: [
    { required: true, message: "请输入新车购置价", trigger: "blur" }
  ],
  carNatureCode: [
    { required: true, message: "请选择使用性质", trigger: "change" }
  ],
  vehicleUseCode: [
    { required: true, message: "请选择车辆用途", trigger: "change" }
  ],
  carTypeCode: [
    { required: true, message: "请选择车辆类型", trigger: "change" }
  ],
  energyTypeCode: [
    { required: true, message: "请选择能源种类", trigger: "change" }
  ],
  // propertyCode: [
  //   { required: true, message: "请选择所属性质", trigger: "change" }
  // ],
  registerDate: [
    { required: true, message: "请选择注册日期", trigger: "change" }
  ],
  issueDate: [
    { required: true, message: "请选择发证日期", trigger: "change" }
  ],
})
// 手动填写
let writeCarForm = ref({
  isRegistered: null, // 是否上牌
  licenseNo: '', // 车牌
  vinNo: '', // 车牌识别代码
  brandName: '', // 品牌型号
  engineNo: '', // 发动机号
  carYear: '', // 年款
  seatCount: '', // 座位数
  completeKerbMass: '', // 整备质量
  limitLoad: '', // 核定载质量
  displacement: '', // 排量
  powerScale: '', // 功率
  purchasePrice: '', // 新车购置价
  carNatureCode: '', // 使用性质
  vehicleUseCode: '', // 车辆用途
  carTypeCode: '', // 车辆类型
  energyTypeCode: '', // 能源种类
  // propertyCode: '', // 所属性质
  registerDate: '', // 注册日期
  issueDate: '', // 发证日期
})
let writeCarRules = ref({
  isRegistered:[
    { required: true, message: "请选择", trigger: "change" }
  ],
  licenseNo:[
    { required: true, message: "请输入车牌", trigger: "blur" },
    { pattern: /[\u4e00-\u9fa5\u3400-\u4DBF\u20000-\u2A6DFa-zA-Z0-9]+/, message: '车牌只允许输入汉字、字母、数字组合', trigger: 'blur' }
  ],
  vinNo: [
    { required: true, message: "请输入车牌识别代码", trigger: "blur" },
    { pattern: /^[a-zA-Z0-9]{17}$/, min: 17, max: 17, message: '车辆识别代码长度为17位字母数字组合' }
  ],
  brandName: [
    { required: true, message: "请输入品牌型号", trigger: "blur" }
  ],
  engineNo: [
    { required: true, message: "请输入发动机号", trigger: "blur" }
  ],
  carYear: [
    { required: true, message: "请输入年款", trigger: "blur" }
  ],
  seatCount: [
    { required: true, message: "请输入座位数", trigger: "blur" }
  ],
  completeKerbMass: [
    { required: true, message: "请输入整备质量", trigger: "blur" }
  ],
  limitLoad: [
    { required: true, message: "请输入核定载质量", trigger: "blur" }
  ],
  displacement: [
    { required: true, message: "请输入排量", trigger: "blur" }
  ],
  powerScale: [
    { required: true, message: "请输入功率", trigger: "blur" }
  ],
  purchasePrice: [
    { required: true, message: "请输入新车购置价", trigger: "blur" }
  ],
  carNatureCode: [
    { required: true, message: "请选择使用性质", trigger: "change" }
  ],
  vehicleUseCode: [
    { required: true, message: "请选择车辆用途", trigger: "change" }
  ],
  carTypeCode: [
    { required: true, message: "请选择车辆类型", trigger: "change" }
  ],
  energyTypeCode: [
    { required: true, message: "请选择能源种类", trigger: "change" }
  ],
  // propertyCode: [
  //   { required: true, message: "请选择所属性质", trigger: "change" }
  // ],
  registerDate: [
    { required: true, message: "请选择注册日期", trigger: "change" }
  ],
  issueDate: [
    { required: true, message: "请选择发证日期", trigger: "change" }
  ],
})
// 车牌识别
const handleCarNumber = () => {
  api.additionalApi.vinSearch(carForm.value.licenseNo).then((res: any) => {
    if(res.code == 200) {

    } else {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
    }
  })
}
// 车架号识别
const handleCarCode = () => {
  api.additionalApi.licenseSearch(carForm.value.vinNo).then((res: any) => {
    if(res.code == 200) {

    } else {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
    }
  })
}

// 车主信息
// 证件识别
let owerForm = ref({
  personType: '1', // 1个人2法人
  name: '',
  mobile: '',
  addr: '',
  identifyNumber: '',
  identifyValidDate: '',
  identifyValidEndDate: '',
  age: '',
  gender: '',
  email: ''
})
let owerRules = ref({
  name:[
    { required: true, message: "请输入车主姓名", trigger: "blur" }
  ],
  b: [
    { required: true, message: "请选择车辆类型", trigger: "change" }
  ],
  mobile: [
    { required: true, message: "请输入车主手机号", trigger: "blur" }
  ],
  addr: [
    { required: true, message: "请输入地址", trigger: "blur" }
  ],
  personType: [
    { required: true, message: "请选择类型", trigger: "change" }
  ],
  identifyNumber: [
    { required: true, message: "请输入证件号码", trigger: "blur" }
  ],
  identifyValidDate: [
    { required: true, message: "请选择有效期起期", trigger: "change" }
  ],
  identifyValidEndDate: [
    { required: true, message: "请选择有效期止期", trigger: "change" }
  ],
  age: [
    { required: true, message: "请输入年龄", trigger: "blur" },
    { type: 'number', message: '年龄必须是数字' }
  ],
  gender: [
    { required: true, message: "请选择性别", trigger: "change" }
  ],
  email: [
    { required: true, message: "请输入电子邮箱", trigger: "blur" }
  ],
})
// 手动填写
let writeOwerForm = ref({
  personType: '1', // 1个人2法人
  name: '',
  mobile: '',
  addr: '',
  identifyNumber: '',
  identifyValidDate: '',
  identifyValidEndDate: '',
  age: '',
  gender: '',
  email: ''
})
let writeOwerRules = ref({
  name:[
    { required: true, message: "请输入车主姓名", trigger: "blur" }
  ],
  personType: [
    { required: true, message: "请选择车主类型", trigger: "change" }
  ],
  mobile: [
    { required: true, message: "请输入车主手机号", trigger: "blur" }
  ],
  addr: [
    { required: true, message: "请输入地址", trigger: "blur" }
  ],
  // e: [
  //   { required: true, message: "请选择证件类型", trigger: "change" }
  // ],
  identifyNumber: [
    { required: true, message: "请输入证件号码", trigger: "blur" }
  ],
  identifyValidDate: [
    { required: true, message: "请选择有效期起期", trigger: "change" }
  ],
  identifyValidEndDate: [
    { required: true, message: "请选择有效期止期", trigger: "change" }
  ],
  age: [
    { required: true, message: "请输入年龄", trigger: "blur" },
    { type: 'number', message: '年龄必须是数字' }
  ],
  gender: [
    { required: true, message: "请选择性别", trigger: "change" }
  ],
  email: [
    { required: true, message: "请输入电子邮箱", trigger: "blur" }
  ],
})
// 是否同车主/同投保人
let btns = ref({
  ower1Show: false,
  ower2show: false,
  ower1: [{
    text: '同车主',
    checked: false
  }],
  ower2: [{
    text: '同被保人',
    checked: false
  },{
    text: '同车主',
    checked: false
  }]
})
const handleChange = (item, type) => {
  switch (type) {
    case 'ower1':
      item.checked = !item.checked
      btns.value.ower1Show = btns.value.ower1.some(a => a.checked)
      if(btns.value.ower1Show) {
        ower1Form.value = {
          ...owerForm.value,
          carOwner: 1
        }
        writeOwer1Form.value = writeOwerForm.value
      } else {
        ower1Form.value = {
          personType: '1', // 1个人2法人
          carOwner: 0,
          name: '',
          mobile: '',
          addr: '',
          identifyNumber: '',
          identifyValidDate: '',
          identifyValidEndDate: '',
          age: '',
          gender: '',
          email: ''
        }
        writeOwer1Form.value = {
          personType: '1', // 1个人2法人
          name: '',
          mobile: '',
          addr: '',
          identifyNumber: '',
          identifyValidDate: '',
          identifyValidEndDate: '',
          age: '',
          gender: '',
          email: ''
        }
      }
      break;
    case 'ower2':
      item.checked = !item.checked
      let list = btns.value.ower2.filter(a => a.text != item.text)
      list.forEach(a => a.checked = false)
      btns.value.ower2show = btns.value.ower2.some(a => a.checked)
      if(btns.value.ower2show) {
        let obj = btns.value.ower2.find(a => a.checked)
        if(obj.text === '同被保人') {
          ower2Form.value = {
            ...ower1Form.value,
            carOwner: 2
          }
          writeOwer2Form.value = writeOwer1Form.value
        } else {
          ower2Form.value = {
            ...owerForm.value,
            carOwner: 1
          }
          writeOwer2Form.value = writeOwerForm.value
        }
      } else {
        ower2Form.value = {
          personType: '1', // 1个人2法人
          carOwner: 0,
          name: '',
          mobile: '',
          addr: '',
          identifyNumber: '',
          identifyValidDate: '',
          identifyValidEndDate: '',
          age: '',
          gender: '',
          email: ''
        }
        writeOwer2Form.value = {
          personType: '1', // 1个人2法人
          name: '',
          mobile: '',
          addr: '',
          identifyNumber: '',
          identifyValidDate: '',
          identifyValidEndDate: '',
          age: '',
          gender: '',
          email: ''
        }
      }
      break;
  }
}
// 投保人信息
let ower1Form = ref({
  personType: '1', // 1个人2法人
  carOwner: 0,
  name: '',
  mobile: '',
  addr: '',
  identifyNumber: '',
  identifyValidDate: '',
  identifyValidEndDate: '',
  age: '',
  gender: '',
  email: ''
})
let ower1Rules = ref({
  name:[
    { required: true, message: "请输入投保人姓名", trigger: "blur" }
  ],
  personType: [
    { required: true, message: "请选择投保人类型", trigger: "change" }
  ],
  // c: [
  //   { required: true, message: "请选择证件类型", trigger: "change" }
  // ],
  identifyNumber: [
    { required: true, message: "请输入证件号码", trigger: "blur" }
  ],
  age: [
    { required: true, message: "请输入年龄", trigger: "blur" },
    { type: 'number', message: '年龄必须是数字' }
  ],
  gender: [
    { required: true, message: "请选择性别", trigger: "change" }
  ],
  mobile: [
    { required: true, message: "请输入车主手机号", trigger: "blur" }
  ],
  addr: [
    { required: true, message: "请输入地址", trigger: "blur" }
  ],
  email: [
    { required: true, message: "请输入电子邮箱", trigger: "blur" }
  ],
  identifyValidDate: [
    { required: true, message: "请选择有效期起期", trigger: "change" }
  ],
  identifyValidEndDate: [
    { required: true, message: "请选择有效期止期", trigger: "change" }
  ],
})
let writeOwer1Form = ref({
  personType: '1', // 1个人2法人
  name: '',
  mobile: '',
  addr: '',
  identifyNumber: '',
  identifyValidDate: '',
  identifyValidEndDate: '',
  age: '',
  gender: '',
  email: ''
})
let writeOwer1Rules = ref({
  name:[
    { required: true, message: "请输入投保人姓名", trigger: "blur" }
  ],
  personType: [
    { required: true, message: "请选择投保人类型", trigger: "change" }
  ],
  // c: [
  //   { required: true, message: "请选择证件类型", trigger: "change" }
  // ],
  identifyNumber: [
    { required: true, message: "请输入证件号码", trigger: "blur" }
  ],
  age: [
    { required: true, message: "请输入", trigger: "blur" },
    { type: 'number', message: '年龄必须是数字' }
  ],
  gender: [
    { required: true, message: "请选择性别", trigger: "change" }
  ],
  mobile: [
    { required: true, message: "请输入车主手机号", trigger: "blur" }
  ],
  addr: [
    { required: true, message: "请输入地址", trigger: "blur" }
  ],
  email: [
    { required: true, message: "请输入电子邮箱", trigger: "blur" }
  ],
  identifyValidDate: [
    { required: true, message: "请选择有效期起期", trigger: "change" }
  ],
  identifyValidEndDate: [
    { required: true, message: "请选择有效期止期", trigger: "change" }
  ],
})
// 被投保人信息
let ower2Form = ref({
  personType: '1', // 1个人2法人
  carOwner: 0,
  name: '',
  mobile: '',
  addr: '',
  identifyNumber: '',
  identifyValidDate: '',
  identifyValidEndDate: '',
  age: '',
  gender: '',
  email: ''
})
let ower2Rules = ref({
  name:[
    { required: true, message: "请输入投保人姓名", trigger: "blur" }
  ],
  personType: [
    { required: true, message: "请选择投保人类型", trigger: "change" }
  ],
  // c: [
  //   { required: true, message: "请选择证件类型", trigger: "change" }
  // ],
  identifyNumber: [
    { required: true, message: "请输入证件号码", trigger: "blur" }
  ],
  age: [
    { required: true, message: "请输入年龄", trigger: "blur" },
    { type: 'number', message: '年龄必须是数字' }
  ],
  gender: [
    { required: true, message: "请选择性别", trigger: "change" }
  ],
  mobile: [
    { required: true, message: "请输入车主手机号", trigger: "blur" }
  ],
  addr: [
    { required: true, message: "请输入地址", trigger: "blur" }
  ],
  email: [
    { required: true, message: "请输入电子邮箱", trigger: "blur" }
  ],
  identifyValidDate: [
    { required: true, message: "请选择有效期起期", trigger: "change" }
  ],
  identifyValidEndDate: [
    { required: true, message: "请选择有效期止期", trigger: "change" }
  ],
})
let writeOwer2Form = ref({
  personType: '1', // 1个人2法人
  name: '',
  mobile: '',
  addr: '',
  identifyNumber: '',
  identifyValidDate: '',
  identifyValidEndDate: '',
  age: '',
  gender: '',
  email: ''
})
let writeOwer2Rules = ref({
  name:[
    { required: true, message: "请输入投保人姓名", trigger: "blur" }
  ],
  personType: [
    { required: true, message: "请选择投保人类型", trigger: "change" }
  ],
  // c: [
  //   { required: true, message: "请选择证件类型", trigger: "change" }
  // ],
  identifyNumber: [
    { required: true, message: "请输入证件号码", trigger: "blur" }
  ],
  age: [
    { required: true, message: "请输入年龄", trigger: "blur" },
    { type: 'number', message: '年龄必须是数字' }
  ],
  gender: [
    { required: true, message: "请选择性别", trigger: "change" }
  ],
  mobile: [
    { required: true, message: "请输入车主手机号", trigger: "blur" }
  ],
  addr: [
    { required: true, message: "请输入地址", trigger: "blur" }
  ],
  email: [
    { required: true, message: "请输入电子邮箱", trigger: "blur" }
  ],
  identifyValidDate: [
    { required: true, message: "请选择有效期起期", trigger: "change" }
  ],
  identifyValidEndDate: [
    { required: true, message: "请选择有效期止期", trigger: "change" }
  ],
})

// 险种
let insuranceForm = ref({
  productId: null,

  taxRelifFlag: '1', // 纳税类型
  identifyNumber: '', // 纳税人识别号
  organizationCode: '', // 企业纳税人识别号
  taxpayerName: '', // 纳税人名称
  taxpayerIdentifier: '', // 证件类型

  extendChar2: '', // 减免税凭证号
  relifReason: '', // 减免税原因

  paidFreeCertificate: '', // 完税凭证号
  taxComCode: '', // 税务机关代码
  taxComName: '', // 税务机关名称
  taxRelief: '', // 减税比例
  taxDocumentDate: '', // 完税凭证填发日期
  taxPaidAreaCode: '', // 完税凭证地区

  jqStart: '', // 交强起保时间起期
  jqEnd: '', // 交强起保时间止期
  syStart: '', // 商业起保时间起期
  syEnd: '', // 商业起保时间止期
})
let insuranceRules = ref({
  taxRelifFlag: [
    { required: true, message: "请选择纳税类型", trigger: "change" }
  ],
    identifyNumber: [
    { required: true, message: "请输入纳税人识别号", trigger: "blur" }
  ],
  organizationCode: [
    { required: true, message: "请输入纳税人识别号", trigger: "blur" }
  ],
  taxpayerName: [
    { required: true, message: "请输入纳税人名称", trigger: "blur" }
  ],
  taxpayerIdentifier: [
    { required: true, message: "请选择证件类型", trigger: "change" }
  ],
  extendChar2: [
      { required: true, message: "请输入减免税凭证号", trigger: "blur" }
  ],
  relifReason: [
      { required: true, message: "请输入减免税原因", trigger: "blur" }
  ],
  paidFreeCertificate: [
      { required: true, message: "请输入完税凭证号", trigger: "blur" }
  ],
  taxComCode:[
      { required: true, message: "请输入税务机关代码", trigger: "blur" }
  ],
  taxComName: [
      { required: true, message: "请输入税务机关名称", trigger: "blur" }
  ],
  taxRelief: [
      { required: true, message: "请输入减税比例", trigger: "blur" }
  ],
  taxDocumentDate: [
      { required: true, message: "请选择完税凭证填发日期", trigger: "change" }
  ],
  taxPaidAreaCode: [
      { required: true, message: "请选择完税凭证地区", trigger: "change" }
  ],
})
// 列表
let insuranceData = ref([])
// 交强即时生效
let jqWork = ref([
  { text: '即时生效', checked: false }
])
// 根据身份证号换算年龄
const getAgeByIdCard = (idCard: any, type?: any) => {
  //获取用户身份证号码
  const userCard = idCard
  //如果用户身份证号码为undefined则返回空
  if (!userCard) {
    return ''
  }
  // 获取出生日期
  const yearBirth = userCard.substring(6, 10)
  const monthBirth = userCard.substring(10, 12)
  const dayBirth = userCard.substring(12, 14)
  // 获取当前年月日并计算年龄
  const myDate = new Date()
  const monthNow = myDate.getMonth() + 1
  const dayNow = myDate.getDate()
  let age = myDate.getFullYear() - yearBirth
  if (monthNow > monthBirth || (monthNow == monthBirth && dayNow > dayBirth)) {
    age++
  }
  type.age = age
  return age
}
const noeYearPast = (time) => {
  let strYear: any = time.getFullYear();
  let strDay: any = time.getDate();
  let strMonth: any = time.getMonth() + 1;
  let hh: any = time.getHours();
  let minutes: any = time.getMinutes(); // 分
  let Seconds: any = time.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;
  }
  let datastr =
    strYear +
    "-" +
    strMonth +
    "-" +
    strDay +
    " " +
    hh +
    ":" +
    minutes +
    ":" +
    Seconds;
  return datastr;
}
const oneYearPast1 = (time) => {
  //明年减一秒
  let date = new Date(time);
  date.setSeconds(date.getSeconds() - 1);
  date.setFullYear(date.getFullYear() + 1); //一年后
  date.setTime(date.getTime()); //一年后的前一天
  let strYear: any = date.getFullYear();
  let strDay: any = date.getDate();
  let strMonth: any = date.getMonth() + 1;
  let hh: any = date.getHours();
  let minutes: any = date.getMinutes(); // 分
  let Seconds: any = 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;
  }
  let datastr =
    strYear +
    "-" +
    strMonth +
    "-" +
    strDay +
    " " +
    hh +
    ":" +
    minutes +
    ":" +
    Seconds;
  return datastr;
}
//当前日期的次日
const transformTime1 = () => {
  let date = new Date();
  date.setFullYear(date.getFullYear());
  date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
  let strYear: any = date.getFullYear();
  let strDay: any = date.getDate();
  let strMonth: any = date.getMonth() + 1;
  let hh: any = date.getHours();
  if (hh < 10) {
    hh = "0" + hh;
  }
  if (strMonth < 10) {
    strMonth = "0" + strMonth;
  }
  if (strDay < 10) {
    strDay = "0" + strDay;
  }
  let datastr = strYear + "-" + strMonth + "-" + strDay + " " + "00:00:00";
  return datastr;
}
const JQChange = (item) => {
  item.checked = !item.checked
  if(jqWork.value.some( a => a.checked )) {
    let date: any = new Date();
    date.setHours(date.getHours() + 2);
    date.setMinutes(0);
    date.setSeconds(0);
    insuranceForm.value.jqStart = noeYearPast(date)
    insuranceForm.value.jqEnd = oneYearPast1(date)
  } else {
    insuranceForm.value.jqStart = transformTime1()
    insuranceForm.value.jqEnd = oneYearPast1(insuranceForm.value.jqStart)
  }
}
// 商业即时生效
let syWork = ref([
  { text: '即时生效', checked: false }
])
const SYChange = (item) => {
  item.checked = !item.checked
  if(syWork.value.some( a => a.checked )) {
    let date: any = new Date();
    date.setHours(date.getHours() + 2);
    date.setMinutes(0);
    date.setSeconds(0);
    insuranceForm.value.syStart = noeYearPast(date)
    insuranceForm.value.syEnd = oneYearPast1(date)
  } else {
    insuranceForm.value.syStart = transformTime1()
    insuranceForm.value.syEnd = oneYearPast1(insuranceForm.value.syStart)
  }
}

//车辆投保信息
let quoteForm = ref({
  transfer: null,
  companyId: '',
  signingTime: '',
  scope: '',
  taxPremium: '',
  jqApplyNo: '',
  jqRenewal: '',
  jqPremium: '',
  jyPremium: '',
  syPolicyNo: '',
  syRenewal: '',
  syPremium: '',
  sumPremium: ''
})
let quoteRules = ref({
  companyId: [
    { required: true, message: "请选择保险公司", trigger: "change" }
  ],
  signingTime: [
    { required: true, message: "请选择签单日期", trigger: "change" }
  ]
})
// 影像上传
let uploadShow = ref(false)
let fileList = ref([])
const handleUpload = () => {
  uploadShow.value = true
  if(fileList.value) {
    nextTick(() => {
      ImageDataRef.value.initData(fileList.value, 'edit')
    })
  } else {
    let obj = {
      xszFrontResult: xszFrontResult.value,
      xszBackResult: xszBackResult.value,
      sfzFrontResult: sfzFrontResult.value,
      sfzBackResult: sfzBackResult.value,
      sfz1FrontResult: sfz1FrontResult.value,
      sfz1BackResult: sfz1BackResult.value,
      sfz2FrontResult: sfz2FrontResult.value,
      sfz2BackResult: sfz2BackResult.value
    }
    nextTick(() => {
      ImageDataRef.value.initData(obj)
    })
  }
}
const handleImageData = (data) => {
  if(data&&data.length>0) {
    fileList.value = [...data]
  }
  uploadShow.value = false
}

// 识别上传
// 行驶证
let xszFront = ref('')
let xszBack = ref('')
let sfzFront = ref('')
let sfzBack = ref('')
let sfz1Front = ref('')
let sfz1Back = ref('')
let sfz2Front = ref('')
let sfz2Back = ref('')

let xszFrontFile = ref(null)
let xszBackFile = ref(null)
let sfzFrontFile = ref(null)
let sfzBackFile = ref(null)
let sfz1FrontFile = ref(null)
let sfz1BackFile = ref(null)
let sfz2FrontFile = ref(null)
let sfz2BackFile = ref(null)

let xszFrontResult = ref(null)
let xszBackResult = ref(null)
let sfzFrontResult = ref(null)
let sfzBackResult = ref(null)
let sfz1FrontResult = ref(null)
let sfz1BackResult = ref(null)
let sfz2FrontResult = ref(null)
let sfz2BackResult = ref(null)

// 保费信息
let historyForm = ref({
  costFlag: null,
  jqOtherCostsProportion: '',
  syOtherCostsProportion: '',

})
let historyRules = ref({
  a:[
    { required: true, message: "请选择报价协议", trigger: "change" }
  ],
  b:[
    { required: true, message: "请选择是否现询", trigger: "change" }
  ],
  c:[
    { required: true, message: "请选择非现询费用", trigger: "change" }
  ],
})
// 交强保单
let jqPolicyName = ref('')
let jqPolicyId = ref('')
let jqPolicy = ref('')
// 商业保单
let syPolicyName = ref('')
let syPolicyId = ref('')
let syPolicy = ref('')
// 非车保单
let noPolicyName = ref('')
let noPolicyId = ref('')
let noPolicy = ref('')
// 交强电子标志
let jqSignName = ref('')
let jqSignId = ref('')
let jqSign = ref('')
// 图片预览地址
let imageShow = ref(false)
let imageUrl = ref('')
// word
let fileShow = ref(false)
let fileUrl = ref('')

// 上传图片
const uploadImage = async (file, type) => {
  let files = file.raw
  const params = new FormData(); // 声明formData数据类型
  params.append("file", files);
  params.append("type", "image");

  const { code, data, msg } = await api.commonApi.fileUpload(params)
  if(code == 200) {
    let result: any = {...data}
    switch (type) {
      case 'xszf':
        xszFront.value = result.downloadUrl
        xszFrontFile.value = files
        xszFrontResult.value = result
        if(xszFront.value&&xszBack.value) {
          const fileParams = new FormData()
          fileParams.append('image1', xszFrontFile.value)
          fileParams.append('image2', xszBackFile.value)
          api.additionalApi.drivingPermit(fileParams).then((res: any) => {
            if(res.code == 200) {
              let data = res.data.carInfo
              carForm.value.licenseNo = data.plateNo // 车牌号
              carForm.value.vinNo = data.vin // 车架号
              carForm.value.brandName = data.backOcrID // 品牌型号
              carForm.value.engineNo = data.engine // 发动机
              // carForm.value.carYear = data.carYear // 年款
              carForm.value.seatCount = data.approvedPassengersCapacity // 座位数
              carForm.value.completeKerbMass = data.unladenMass // 整备质量
              carForm.value.limitLoad = data.limitLoad // 核定载质量
              // carForm.value.displacement = data.displacement // 排量
              carForm.value.powerScale = data.powerScale // 功率
              // carForm.value.purchasePrice = data.purchasePrice // 新车购置价
              carForm.value.carNatureCode = data.useNature // 使用性质
              carForm.value.vehicleUseCode = data.vehicleUse // 车辆用途
              carForm.value.carTypeCode = data.category // 车辆类型
              carForm.value.energyTypeCode = carForm.value.licenseNo && carForm.value.length == 7?data.plateType: '0' // 能源种类
              carForm.value.registerDate = data.registerDate // 注册日期
              carForm.value.issueDate = data.issueDate // 发证日期
            } else {
              ElMessage({
                message: res.msg,
                type: 'warning'
              })
            }
          })
        }
        break;
      case 'xszb':
        xszBack.value = result.downloadUrl
        xszBackFile.value = files
        xszBackResult.value = result
        if(xszFront.value&&xszBack.value) {
          const fileParams = new FormData()
          fileParams.append('image1', xszFrontFile.value)
          fileParams.append('image2', xszBackFile.value)
          api.additionalApi.drivingPermit(fileParams).then((res: any) => {
            let data = res.data.carInfo
            carForm.value.licenseNo = data.plateNo
            carForm.value.vinNo = data.vin
            carForm.value.brandName = data.backOcrID
            carForm.value.engineNo = data.engine
            // carForm.value.carYear = data.backOcrID
            carForm.value.seatCount = data.approvedPassengersCapacity
            carForm.value.completeKerbMass = data.unladenMass
            carForm.value.limitLoad = data.limitLoad
            // carForm.value.displacement = data.backOcrID
            // carForm.value.powerScale = data.backOcrID
            // carForm.value.purchasePrice = data.backOcrID
            carForm.value.carNatureCode = data.useNature
            carForm.value.vehicleUseCode = data.vehicleUse
            carForm.value.carTypeCode = data.category
            carForm.value.energyTypeCode = data.plateType
            carForm.value.registerDate =
              data.registerDate.substring(0, 4) +
              "-" +
              data.registerDate.substring(4, 6) +
              "-" +
              data.registerDate.substring(6, 8);
            carForm.value.issueDate =
              data.issueDate.substring(0, 4) +
              "-" +
              data.issueDate.substring(4, 6) +
              "-" +
              data.issueDate.substring(6, 8);
            api.additionalApi.vinSearch(data.vin).then((sub: any) => {
              if(res.code == 200) {

              } else {
                ElMessage({
                  message: res.msg,
                  type: 'warning'
                })
              }
            })
          })
        }
        break;
      case 'sfzf':
        sfzFront.value = result.downloadUrl
        sfzFrontFile.value = files
        sfzFrontResult.value = result
        if(sfzFrontFile.value&&sfzBackFile.value) {
          const fileParams = new FormData()
          fileParams.append('image1', sfzFrontFile.value)
          fileParams.append('image2', sfzBackFile.value)
          api.additionalApi.idCard(fileParams).then((res: any) => {
            if(res.code == 200) {
              const data = res.data.customerInfo
              owerForm.value.name = data.name
              owerForm.value.mobile = data.mobile
              owerForm.value.addr = data.addr
              owerForm.value.identifyNumber = data.identifyNumber
              owerForm.value.identifyValidDate =
                data.identifyValidDate.substring(0, 4) +
                "-" +
                data.identifyValidDate.substring(4, 6) +
                "-" +
                data.identifyValidDate.substring(6, 8);
              owerForm.value.identifyValidEndDate = data.identifyValidEndDate?data.identifyValidEndDate==='长期'?'9999-12-31':
                data.identifyValidEndDate.substring(0, 4) +
                "-" +
                data.identifyValidEndDate.substring(4, 6) +
                "-" +
                data.identifyValidEndDate.substring(6, 8):''
              owerForm.value.age = getAgeByIdCard(data.identifyNumber)
              owerForm.value.gender = data.identifyIssuedCom
              owerForm.value.email = data.email
            } else {
              ElMessage({
                message: res.msg,
                type: 'warning'
              })
            }
          })
        }
        break;
      case 'sfzb':
        sfzBack.value = result.downloadUrl
        sfzBackFile.value = files
        sfzBackResult.value = result
        if(sfzFrontFile.value&&sfzBackFile.value) {
          const fileParams = new FormData()
          fileParams.append('image1', sfzFrontFile.value)
          fileParams.append('image2', sfzBackFile.value)
          api.additionalApi.idCard(fileParams).then((res: any) => {
            if(res.code == 200) {
              const data = res.data.customerInfo
              owerForm.value.name = data.name
              owerForm.value.mobile = data.mobile
              owerForm.value.addr = data.addr
              owerForm.value.identifyNumber = data.identifyNumber
              owerForm.value.identifyValidDate =
                data.identifyValidDate.substring(0, 4) +
                "-" +
                data.identifyValidDate.substring(4, 6) +
                "-" +
                data.identifyValidDate.substring(6, 8);
              owerForm.value.identifyValidEndDate = data.identifyValidEndDate?data.identifyValidEndDate==='长期'?'9999-12-31':
                data.identifyValidEndDate.substring(0, 4) +
                "-" +
                data.identifyValidEndDate.substring(4, 6) +
                "-" +
                data.identifyValidEndDate.substring(6, 8): ''
              owerForm.value.age = getAgeByIdCard(data.identifyNumber)
              owerForm.value.gender = data.identifyIssuedCom
              owerForm.value.email = data.email
            } else {
              ElMessage({
                message: res.msg,
                type: 'warning'
              })
            }
          })
        }
        break;
      case 'sfzf1':
        sfz1Front.value = result.downloadUrl
        sfz1FrontFile.value = files
        sfz1FrontResult.value = result
        if(sfz1FrontFile.value&&sfz1BackFile.value) {
          const fileParams = new FormData()
          fileParams.append('image1', sfz1FrontFile.value)
          fileParams.append('image2', sfz1BackFile.value)
          api.additionalApi.idCard(fileParams).then((res: any) => {
            if(res.code == 200) {
              const data = res.data.customerInfo
              ower1Form.value.name = data.name
              ower1Form.value.mobile = data.mobile
              ower1Form.value.addr = data.addr
              ower1Form.value.identifyNumber = data.identifyNumber
              ower1Form.value.identifyValidDate =
                data.identifyValidDate.substring(0, 4) +
                "-" +
                data.identifyValidDate.substring(4, 6) +
                "-" +
                data.identifyValidDate.substring(6, 8);
              ower1Form.value.identifyValidEndDate = data.identifyValidEndDate?data.identifyValidEndDate==='长期'?'9999-12-31':
                data.identifyValidEndDate.substring(0, 4) +
                "-" +
                data.identifyValidEndDate.substring(4, 6) +
                "-" +
                data.identifyValidEndDate.substring(6, 8): ''
              ower1Form.value.age = getAgeByIdCard(data.identifyNumber)
              ower1Form.value.gender = data.identifyIssuedCom
              ower1Form.value.email = data.email
            } else {
              ElMessage({
                message: res.msg,
                type: 'warning'
              })
            }
          })
        }
        break;
      case 'sfzb1':
        sfz1Back.value = result.downloadUrl
        sfz1BackFile.value = files
        sfz1BackResult.value = result
        if(sfz1FrontFile.value&&sfz1BackFile.value) {
          const fileParams = new FormData()
          fileParams.append('image1', sfz1FrontFile.value)
          fileParams.append('image2', sfz1BackFile.value)
          api.additionalApi.idCard(fileParams).then((res: any) => {
            if(res.code == 200) {
              const data = res.data.customerInfo
              ower1Form.value.name = data.name
              ower1Form.value.mobile = data.mobile
              ower1Form.value.addr = data.addr
              ower1Form.value.identifyNumber = data.identifyNumber
              ower1Form.value.identifyValidDate =
                data.identifyValidDate.substring(0, 4) +
                "-" +
                data.identifyValidDate.substring(4, 6) +
                "-" +
                data.identifyValidDate.substring(6, 8);
              ower1Form.value.identifyValidEndDate = data.identifyValidEndDate?data.identifyValidEndDate==='长期'?'9999-12-31':
                data.identifyValidEndDate.substring(0, 4) +
                "-" +
                data.identifyValidEndDate.substring(4, 6) +
                "-" +
                data.identifyValidEndDate.substring(6, 8):''
              ower1Form.value.age = getAgeByIdCard(data.identifyNumber)
              ower1Form.value.gender = data.identifyIssuedCom
              ower1Form.value.email = data.email
            } else {
              ElMessage({
                message: res.msg,
                type: 'warning'
              })
            }
          })
        }
        break;
      case 'sfzf2':
        sfz2Front.value = result.downloadUrl
        sfz2FrontFile.value = files
        sfz2FrontResult.value = result
        if(sfz2FrontFile.value&&sfz2BackFile.value) {
          const fileParams = new FormData()
          fileParams.append('image1', sfz2FrontFile.value)
          fileParams.append('image2', sfz2BackFile.value)
          api.additionalApi.idCard(fileParams).then((res: any) => {
            if(res.code == 200) {
              const data = res.data.customerInfo
              ower2Form.value.name = data.name
              ower2Form.value.mobile = data.mobile
              ower2Form.value.addr = data.addr
              ower2Form.value.identifyNumber = data.identifyNumber
              ower2Form.value.identifyValidDate =
                data.identifyValidDate.substring(0, 4) +
                "-" +
                data.identifyValidDate.substring(4, 6) +
                "-" +
                data.identifyValidDate.substring(6, 8);
              ower2Form.value.identifyValidEndDate = data.identifyValidEndDate?data.identifyValidEndDate==='长期'?'9999-12-31':
                data.identifyValidEndDate.substring(0, 4) +
                "-" +
                data.identifyValidEndDate.substring(4, 6) +
                "-" +
                data.identifyValidEndDate.substring(6, 8):''
              ower2Form.value.age = getAgeByIdCard(data.identifyNumber)
              ower2Form.value.gender = data.identifyIssuedCom
              ower2Form.value.email = data.email
            } else {
              ElMessage({
                message: res.msg,
                type: 'warning'
              })
            }
          })
        }
        break;
      case 'sfzb2':
        sfz2Back.value = result.downloadUrl
        sfz2BackFile.value = files
        sfz2BackResult.value = result
        if(sfz2FrontFile.value&&sfz2BackFile.value) {
          const fileParams = new FormData()
          fileParams.append('image1', sfz2FrontFile.value)
          fileParams.append('image2', sfz2BackFile.value)
          api.additionalApi.idCard(fileParams).then((res: any) => {
            if(res.code == 200) {
              const data = res.data.customerInfo
              ower2Form.value.name = data.name
              ower2Form.value.mobile = data.mobile
              ower2Form.value.addr = data.addr
              ower2Form.value.identifyNumber = data.identifyNumber
              ower2Form.value.identifyValidDate =
                data.identifyValidDate.substring(0, 4) +
                "-" +
                data.identifyValidDate.substring(4, 6) +
                "-" +
                data.identifyValidDate.substring(6, 8);
              ower2Form.value.identifyValidEndDate = data.identifyValidEndDate?data.identifyValidEndDate==='长期'?'9999-12-31':
                data.identifyValidEndDate.substring(0, 4) +
                "-" +
                data.identifyValidEndDate.substring(4, 6) +
                "-" +
                data.identifyValidEndDate.substring(6, 8): ''
              ower2Form.value.age = getAgeByIdCard(data.identifyNumber)
              ower2Form.value.gender = data.identifyIssuedCom
              ower2Form.value.email = data.email
            } else {
              ElMessage({
                message: res.msg,
                type: 'warning'
              })
            }
          })
        }
        break;
      case 4:
        jqPolicyName.value = result.fileName
        jqPolicy.value = result.downloadUrl
        jqPolicyId.value = result.id
        break;
      case 5:
        syPolicyName.value = result.fileName
        syPolicy.value = result.downloadUrl
        syPolicyId.value = result.id
        break;
      case 6:
        noPolicyName.value = result.fileName
        noPolicy.value = result.downloadUrl
        noPolicyId.value = result.id
        break;
      case 7:
        jqSignName.value = result.fileName
        jqSign.value = result.downloadUrl
        jqSignId.value = result.id
        break;
    }
  } else {
    ElMessage({
      message: msg,
      type: 'error'
    })
  }
}
// word预览
const filePreview = (file) => {
  nextTick(() => {
    fileUrl.value = file
  })
}

// 图片预览
const imageView = (type) => {
  switch (type) {
    case 4:
      imageUrl.value = jqPolicy.value
      nextTick(() => {
        // loadPdf(jqPolicy.value)
        if(jqPolicy.value.includes('.pdf')) {
          window.open(jqPolicy.value, '_blank')
        } else if(jqPolicy.value.includes('.doc') || jqPolicy.value.includes('.docx')) {
          fileShow.value = true
          nextTick(() => {
            filePreview(jqPolicy.value)
          })
        } else if(jqPolicy.value.includes('.jpg') || jqPolicy.value.includes('.jpeg') || jqPolicy.value.includes('.png')) {
          imageShow.value = true
        }
      })
      break;
    case 5:
      imageUrl.value = syPolicy.value
      nextTick(() => {
        // loadPdf(syPolicy.value)
        if(syPolicy.value.includes('.pdf')) {
          window.open(syPolicy.value, '_blank')
        } else if(syPolicy.value.includes('.doc') || syPolicy.value.includes('.docx')) {
          fileShow.value = true
          filePreview(syPolicy.value)
        } else if(syPolicy.value.includes('.jpg') || syPolicy.value.includes('.jpeg') || syPolicy.value.includes('.png')) {
          imageShow.value = true
        }
      })
      break;
    case 6:
      imageUrl.value = noPolicy.value
      nextTick(() => {
        // loadPdf(noPolicy.value)
        if(noPolicy.value.includes('.pdf')) {
          window.open(noPolicy.value, '_blank')
        } else if(noPolicy.value.includes('.doc') || noPolicy.value.includes('.docx')) {
          fileShow.value = true
          filePreview(noPolicy.value)
        } else if(noPolicy.value.includes('.jpg') || noPolicy.value.includes('.jpeg') || noPolicy.value.includes('.png')) {
          imageShow.value = true
        }
      })
      break;
    case 7:
      imageUrl.value = jqSign.value
      nextTick(() => {
        // loadPdf(jqSign.value)
        if(jqSign.value.includes('.pdf')) {
          window.open(jqSign.value, '_blank')
        } else if(jqSign.value.includes('.doc') || jqSign.value.includes('.docx')) {
          fileShow.value = true
          filePreview(jqSign.value)
        } else if(jqSign.value.includes('.jpg') || jqSign.value.includes('.jpeg') || jqSign.value.includes('.png')) {
          imageShow.value = true
        }
      })
      break;
  }
}

// 图片下载
const download = (url, name) => {
  let image = new Image();
  // 解决跨域 Canvas 污染问题
  image.setAttribute("crossOrigin", "anonymous");
  image.onload = function () {
    let canvas = document.createElement("canvas");
    canvas.width = image.width;
    canvas.height = image.height;
    let context = canvas.getContext("2d");
    context.drawImage(image, 0, 0, image.width, image.height);
    let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
    let a = document.createElement("a"); // 生成一个a元素
    let event = new MouseEvent("click"); // 创建一个单击事件
    a.download = name; // 设置图片名称
    a.href = url; // 将生成的URL设置为a.href属性
    a.dispatchEvent(event); // 触发a的单击事件
  }
  image.src = url
}
const downloadImage = (type) => {
  switch (type) {
    case 4:
      download(jqPolicy.value,jqPolicyName.value)
      break;
    case 5:
      download(syPolicy.value,syPolicyName.value)
      break;
    case 6:
      download(noPolicy.value,noPolicyName.value)
      break;
    case 7:
      download(jqSign.value,jqSignName.value)
      break;
  }
}
// 图片删除
const deleteImage = (type) => {
  switch (type) {
    case 4:
      jqPolicy.value = ''
      jqPolicyName.value = ''
      break;
    case 5:
      syPolicy.value = ''
      syPolicyName.value = ''
      break;
    case 6:
      noPolicy.value = ''
      noPolicyName.value = ''
      break;
    case 7:
      jqSign.value = ''
      jqSignName.value = ''
      break;
  }
}

// 选择业务员
let salesmanShow = ref(false)
const handleFocus = () => {
  salesmanShow.value = true
  nextTick(() => {
    SalesmanSelectRef.value.initEditData()
  })
}
const handleSalesmanSelect = (data) => {
  salesmanShow.value = false
  if(data) {
    form.value.name = data.name
    form.value.type = '代理人'
    initDept()
  }
}

// 归属
const initDept = () => {
  api.insuranceApi.getDeptTree({ sysCode: localStorage.getItem('sysCode')}).then((res: any) => {
    if(res.code == 200) {
      institutionList.value = res.data
    } else {
      ElMessage({
        message: res.msg,
        type: 'warning'
      })
    }
  })
}

// 选择车型
let carTypeShow = ref(false)
const handleCarType = (type) => {
  carTypeShow.value = true
  nextTick(() => {
    CarTypeSelectRef.value.initData(type === 1?carForm.value.vinNo:carForm.value.brandName, type)
  })
}
const handleCarTypeSelect = (data) => {
  carTypeShow.value = false
  carForm.value.carYear = data.marketYear
  carForm.value.completeKerbMass = data.wholeWeight
  carForm.value.displacement = data.displacement
  carForm.value.purchasePrice = data.replacementValue
  carForm.value.energyTypeCode = carForm.value.licenseNo && carForm.value.length == 7?data.energyTypes: '0'
  writeCarForm.value.energyTypeCode = writeCarForm.value.licenseNo && writeCarForm.value.length == 7?data.energyTypes: '0'
}

// 选择险种
let insuranceShow = ref(false)
const handleInsurance = () => {
  insuranceShow.value = true
  nextTick(() => {
    InsuranceSelectRef.value.initEditData()
  })
}
const handleInsuranceSelect = (data) => {
  insuranceShow.value = false
  let list = [...data.list]
  if(list && list.length > 0) {
    list.forEach(a => {
      let obj = a.options.find(b => b.checked)
      a.amount = obj.value
    })
    insuranceData.value = list
  }
}

// 暂存
const handleSave = () => {
  let obj:{
    carInfoVo: any,
    ownersInfo: any, // 车主信息
    policyHolderInfo: any, // 投保人信息
    insuredPersonInfo: any, // 被投保人信息
    kindInfoVo: [], // 险种
    insOrders: {
      productId: string
    }, // 保险订单
    vehicleAndVesselTax: any, // 车船税
    ciRiskInfoVo: any, // 起保时间-交强险
    biRiskInfoVo: any, // 起保时间-商业险
    insOrdersOtherInfo: any, // 投保信息
    imagesAdds: {
      images: any[]
    }, // 影像资料
    insOrdersExternalPolicy: any, // 电子保单
    isTemporarily: number | undefined, // 0暂存1提交
  } = {
    carInfoVo: null,
    ownersInfo: null,
    policyHolderInfo: null,
    insuredPersonInfo: null,
    kindInfoVo: [],
    insOrders: {
      productId: insuranceForm.value.productId
    },
    vehicleAndVesselTax: null,
    ciRiskInfoVo: null,
    biRiskInfoVo: null,
    insOrdersOtherInfo: null,
    imagesAdds: {
      images: []
    },
    insOrdersExternalPolicy: null,
    isTemporarily: 1
  }
  if(detailData.value) {
    obj.insOrders = detailData.value.insOrders
  }
  if(carSwitch.value) {
    obj.carInfoVo = carForm.value
  } else {
    obj.carInfoVo = writeCarForm.value
  }
  if(owerSwitch.value) {
    obj.ownersInfo = owerForm.value
  } else {
    obj.ownersInfo = writeOwerForm.value
  }
  if(ower1Switch.value) {
    if(btns.value.ower1Show) {
      obj.policyHolderInfo = {
        ...obj.ownersInfo,
        carOwner: 1
      }
    } else {
      obj.policyHolderInfo = ower1Form.value
    }
  } else {
    obj.policyHolderInfo = writeOwer1Form.value
  }
  if(ower2Switch.value) {
    if(btns.value.ower2show) {
      let object = btns.value.ower2.find(a => a.checked)
      if(object.text === '同被保人') {
        obj.insuredPersonInfo = {
          ...obj.policyHolderInfo,
          carOwner: 2
        }
      } else {
        obj.insuredPersonInfo = {
          ...obj.ownersInfo,
          carOwner: 1
        }
      }
    } else {
      obj.insuredPersonInfo = ower2Form.value
    }
  } else {
    obj.insuredPersonInfo = writeOwer2Form.value
  }
  obj.vehicleAndVesselTax = {
    taxRelifFlag: insuranceForm.value.taxRelifFlag,
    identifyNumber: insuranceForm.value.identifyNumber,
    organizationCode: insuranceForm.value.organizationCode,
    taxpayerName: insuranceForm.value.taxpayerName,
    taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
    extendChar2: insuranceForm.value.extendChar2,
    relifReason: insuranceForm.value.relifReason,
    paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
    taxComCode: insuranceForm.value.taxComCode,
    taxComName: insuranceForm.value.taxComName,
    taxRelief: insuranceForm.value.taxRelief,
    taxDocumentDate: insuranceForm.value.taxDocumentDate,
    taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
  }
  obj.ciRiskInfoVo = {
    instantFlag: jqWork.value.some(a => a.checked)?true : false,
    startDate: insuranceForm.value.jqStart,
    endDate: insuranceForm.value.jqEnd,
    riskCode: '0507'
  }
  obj.biRiskInfoVo = {
    instantFlag: syWork.value.some(a => a.checked)?true : false,
    startDate: insuranceForm.value.syStart,
    endDate: insuranceForm.value.syEnd,
    riskCode: '0510'
  }
  if(fileList.value.length>0) {
    obj.imagesAdds.images = fileList.value
  } else {
    obj.imagesAdds.images = [
      {
        imageType: 'C01',
        imageId: xszFrontResult.value?.id
      },
      {
        imageType: 'D01',
        imageId: xszBackResult.value?.id
      },
      {
        imageType: 'C02',
        imageId: sfzFrontResult.value?.id
      },
      {
        imageType: 'D02',
        imageId: sfzBackResult.value?.id
      },
      {
        imageType: 'C03',
        imageId: sfz1FrontResult.value?.id
      },
      {
        imageType: 'D03',
        imageId: sfz1BackResult.value?.id
      },
      {
        imageType: 'C04',
        imageId: sfz2FrontResult.value?.id
      },
      {
        imageType: 'D04',
        imageId: sfz2BackResult.value?.id
      }
    ]
  }
  obj.insOrdersOtherInfo = quoteForm.value
  obj.insOrdersExternalPolicy = {
    jqPolicy: jqPolicyId.value,
    syPolicy: syPolicyId.value,
    noPolicy: noPolicyId.value,
    jqSign: jqSignId.value
  }
  obj.kindInfoVo = insuranceData.value
  if(myRoute.query.id) {
    api.additionalApi.updateOrders(obj).then((res: any) => {
      if(res.code == 200) {
        myRouter.push({
          path: '/additionalOrder/temporarily'
        })
        ElMessage({
          message: res.msg,
          type: 'success'
        })
      } else {
        ElMessage({
          message: res.msg,
          type: 'warning'
        })
      }
    })
  } else {
    api.additionalApi.saveOrders(obj).then((res: any) => {
      if(res.code == 200) {
        myRouter.push({
          path: '/additionalOrder/temporarily'
        })
        ElMessage({
          message: res.msg,
          type: 'success'
        })
      } else {
        ElMessage({
          message: res.msg,
          type: 'warning'
        })
      }
    })
  }
}
// 提交
const handleSubmit = () => {
  let obj:{
    carInfoVo: any,
    ownersInfo: any, // 车主信息
    policyHolderInfo: any, // 投保人信息
    insuredPersonInfo: any, // 被投保人信息
    kindInfoVo: [], // 险种
    insOrders: {
      productId: string
    }, // 保险订单
    vehicleAndVesselTax: any, // 车船税
    ciRiskInfoVo: any, // 起保时间-交强险
    biRiskInfoVo: any, // 起保时间-商业险
    insOrdersOtherInfo: any, // 投保信息
    imagesAdds: {
      images: any[]
    }, // 影像资料
    insOrdersExternalPolicy: any, // 电子保单
    isTemporarily: number | undefined, // 0暂存1提交
  } = {
    carInfoVo: null,
    ownersInfo: null,
    policyHolderInfo: null,
    insuredPersonInfo: null,
    kindInfoVo: [],
    insOrders: {
      productId: insuranceForm.value.productId
    },
    vehicleAndVesselTax: null,
    ciRiskInfoVo: null,
    biRiskInfoVo: null,
    insOrdersOtherInfo: null,
    imagesAdds: {
      images: []
    },
    insOrdersExternalPolicy: null,
    isTemporarily: 0
  }
  if(detailData.value) {
    obj.insOrders = detailData.value.insOrders
  }
  obj.vehicleAndVesselTax = {
    taxRelifFlag: insuranceForm.value.taxRelifFlag,
    identifyNumber: insuranceForm.value.identifyNumber,
    organizationCode: insuranceForm.value.organizationCode,
    taxpayerName: insuranceForm.value.taxpayerName,
    taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
    extendChar2: insuranceForm.value.extendChar2,
    relifReason: insuranceForm.value.relifReason,
    paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
    taxComCode: insuranceForm.value.taxComCode,
    taxComName: insuranceForm.value.taxComName,
    taxRelief: insuranceForm.value.taxRelief,
    taxDocumentDate: insuranceForm.value.taxDocumentDate,
    taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
  }
  obj.ciRiskInfoVo = {
    instantFlag: jqWork.value.some(a => a.checked)?true : false,
    startDate: insuranceForm.value.jqStart,
    endDate: insuranceForm.value.jqEnd,
    riskCode: '0507'
  }
  obj.biRiskInfoVo = {
    instantFlag: syWork.value.some(a => a.checked)?true : false,
    startDate: insuranceForm.value.syStart,
    endDate: insuranceForm.value.syEnd,
    riskCode: '0510'
  }
  if(fileList.value.length>0) {
    obj.imagesAdds.images = fileList.value
  } else {
    obj.imagesAdds.images = [
      {
        imageType: 'C01',
        imageId: xszFrontResult.value?.id
      },
      {
        imageType: 'D01',
        imageId: xszBackResult.value?.id
      },
      {
        imageType: 'C02',
        imageId: sfzFrontResult.value?.id
      },
      {
        imageType: 'D02',
        imageId: sfzBackResult.value?.id
      },
      {
        imageType: 'C03',
        imageId: sfz1FrontResult.value?.id
      },
      {
        imageType: 'D03',
        imageId: sfz1BackResult.value?.id
      },
      {
        imageType: 'C04',
        imageId: sfz2FrontResult.value?.id
      },
      {
        imageType: 'D04',
        imageId: sfz2BackResult.value?.id
      }
    ]
  }
  obj.insOrdersExternalPolicy = {
    jqPolicy: jqPolicyId.value,
    syPolicy: syPolicyId.value,
    noPolicy: noPolicyId.value,
    jqSign: jqSignId.value
  }
  obj.kindInfoVo = insuranceData.value
  if(carSwitch.value) {
    // 车辆信息识别
    carFormRefs.value?.validate((valid) => {
      if(valid) {
        obj.carInfoVo = carForm.value
        if(owerSwitch.value) {
          // 车主信息识别
          owerFormRefs.value?.validate((valid) => {
            if(valid) {
              obj.ownersInfo = owerForm.value
              if(ower1Switch.value) {
                // 投保人信息识别
                ower1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = ower1Form.value
                    if(ower2Switch.value) {
                      // 被投保人信息识别
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value
                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      // 被投保人信息手填
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
                if(btns.value.ower1Show) {
                  obj.policyHolderInfo = obj.ownersInfo
                  if(ower2Switch.value) {
                    ower2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = ower2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                    if(btns.value.ower2show) {
                      let object = btns.value.ower2.find(a => a.checked)
                      if(object.text === '同被保人') {
                        obj.insuredPersonInfo = obj.policyHolderInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      } else {
                        obj.insuredPersonInfo = obj.ownersInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    }
                  } else {
                    writeOwer2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = writeOwer2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                  }
                }
              } else {
                // 投保人信息手填
                writeOwer1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = writeOwer1Form.value
                    if(ower2Switch.value) {
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
              }
            }
          })
          obj.ownersInfo = owerForm.value
        } else {
          // 车主信息手填
          writeOwerFormRefs.value?.validate((valid) => {
            if(valid) {
              obj.ownersInfo = writeOwerForm.value
              if(ower1Switch.value) {
                // 投保人信息识别
                ower1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = ower1Form.value
                    if(ower2Switch.value) {
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value
                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
                if(btns.value.ower1Show) {
                  obj.policyHolderInfo = obj.ownersInfo
                  if(ower2Switch.value) {
                    ower2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = ower2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                    if(btns.value.ower2show) {
                      let object = btns.value.ower2.find(a => a.checked)
                      if(object.text === '同被保人') {
                        obj.insuredPersonInfo = obj.policyHolderInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      } else {
                        obj.insuredPersonInfo = obj.ownersInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    }
                  } else {
                    writeOwer2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = writeOwer2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                  }
                }
              } else {
                writeOwer1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = writeOwer1Form.value
                    if(ower2Switch.value) {
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
              }
            }
          })
        }
      }
    })
  } else {
    // 车辆信息手填
    writeCarFormRefs.value?.validate((valid) => {
      if(valid) {
        obj.carInfoVo = writeCarForm.value
        if(owerSwitch.value) {
          owerFormRefs.value?.validate((valid) => {
            if(valid) {
              obj.ownersInfo = owerForm.value
              if(ower1Switch.value) {
                ower1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = ower1Form.value
                    if(ower2Switch.value) {
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value
                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
                if(btns.value.ower1Show) {
                  obj.policyHolderInfo = obj.ownersInfo
                  if(ower2Switch.value) {
                    ower2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = ower2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                    if(btns.value.ower2show) {
                      let object = btns.value.ower2.find(a => a.checked)
                      if(object.text === '同被保人') {
                        obj.insuredPersonInfo = obj.policyHolderInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      } else {
                        obj.insuredPersonInfo = obj.ownersInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    }
                  } else {
                    writeOwer2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = writeOwer2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                  }
                }
              } else {
                writeOwer1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = writeOwer1Form.value
                    if(ower2Switch.value) {
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
              }
            }
          })
          obj.ownersInfo = owerForm.value
        } else {
          writeOwerFormRefs.value?.validate((valid) => {
            if(valid) {
              obj.ownersInfo = writeOwerForm.value
              if(ower1Switch.value) {
                ower1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = ower1Form.value
                    if(ower2Switch.value) {
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
                if(btns.value.ower1Show) {
                  obj.policyHolderInfo = obj.ownersInfo
                  if(ower2Switch.value) {
                    ower2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = ower2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                    if(btns.value.ower2show) {
                      let object = btns.value.ower2.find(a => a.checked)
                      if(object.text === '同被保人') {
                        obj.insuredPersonInfo = obj.policyHolderInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      } else {
                        obj.insuredPersonInfo = obj.ownersInfo
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    }
                  } else {
                    writeOwer2FormRefs.value?.validate((valid) => {
                      if(valid) {
                        obj.insuredPersonInfo = writeOwer2Form.value
                        obj.vehicleAndVesselTax = {
                          taxRelifFlag: insuranceForm.value.taxRelifFlag,
                          identifyNumber: insuranceForm.value.identifyNumber,
                          organizationCode: insuranceForm.value.organizationCode,
                          taxpayerName: insuranceForm.value.taxpayerName,
                          taxpayerIdentifier: insuranceForm.value.taxpayerIdentifier,
                          extendChar2: insuranceForm.value.extendChar2,
                          relifReason: insuranceForm.value.relifReason,
                          paidFreeCertificate: insuranceForm.value.paidFreeCertificate,
                          taxComCode: insuranceForm.value.taxComCode,
                          taxComName: insuranceForm.value.taxComName,
                          taxRelief: insuranceForm.value.taxRelief,
                          taxDocumentDate: insuranceForm.value.taxDocumentDate,
                          taxPaidAreaCode: insuranceForm.value.taxPaidAreaCode
                        }
                        obj.ciRiskInfoVo = {
                          instantFlag: jqWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.jqStart,
                          endDate: insuranceForm.value.jqEnd
                        }
                        obj.biRiskInfoVo = {
                          instantFlag: syWork.value.some(a => a.checked)?true : false,
                          startDate: insuranceForm.value.syStart,
                          endDate: insuranceForm.value.syEnd
                        }
                        quoteFormRefs.value?.validate((valid) => {
                          if(valid) {
                            obj.insOrdersOtherInfo = quoteForm.value
                            if(myRoute.query.id) {
                              api.additionalApi.updateOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            } else {
                              api.additionalApi.saveOrders(obj).then((res: any) => {
                                if(res.code == 200) {
                                  myRouter.push({
                                    path: '/additionalOrder/order'
                                  })
                                  ElMessage({
                                    message: res.msg,
                                    type: 'success'
                                  })
                                } else {
                                  ElMessage({
                                    message: res.msg,
                                    type: 'warning'
                                  })
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                  }
                }
              } else {
                writeOwer1FormRefs.value?.validate((valid) => {
                  if(valid) {
                    obj.policyHolderInfo = writeOwer1Form.value
                    if(ower2Switch.value) {
                      ower2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = ower2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                      if(btns.value.ower2show) {
                        let object = btns.value.ower2.find(a => a.checked)
                        if(object.text === '同被保人') {
                          obj.insuredPersonInfo = obj.policyHolderInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        } else {
                          obj.insuredPersonInfo = obj.ownersInfo

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      }
                    } else {
                      writeOwer2FormRefs.value?.validate((valid) => {
                        if(valid) {
                          obj.insuredPersonInfo = writeOwer2Form.value

                          quoteFormRefs.value?.validate((valid) => {
                            if(valid) {
                              obj.insOrdersOtherInfo = quoteForm.value
                              if(myRoute.query.id) {
                                api.additionalApi.updateOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              } else {
                                api.additionalApi.saveOrders(obj).then((res: any) => {
                                  if(res.code == 200) {
                                    myRouter.push({
                                      path: '/additionalOrder/order'
                                    })
                                    ElMessage({
                                      message: res.msg,
                                      type: 'success'
                                    })
                                  } else {
                                    ElMessage({
                                      message: res.msg,
                                      type: 'warning'
                                    })
                                  }
                                })
                              }
                            }
                          })
                        }
                      })
                    }
                  }
                })
              }
            }
          })
        }
      }
    })
  }
}

// 编辑
let detailData = ref(null)
const initEditData = () => {
  if(myRoute.query.id) {
    api.additionalApi.selectById(myRoute.query.id).then((res: any) => {
      if(res.code == 200) {
        let obj = {...res.data}
        detailData.value = {...res.data}
        insuranceForm.value = obj.vehicleAndVesselTax
        insuranceForm.value.productId = obj.insOrders.productId
        insuranceForm.value.jqStart = obj.ciRiskInfoVo?.startDate
        insuranceForm.value.jqEnd = obj.ciRiskInfoVo?.endDate
        insuranceForm.value.syStart = obj.biRiskInfoVo?.startDate
        insuranceForm.value.syEnd = obj.biRiskInfoVo?.endDate
        fileList.value = obj.imagesAdds?.images
        // 有对应图片说明是通过识别拿到的信息
        if(fileList.value&&fileList.value.length>0) {
          carSwitch.value = fileList.value.filter(a => a.imageType === 'C01' || a.imageType === 'D01')?true: false
          carSwitch.value?carForm.value = obj.carInfoVo:writeCarForm.value = obj.carInfoVo
        } else {
          carSwitch.value = false
          writeCarForm.value = obj.carInfoVo
        }
        if(fileList.value&&fileList.value.length>0) {
          owerSwitch.value = fileList.value.filter(a => a.imageType === 'C02' || a.imageType === 'D02')?true: false
          owerSwitch.value?owerForm.value = obj.ownersInfo:writeOwerForm.value = obj.ownersInfo
        } else {
          owerSwitch.value = false
          writeOwerForm.value = obj.ownersInfo
        }
        if(fileList.value&&fileList.value.length>0) {
          ower1Switch.value = fileList.value.filter(a => a.imageType === 'C03' || a.imageType === 'D03')?true: false
          ower1Switch.value?ower1Form.value = obj.policyHolderInfo:writeOwer1Form.value = obj.policyHolderInfo
          obj.policyHolderInfo.carOwner ? btns.value.ower1[0].checked = true:btns.value.ower1[0].checked = false
          btns.value.ower1Show = obj.policyHolderInfo.carOwner
        } else {
          ower1Switch.value = false
          writeOwer1Form.value = obj.policyHolderInfo
        }
        if(fileList.value&&fileList.value.length>0) {
          ower2Switch.value = fileList.value.filter(a => a.imageType === 'C04' || a.imageType === 'D04')?true: false
          ower2Switch.value?ower2Form.value = obj.insuredPersonInfo:writeOwer2Form.value = obj.insuredPersonInfo
          obj.policyHolderInfo.carOwner ===1 ? btns.value.ower2[1].checked = true:obj.policyHolderInfo.carOwner ===2 ? btns.value.ower2[0].checked = true:btns.value.ower2[0].checked = false
          btns.value.ower2show = obj.policyHolderInfo.carOwner ===1 || obj.policyHolderInfo.carOwner ===2
        } else {
          ower2Switch.value = false
          writeOwer2Form.value = obj.insuredPersonInfo
        }
        quoteForm.value = obj.insOrdersOtherInfo
        jqPolicyId.value = obj.insOrdersExternalPolicy?.jqPolicy
        syPolicyId.value = obj.insOrdersExternalPolicy?.syPolicy
        noPolicyId.value = obj.insOrdersExternalPolicy?.noPolicy
        jqSignId.value = obj.insOrdersExternalPolicy?.jqSign
        if(obj.insOrdersExternalPolicy?.uploadFiles) {
          let list = obj.insOrdersExternalPolicy?.uploadFiles
          if(list.find(a => a.id === jqPolicyId.value)) {
            let obj = list.find(a => a.id === jqPolicyId.value)
            jqPolicyName.value = obj.fileName
            jqPolicy.value = obj.downloadUrl
          }
          if(list.find(a => a.id === syPolicyId.value)) {
            let obj = list.find(a => a.id === syPolicyId.value)
            syPolicyName.value = obj.fileName
            syPolicy.value = obj.downloadUrl
          }
          if(list.find(a => a.id === noPolicyId.value)) {
            let obj = list.find(a => a.id === noPolicyId.value)
            noPolicyName.value = obj.fileName
            noPolicy.value = obj.downloadUrl
          }
          if(list.find(a => a.id === jqSignId.value)) {
            let obj = list.find(a => a.id === jqSignId.value)
            jqSignName.value = obj.fileName
            jqSign.value = obj.downloadUrl
          }
        }
        insuranceData.value = obj.kindInfoVo
      } else {
        ElMessage({
          message: res.msg,
          type: 'warning'
        })
      }
    })
  }
}

onMounted(() => {
  initOption()
  initEditData()
  initCompany()
})

</script>

<style scoped lang="scss">
@use "@/assets/styles/common/style";
.addtional{
  width: calc(100% - 20px);
  height: calc(100vh - 140px);
  overflow: hidden;
  margin: 10px;
  .tap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 16px;
    .anchor-item{
      width: 19%;
      height: 44px;
      text-decoration: none;
      color: #333333;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #FFFFFF;
      border-radius: 4px;
      font-size: 18px;
      img{
        width: 30px;
        height: 30px;
        margin-right: 5px;
      }
    }
    .active{
      color: #FFFFFF;
      background: linear-gradient( 91deg, #4FCAFF 0%, #2B62FF 100%);
    }
  }
  .content-box{
    height: calc(100% - 298px);
    width: 100%;
    overflow-y: auto;
    .title{
      height: 18px;
      border-left: 4px solid #00a0f4;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 12px;
      margin-left: 24px;
      color: #333333;
      font-size: 15px;
      .switch{
        height: 24px;
        background: #E5F3FF;
        border-radius: 12px;
        font-size: 12px;
        padding: 0 4px;
        color: #0083FF;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 5px;
        .write{
          height: 20px;
          border-radius: 10px;
          padding: 0 4px;
          background: #FFFFFF;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 2px;
        }
        .identify{
          padding: 0 4px;
          margin: 0 2px;
        }
      }
      .ordinary{
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        border: 1px solid #EEEEEE;
        border-radius: 2px;
        color: #666666;
        display: flex;
        font-size: 12px;
        margin: 0 5px;
      }
      .active{
        border: 1px solid #0083FF;
        color: #0083FF;
        background: url("@/assets/images/additional/right.png") no-repeat right bottom;
        background-size: 12px 12px;
      }
    }
    .upload-box{
      width: 300px;
      height: 180px;
      background: #EEEEEE;
      border: 1px solid #EEEEEE;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      .icon-box{
        text-align: center;
        color: #999999;
        p{
          margin: -16px 0 0;
          font-size: 14px;
        }
      }
      .upload-image{
        width: 100%;
        height: 100%;
      }
    }
    .icon{
      padding-right: 24px;
      display: flex;
      align-items: center;
    }
    .insuranceInfo{
      width: 100%;
      display: flex;
      justify-content: flex-start;
      margin-bottom: 10px;
      .type-title{
        width: 80px;
        text-align: right;
        font-size: 16px;
      }
      .addData{
        line-height: 32px;
        width: 1200px;
        border: 1px dotted #cccccc;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #cccccc;
        margin: 16px 0 16px;
        border-radius: 4px;
        cursor: pointer;
      }
      .insurance-jq{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 24px;
        .checkbox{
          margin: 0 24px;
          height: 22px;
          line-height: 22px;
          padding: 0 10px;
          border: 1px solid #EEEEEE;
          border-radius: 2px;
          color: #666666;
          display: flex;
          font-size: 12px;
          cursor: pointer;
        }
        .cehcked{
          border: 1px solid #0083FF;
          color: #0083FF;
          background: url("@/assets/images/additional/right.png") no-repeat right bottom;
          background-size: 12px 12px;
        }
        .time{
          display: flex;
          align-items: center;
          justify-content: flex-start;
        }
      }
    }
  }
  .fileInfo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    //padding: 2px 20px;
    border-radius: 5px;
    margin: 0 10px;
    //&:hover{
    //  background: #ccc;
    //}
    .fileName{
      width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .fileBtn{
      display: flex;
      align-items: center;
      .btn-icon{
        margin: 0 10px;
        font-size: 16px;
        cursor: pointer;
        &:hover{
          color: #00a0f4;
        }
      }
    }

    .file-box{
      position: relative;
      .btn-top{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        left: 0;
        .image-close{
          display: block;
          width: 12px;
          height: 12px;
        }
      }
      .file-img{
        display: block;
        width: 208px;
        height: 130px;
        border-radius: 5px;
      }
      .btn-bottom{
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1000;
        display: flex;
        align-items: center;
        height: 24px;
        width: 100%;
        background: url("@/assets/images/btn-bg.png") no-repeat;
        background-size: 100% 100%;
        .width-50{
          width: 50%;
        }
      }
    }

  }
  .footer{
    height: 60px;
    width: 100%;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  :deep(.el-divider--vertical) {
    height: auto;
  }
  :deep(.el-collapse-item__header) {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  :deep(.el-form-item) {
    margin-bottom: 0;
  }
  :deep(.el-form-item) {
    display: block;
  }
}
</style>