tnc-fe/src/views/specialApply/TaskUploadData.vue

<template>
  <a-spin :spinning="uploading" size="large" tip="正在提交资料，请勿关闭当前网页...">
    <!--  客户信息-->
    <a-page-header
      style="background-color: #FFFFFF;margin-bottom:10px"
      title="特审复开资料填写"
      sub-title=""
      @back="back"
    >
      <div>
        <a-form-model
          ref="form"
          :model="infoModel"
          :rules="rules"
        >

          <a-row v-if="specialResult.basicInfoState == '1'">
            <a-col :span="6">
              <a-form-model-item label="用户选择" prop="userOpenState" v-bind="labelCol4">
                <span>{{ infoModel.userLable == '0' ? '个人户' : '单位户' }}</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="申请复开号码" prop="openingNumber" v-bind="labelCol4">
                <span>{{ infoModel.openingNumber }}</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="客户名称(使用人)" prop="customerName" v-bind="labelCol4">
                <span>{{ infoModel.customerName }}</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="客户经理手机号" v-bind="labelCol4">
                <span>{{ infoModel.accountManagerPhone }}</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="6" v-if="infoModel.userLable == '1'">
              <a-form-model-item label="单位名称" prop="unitName" v-bind="labelCol4">
                <span>{{ infoModel.unitName }}</span>
              </a-form-model-item>
            </a-col>


            <a-col :span="6">
              <a-form-model-item label="最后一次关停时间" prop="shutdownTime" v-bind="labelCol4">
                <span>{{ infoModel.shutdownTime }}</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="申请复开原因" prop="reasonReopening" v-bind="labelCol4">
                <span>{{ infoModel.reasonReopening }}</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="24">
              <a-form-model-item label="材料标签选择" prop="userOpenState" v-bind="labelCol1">
                <a-radio-group :disabled="true" v-model="infoModel.materialLabel" button-style="solid">
                  <span>{{ infoModel.userLable == '0' ? '材料不全（有特审/签报）' : '材料齐全（无特审）' }}</span>
                </a-radio-group>
              </a-form-model-item>
            </a-col>


            <a-col :span="24">
              <a-form-model-item label="关停标签选择" prop="userOpenState" v-bind="labelCol1">
                <span v-if="infoModel.shutdownLabel.indexOf('0') > -1">安防停机（高危漫游地）</span>
                <span v-if="infoModel.shutdownLabel.indexOf('1') > -1">安防关停（紫名单）</span>
                <span v-if="infoModel.shutdownLabel.indexOf('2') > -1">安防停机（专班研判）</span>
                <span v-if="infoModel.shutdownLabel.indexOf('3') > -1">安防停机（可复开）</span>
                <span v-if="infoModel.shutdownLabel.indexOf('4') > -1">沉默移动卡保护性单停 </span>
                <span v-if="infoModel.shutdownLabel.indexOf('5') > -1">集团一点停复机（单停） </span>
                <span v-if="infoModel.shutdownLabel.indexOf('6') > -1">大数据保护停机单停 </span>
                <span v-if="infoModel.shutdownLabel.indexOf('7') > -1">工信部断卡单停 </span>
                <span v-if="infoModel.shutdownLabel.indexOf('8') > -1">实人核验未通过关停（单停）</span>
                <span v-if="infoModel.shutdownLabel.indexOf('999') > -1">其他 {{ infoModel.shutdownLabelOther }} </span>
              </a-form-model-item>
            </a-col>

          </a-row>

          <a-row v-if="specialResult.basicInfoState == '0' || !rectification">
            <a-col :span="6">
              <a-form-model-item label="用户选择" prop="userOpenState" v-bind="labelCol4">
                <a-radio-group v-model="infoModel.userLable" button-style="solid" @change="stepLoading">
                  <a-radio-button value="0">个人户</a-radio-button>
                  <a-radio-button value="1">单位户</a-radio-button>
                </a-radio-group>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="申请复开号码" prop="openingNumber" v-bind="labelCol4">
                <a-input :disabled="rectificationInput" v-model="infoModel.openingNumber"
                         placeholder="申请复开号码"></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="客户名称(使用人)" prop="customerName" v-bind="labelCol4">
                <a-input :disabled="rectificationInput" v-model="infoModel.customerName"
                         placeholder="客户名称/使用人名称"></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="6" v-if="infoModel.userLable == '1'">
              <a-form-model-item label="单位名称" prop="unitName" v-bind="labelCol4">
                <a-input v-model="infoModel.unitName" placeholder="单位名称"></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="客户经理手机号" v-bind="labelCol4">
                <a-input :disabled="rectificationInput" v-model="infoModel.accountManagerPhone"
                         placeholder="客户经理手机号"></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="最后一次关停时间" prop="shutdownTime" v-bind="labelCol4">
                <a-date-picker :style="{width:'100%'}" v-model="infoModel.shutdownTime"
                               format="YYYY-MM-DD"
                               showTime valueFormat="YYYY-MM-DD"/>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="申请复开原因" prop="reasonReopening" v-bind="labelCol4">
                <a-input v-model="infoModel.reasonReopening" placeholder="申请复开原因"></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="24" v-if="specialResult.basicInfoState != '1'">
              <a-form-model-item label="材料标签选择" prop="userOpenState" v-bind="labelCol1">
                <a-radio-group :disabled="rectificationInput" v-model="infoModel.materialLabel" button-style="solid"
                               @change="stepLoading">
                  <a-radio-button value="0">材料不全（有特审/签报）</a-radio-button>
                  <a-radio-button value="1">材料齐全（无特审）</a-radio-button>
                </a-radio-group>
              </a-form-model-item>
            </a-col>


            <a-col :span="24" v-if="specialResult.basicInfoState != '1'">
              <a-form-model-item label="关停标签选择" prop="userOpenState" v-bind="labelCol1">
                <a-checkbox-group v-model="infoModel.shutdownLabel" button-style="solid" @change="stepLoading">
                  <a-checkbox value="0">安防停机（高危漫游地）</a-checkbox>
                  <a-checkbox value="1">安防关停（紫名单）</a-checkbox>
                  <a-checkbox value="2">安防停机（专班研判）</a-checkbox>
                  <a-checkbox value="3">安防停机（可复开)</a-checkbox>
                  <a-checkbox value="4">沉默移动卡保护性单停</a-checkbox>
                  <a-checkbox value="5">集团一点停复机（单停）</a-checkbox>
                  <a-checkbox value="6">大数据保护停机单停</a-checkbox>
                  <a-checkbox value="7">工信部断卡单停</a-checkbox>
                  <a-checkbox value="8">实人核验未通过关停（单停）</a-checkbox>
                  <a-checkbox value="999">其它（手动输入名称）</a-checkbox>
                  <a-input style="width: 300px;left: 10px" v-show="infoModel.shutdownLabel.indexOf('999') > -1"
                           v-model:value="infoModel.shutdownLabelOther" placeholder=请输入关停标签名称></a-input>
                </a-checkbox-group>
              </a-form-model-item>

            </a-col>

          </a-row>

          <!--          基础信息稽核结果-->
          <div v-if="rectification">
            <a-form-model-item label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1">
              <a-tag class="font-size-14" v-if="specialResult.basicInfoState == 0" color="#f50">未通过</a-tag>
              <a-tag class="font-size-14" v-if="specialResult.basicInfoState == 1" color="#2db7f5">通过</a-tag>
            </a-form-model-item>
            <a-form-model-item label="稽核结果备注" prop="basicCheckNote" v-bind="labelCol1">
              <a-tag class="font-size-14" color="orange">{{ specialResult.basicInfoNote }}</a-tag>
            </a-form-model-item>
          </div>

        </a-form-model>
      </div>
    </a-page-header>

    <!--    步骤条-->
    <a-card style="margin-bottom:10px;width: 15%;float: left">
      <a-steps direction="vertical" :current="steps.current" size="small" @change="stepsClick">
        <a-step v-for="item in steps.stepsNow" :key="item.title" :status="item.status">
          <a-icon v-if="item.solution" style='color: #faad14;' type="solution" slot="icon"/>
          <span v-if="item.status=='wait'" slot="title">{{ item.title }}</span>
          <span v-if="item.status=='error' && !item.solution" style="color: red" slot="title">{{ item.title }}</span>
          <span v-if="item.status=='error' && item.solution" style="color: #faad14" slot="title">{{ item.title }}</span>
          <span v-if="item.status=='finish'" slot="title">{{ item.title }}</span>
          <span v-if="item.status=='process'" slot="title">{{ item.title }}</span>
        </a-step>
      </a-steps>
      <a-button v-if="!rectification" @click="stagingAuditLot" style="width: 100%" type="warn">暂存</a-button>
      <div v-if="!batchImproves">
        <a-button v-if="!detail" @click="submitAuditLot" style="width: 100%;position: relative;top: 10px"
                  type="primary">
          提交申请
        </a-button>
      </div>

    </a-card>
    <!--    系统实名制截图-->
    <a-card v-if="steps.currentId == 'nameFindCompliance'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px">系统实名制截图</span>
      </div>
      <!--      附件-->
      <div>

        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.nameFindComplianceState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.nameFindComplianceState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果备注" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.nameFindComplianceNote }}</a-tag>
          </a-form-model-item>
        </div>

        <a-form-model-item style="left: 0%;width: 90%;" label="实名制截图备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.nameFindComplianceState == 1">{{ infoModel.nameFindComplianceRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      v-model="infoModel.nameFindComplianceRemark"
                      @change="textareaChange('nameFindCompliance','nameFindComplianceRemark')"
                      placeholder="如没有系统实名制截图，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>

        <!--      文件上传-->
        <div class="file-div-minio-upload">
          <div class="thumb-example" style="position: relative">
            <!-- swiper1 -->
            <swiper
              class="swiper gallery-top"
              :options="swiperOptionTop"
              ref="swiperTop"
            >
              <swiper-slide class="slide-1" v-for="(item, index) in infoModel.nameFindCompliance" :key="item.id">
                <iframe
                  v-if="item.urlBase"
                  frameborder="1"
                  :src="item.urlBase"
                  ref="ifr"
                  style="position: relative;"
                  width="100%"
                  height="500px"
                  scrolling="auto">
                </iframe>
                <img style="width: 100%;height: 500px;border: 1px solid;"
                     v-if="!item.urlBase" :src="noDataPng" border="1">
                <a-button
                  v-if="infoModel.nameFindCompliance.length &&  item.urlBase  && specialResult.nameFindComplianceState != 1"
                  style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                  danger @click="removeFile(item,'nameFindCompliance')">移除
                </a-button>

                <a-button
                  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                  v-if="infoModel.nameFindCompliance.length && item.urlBase"
                  @click="jumpUrl(item.urlBase)">预览
                </a-button>


              </swiper-slide>
              <!--            <div
                            class="swiper-button-next swiper-button-white"
                            slot="button-next"
                          ></div>
                          <div
                            class="swiper-button-prev swiper-button-white"
                            slot="button-prev"
                          ></div>-->
            </swiper>
            <!-- swiper2 Thumbs -->
            <swiper
              class="swiper gallery-thumbs"
              :options="swiperOptionThumbs"
              ref="swiperThumbs"
            >
              <swiper-slide
                class="slide"
                style="width:100px;height:100px;"
                v-for="(item, index) in infoModel.nameFindCompliance"
                :key="item.id"
              >
                <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                  <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
                </div>

                <img style="width: 100%;height: 96px"
                     v-if="!item.urlBase" :src="noDataPng" border="1">

              </swiper-slide>
              <!--              点我上传文件按钮-->
              <div class="clearfix">
                <a-upload
                  listType="picture-card"
                  name="file"
                  :multiple="false"
                  :action="importMinioUploadAction"
                  :customRequest="e => selfUploadContract(e, 'nameFindCompliance')"
                  :headers="tokenHeader"
                  :showUploadList="false"
                  :beforeUpload="importBeforeUpload"
                  @change="importHandleChange"
                >
                  <div v-if="infoModel.nameFindCompliance.length < 10 && specialResult.nameFindComplianceState != 1">
                    <a-icon type="plus"/>
                    <div class="ant-upload-text">点我上传合同</div>
                  </div>
                </a-upload>

              </div>

              <div class="swiper-button-next swiper-button-white" slot="button-next">
                <div>
                  <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
                </div>
              </div>
              <div class="swiper-button-prev swiper-button-white" slot="button-prev">
                <div>
                  <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
                </div>
              </div>
            </swiper>
          </div>
        </div>

      </div>
    </a-card>

    <!--      身份证照片正反面-->
    <a-card v-if="steps.currentId == 'fileListIdCard'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px">身份证照片正反面</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.idCardState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.idCardState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果备注" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.idCardNote }}</a-tag>
          </a-form-model-item>
        </div>

        <a-form-model-item style="width: 90%;" label="身份证正反面备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.idCardState == 1">{{ infoModel.fileListIdCardRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('fileListIdCard','fileListIdCardRemark')"
                      v-model="infoModel.fileListIdCardRemark"
                      placeholder="如没有身份证正反面照片，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.fileListIdCard" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.fileListIdCard.length &&  item.urlBase && specialResult.idCardState != 1"
                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                        danger @click="removeFile(item,'fileListIdCard')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.fileListIdCard.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.fileListIdCard"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'fileListIdCard')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.fileListIdCard.length < 20 &&  specialResult.idCardState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传身份证正反面</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--      手持半身照-->
    <a-card v-if="steps.currentId == 'handCertificate'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px">手持证件半身照片</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.handCertificateState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.handCertificateState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果备注" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.handCertificateNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="手持身份证半身照片备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.handCertificateState == 1">{{ infoModel.handCertificateRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('handCertificate','handCertificateRemark')"
                      v-model="infoModel.handCertificateRemark"
                      placeholder="如没有手持证件半身照片，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.handCertificate" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="90%"
                height="500px"
                style="display:block"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

              <a-button
                v-if="infoModel.handCertificate.length &&  item.urlBase && specialResult.handCertificateState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red"
                danger @click="removeFile(item,'handCertificate')">移除
              </a-button>

              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.handCertificate.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.handCertificate"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'handCertificate')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.handCertificate.length < 20 &&  specialResult.handCertificateState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传手持证件半身照片</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--      防诈骗承若函-->
    <a-card v-if="steps.currentId == 'fraudPrevention'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 防诈骗承诺涵（使用人签署）</span>
      </div>
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag  class="font-size-14" v-if="specialResult.fraudPreventionState == 0" color="#f50">未通过</a-tag>
            <a-tag  class="font-size-14" v-if="specialResult.fraudPreventionState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果备注" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.fraudPreventionNote }}</a-tag>
          </a-form-model-item>
        </div>

        <a-form-model-item style="width: 90%;" label="防诈骗承诺涵备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.fraudPreventionState == 1">{{ infoModel.fraudPreventionRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('fraudPrevention','fraudPreventionRemark')"
                      v-model="infoModel.fraudPreventionRemark"
                      placeholder="如没有防诈骗承诺涵，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.fraudPrevention" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button
                v-if="infoModel.fraudPrevention.length &&  item.urlBase && specialResult.fraudPreventionState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'fraudPrevention')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.fraudPrevention.length > 0 && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.fraudPrevention"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'fraudPrevention')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.fraudPrevention.length < 20 &&  specialResult.fraudPreventionState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传手持证件半身照片</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>
      <!--      附件-->

    </a-card>

    <!--      特审单-->
    <a-card v-if="steps.currentId == 'specialReviewForm'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 特审单</span>
      </div>
      <!--      附件-->
      <div>

        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.specialReviewFormState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.specialReviewFormState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.specialReviewFormNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="特审单备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.specialReviewFormState == 1">{{ infoModel.specialReviewFormRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('specialReviewForm','specialReviewFormRemark')"
                      v-model="infoModel.specialReviewFormRemark"
                      placeholder="如没有特审单，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.specialReviewForm" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button
                v-if="infoModel.specialReviewForm.length &&  item.urlBase && specialResult.specialReviewFormState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'specialReviewForm')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.specialReviewForm.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.specialReviewForm"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'specialReviewForm')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.specialReviewForm.length < 20 &&  specialResult.specialReviewFormState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传特审单</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    单位户-使用人证件-->
    <a-card v-if="steps.currentId == 'userCertificate'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 使用人证件</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag  class="font-size-14"  v-if="specialResult.userCertificateState == 0" color="#f50">未通过</a-tag>
            <a-tag  class="font-size-14"  v-if="specialResult.userCertificateState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.userCertificateNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="使用人证件备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.userCertificateState == 1">{{ infoModel.userCertificateRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('userCertificate','userCertificateRemark')"
                      v-model="infoModel.userCertificateRemark"
                      placeholder="如没有使用人证件，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.userCertificate" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button
                v-if="infoModel.userCertificate.length && item.urlBase && specialResult.userCertificateState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'userCertificate')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.userCertificate.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.userCertificate"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'userCertificate')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.userCertificate.length < 20 && specialResult.userCertificateState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传使用人证件</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    单位户-营业执照副本(盖公章)-->
    <a-card v-if="steps.currentId == 'businessLicense'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 营业执照副本(盖公章)</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.businessLicenseState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.businessLicenseState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.businessLicenseNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="使用人证件备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.businessLicenseState == 1">{{ infoModel.businessLicenseRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      v-model="infoModel.businessLicenseRemark"
                      @change="textareaChange('businessLicense','businessLicenseRemark')"
                      placeholder="如没有营业执照副本(盖公章)，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.businessLicense" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

              <a-button
                v-if="infoModel.businessLicense.length && item.urlBase && specialResult.businessLicenseState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'businessLicense')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.businessLicense.length >0 && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.businessLicense"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'businessLicense')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.businessLicense.length < 20 &&  specialResult.businessLicenseState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传营业执照副本(盖公章)</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    单位户-介绍信-->
    <a-card v-if="steps.currentId == 'letterIntroduction'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 介绍信</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.letterIntroductionState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.letterIntroductionState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.letterIntroductionNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="介绍信备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.letterIntroductionState == 1">{{ infoModel.letterIntroductionRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('letterIntroduction','letterIntroductionRemark')"
                      v-model="infoModel.letterIntroductionRemark"
                      placeholder="介绍信"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.letterIntroduction" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button
                v-if="infoModel.letterIntroduction.length && item.urlBase && specialResult.letterIntroductionState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'letterIntroduction')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.letterIntroduction.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.letterIntroduction"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'letterIntroduction')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.letterIntroduction.length < 20 && specialResult.letterIntroductionState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传介绍信</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    个人户-号卡照片-->
    <a-card v-if="steps.currentId == 'numberCard'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 号卡照片</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.numberCardState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.numberCardState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.numberCardNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="号码备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.numberCardState == 1">{{ infoModel.numberCardRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('numberCard','numberCardRemark')"
                      v-model="infoModel.numberCardRemark"
                      placeholder="介绍信"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.numberCard" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.numberCard.length && item.urlBase && specialResult.numberCardState != 1"
                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                        danger @click="removeFile(item,'numberCard')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.numberCard.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>
            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.numberCard"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'numberCard')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.numberCard.length < 20 &&  specialResult.numberCardState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传号卡</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    个人户-手持号卡照片-->
    <a-card v-if="steps.currentId == 'handNumberCard'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 手持号卡照片</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.handNumberCardState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.handNumberCardState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.handNumberCardNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="手持号卡备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.handNumberCardState == 1">{{ infoModel.handNumberCardRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('handNumberCard','handNumberCardRemark')"
                      v-model="infoModel.handNumberCardRemark"
                      placeholder="介绍信"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.handNumberCard" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.handNumberCard.length && item.urlBase && specialResult.handNumberCardState != 1"
                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                        danger @click="removeFile(item,'handNumberCard')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.handNumberCard.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>
            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.handNumberCard"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'handNumberCard')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.handNumberCard.length < 20 &&  specialResult.handNumberCardState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传手持号卡</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    消费凭证-->
    <a-card v-if="steps.currentId == 'consumptionVoucher'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 消费凭证</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.consumptionVoucherState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.consumptionVoucherState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.consumptionVoucherNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="消费凭证备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.consumptionVoucherState == 1">{{ infoModel.consumptionVoucherRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('consumptionVoucher','consumptionVoucherRemark')"
                      v-model="infoModel.consumptionVoucherRemark"
                      placeholder="介绍信"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.consumptionVoucher" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button
                v-if="infoModel.consumptionVoucher.length && item.urlBase && specialResult.consumptionVoucherState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'consumptionVoucher')">移除
              </a-button>
              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.consumptionVoucher.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>

            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.consumptionVoucher"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'consumptionVoucher')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.consumptionVoucher.length < 20 && specialResult.consumptionVoucherState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传消费凭证</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    承诺视频-->
    <a-card v-if="steps.currentId == 'commitmentVideo'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 承诺视频</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.commitmentVideoState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.commitmentVideoState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.commitmentVideoNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="承诺视频备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.commitmentVideoState == 1">{{ infoModel.commitmentVideoRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('commitmentVideo','commitmentVideoRemark')"
                      v-model="infoModel.commitmentVideoRemark"
                      placeholder="介绍信"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" style="position: relative">
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.commitmentVideo" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button
                v-if="infoModel.commitmentVideo.length && item.urlBase && specialResult.commitmentVideoState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'commitmentVideo')">移除
              </a-button>

              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.commitmentVideo.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>
            </swiper-slide>
            <!--            <div
                          class="swiper-button-next swiper-button-white"
                          slot="button-next"
                        ></div>
                        <div
                          class="swiper-button-prev swiper-button-white"
                          slot="button-prev"
                        ></div>-->
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.commitmentVideo"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'commitmentVideo')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.commitmentVideo.length < 20">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传承诺视频</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

    <!--    其它资料-->
    <a-card v-if="steps.currentId == 'notes'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 其它资料（非必传）</span>
      </div>
      <!--      附件-->
      <div>
        <div v-if="rectification">
          <a-form-model-item style="left: 0%;width: 90%;" label="稽核是否通过" prop="basicCheckState" v-bind="labelCol1Note">
            <a-tag class="font-size-14" v-if="specialResult.notesState == 0" color="#f50">未通过</a-tag>
            <a-tag class="font-size-14" v-if="specialResult.notesState == 1" color="#2db7f5">通过</a-tag>
          </a-form-model-item>

          <a-form-model-item style="left: 0%;width: 90%;" label="稽核结果" prop="basicCheckNote" v-bind="labelCol1Note">
            <a-tag class="font-size-14" color="orange">{{ specialResult.notesNote }}</a-tag>
          </a-form-model-item>
        </div>
        <a-form-model-item style="width: 90%;" label="其他资料备注：" v-bind="labelCol1Note">
          <span v-if="specialResult.notesNote == 1">{{ infoModel.notesRemark }}</span>
          <a-textarea v-else style="height: 77px"
                      @change="textareaChange('notes','notesRemark')"
                      v-model="infoModel.notesRemark"
                      placeholder="其它资料"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <!--      文件上传-->
      <div class="file-div-minio-upload">
        <div class="thumb-example" >
          <!-- swiper1 -->
          <swiper
            class="swiper gallery-top"
            :options="swiperOptionTop"
            ref="swiperTop"
          >
            <swiper-slide class="slide-1" v-for="(item, index) in infoModel.notes" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="100%"
                height="500px"
                scrolling="auto">
              </iframe>
              <img style="width: 100%;height: 500px;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button
                v-if="infoModel.notes.length && item.urlBase && specialResult.notesState != 1"
                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                danger @click="removeFile(item,'notes')">移除
              </a-button>

              <a-button
                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                v-if="infoModel.notes.length && item.urlBase"
                @click="jumpUrl(item.urlBase)">预览
              </a-button>
            </swiper-slide>
            <div
              class="swiper-button-next swiper-button-white"
              slot="button-next"
            ></div>
            <div
              class="swiper-button-prev swiper-button-white"
              slot="button-prev"
            ></div>
          </swiper>
          <!-- swiper2 Thumbs -->
          <swiper
            class="swiper gallery-thumbs"
            :options="swiperOptionThumbs"
            ref="swiperThumbs"
          >
            <swiper-slide
              class="slide"
              style="width:100px;height:100px;"
              v-for="(item, index) in infoModel.notes"
              :key="item.id"
            >
              <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
              </div>

              <img style="width: 100%;height: 96px"
                   v-if="!item.urlBase" :src="noDataPng" border="1">

            </swiper-slide>
            <!--              点我上传文件按钮-->
            <div class="clearfix">
              <a-upload
                listType="picture-card"
                name="file"
                :multiple="false"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'notes')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.notes.length < 20 && specialResult.notesState != 1">
                  <a-icon type="plus"/>
                  <div class="ant-upload-text">点我上传其它资料</div>
                </div>
              </a-upload>

            </div>

            <div class="swiper-button-next swiper-button-white" slot="button-next">
              <div>
                <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
              </div>
            </div>
            <div class="swiper-button-prev swiper-button-white" slot="button-prev">
              <div>
                <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
              </div>
            </div>
          </swiper>
        </div>
      </div>

    </a-card>

  </a-spin>


</template>

<script>
import {getAction, httpAction, postAction} from "@api/manage";
/*无数据图片*/
import noDataPng from '@/assets/nodata.png'
import Vue from "vue";
import {ACCESS_TOKEN, TENANT_ID} from "@/store/mutation-types";
let Base64 = require('js-base64').Base64
export default {
  name: 'TaskUploadData',
  inject: ['closeCurrent'],
  components: {
    noDataPng
  },
  data() {
    return {
      //缩略与大图数据源
      swiperId: 1,
      //轮播配置
      swiperOptionTop: {
        zoom: true,
        loop: false,
        loopedSlides: 5, // looped slides should be the same
        spaceBetween: 10,
        observer: true, //修改swiper自己或子元素时，自动初始化swiper
        observeParents: true, //修改swiper的父元素时，自动初始化swiper
        // autoplay: {  //自动轮播
        //   delay: 2000,
        //   disableOnInteraction: false
        // },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        }
      },
      swiperOptionThumbs: {
        loop: false,
        loopedSlides: 5, // looped slides should be the same
        spaceBetween: 10,
        centeredSlides: true,
        slidesPerView: 'auto',
        touchRatio: 0.2,
        slideToClickedSlide: true,
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        }
      },
      /**无数据图片*/
      noDataPng: noDataPng,
      url: {
        // 获取客户信息
        "getInfoDataById": "/smsCheck/customerInfo/queryById",
        // 上传文件
        "minioUpload": "/smsCheck/customerData/uploadMinio",
        // 暂存
        "staging": "/special/examination/staging",
        // 批量暂存
        "stagingList": "/special/examination/staging/list",
        // 特审复开资料查询
        "getSpecialByinfoId": "/special/examination/find/user/id",
        // 提交
        "editInfo": "/special/examination/edit/info",
        // 批量提交
        "batchEditInfo": "/special/examination/batch/edit/info",
        // 获取稽核结果
        "findCheckState": "/special/examination/find/check/log",
      },
      //是否批量上传
      batchImproves: false,
      // 是否整改
      rectification: false,
      // 基础信息输入框是否禁用
      rectificationInput: true,
      // 详情
      detail: false,
      specialResult: {
        //基础信息
        basicInfoState: null,
        basicInfoNote: "",
        //系统实名截图
        nameFindComplianceState: null,
        nameFindComplianceNote: "",
        //特审单
        specialReviewFormState: null,
        specialReviewFormNote: "",
        //身份证照片/正反面
        idCardState: null,
        idCardNote: "",
        //手持证件半身照片
        handCertificateState: null,
        handCertificateNote: "",
        //号卡照片
        numberCardState: null,
        numberCardNote: "",
        //手持号卡照片
        handNumberCardState: null,
        handNumberCardNote: "",
        //使用人证件
        userCertificateState: null,
        userCertificateNote: "",
        //营业执照
        businessLicenseState: null,
        businessLicenseNote: "",
        //介绍信
        letterIntroductionState: null,
        letterIntroductionNote: "",
        //防诈骗承诺函
        fraudPreventionState: null,
        fraudPreventionNote: "",
        //消费凭证
        consumptionVoucherState: null,
        consumptionVoucherNote: "",
        //承诺视频
        commitmentVideoState: null,
        commitmentVideoNote: "",
        // 其它资料
        notesState: null,
        notesNote: ""
      },
      // 全局是否是在加载中
      uploading: false,
      //上级传参
      query: {
        data: {},
        infoId: "",
      },
      // 客户资料信息
      infoModel: {
        // 单位名称
        unitName: "",
        // 材料补不全有特审
        materialLabel: "0",
        // 用户类型
        userLable: "0",
        // 申请复开号码
        openingNumber: "",
        // 申请复开原因
        reasonReopening: "",
        // 客户名称
        customerName: "",
        // 客户经理手机号
        accountManagerPhone: "",
        // 最后一次关停时间
        shutdownTime: "",
        // 关停标签
        shutdownLabel: ['0'],
        // 关停标签-其他
        shutdownLabelOther: "",
        // 系统实名制截图
        nameFindCompliance: [{}],
        // 实名制截图原因
        nameFindComplianceRemark: "",
        // 身份证正反面
        fileListIdCard: [{}],
        fileListIdCardRemark: "",
        // 手持证件半身照片
        handCertificate: [{}],
        handCertificateRemark: "",
        // 防诈骗承若函
        fraudPrevention: [{}],
        fraudPreventionRemark: "",
        // 有无特审单
        specialReviewForm: [{}],
        specialReviewFormRemark: "",
        // 单位户-使用人证件
        userCertificate: [{}],
        userCertificateRemark: "",
        // 单位户-营业执照副本
        businessLicense: [{}],
        businessLicenseRemark: "",
        // 单位户-介绍信
        letterIntroduction: [{}],
        letterIntroductionRemark: "",
        // 个人户-号卡照片
        numberCard: [{}],
        numberCardRemark: "",
        // 个人户-手持号卡照片
        handNumberCard: [{}],
        handNumberCardRemark: "",
        // 消费凭证
        consumptionVoucher: [{}],
        consumptionVoucherRemark: "",
        // 承诺视频
        commitmentVideo: [{}],
        commitmentVideoRemark: "",
        // 其它资料
        notes: [{}],
        notesRemark: "",

      },
      //表单验证
      rules: {
        shutdownTime: [
          {required: true, message: '请选择关停时间'},
        ],
        reasonReopening: [
          {required: true, message: '请输入申请复开原因'},
        ]
      },
      labelCol4: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 8},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 14},
        }
      },
      labelCol1: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 2},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 22},
        }
      },
      labelCol1Note: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 4},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 20},
        }
      },
      // 步骤条相关
      steps: {
        // 当前所在第几部
        current: 0,
        currentId: "",
        stepsNow: {},
        // 默认
        steps00: [
          {
            title: '系统实名制截图',
            content: 'First-content',
            id: "nameFindCompliance",
            status: "wait"
          },
          {
            title: '身份证照片/正反面',
            content: 'First-content',
            id: "fileListIdCard",
            status: "wait"
          },
          {
            title: '手持证件半身照片',
            content: 'First-content',
            id: "handCertificate",
            status: "wait"
          },
          {
            title: ' 防诈骗承诺涵（使用人签署）',
            content: 'First-content',
            id: "fraudPrevention",
            status: "wait"
          }
        ],
        // 有特审
        stepsMaterial: [
          {
            title: '特审单',
            content: 'First-content',
            id: "specialReviewForm",
            status: "wait"
          }
        ],
        // 单位户
        stepUserLable1: [
          {
            title: '使用人证件',
            content: 'First-content',
            id: "userCertificate",
            status: "wait"
          },
          {
            title: '营业执照副本(盖公章)',
            content: 'First-content',
            id: "businessLicense",
            status: "wait"
          },
          {
            title: '介绍信',
            content: 'First-content',
            id: "letterIntroduction",
            status: "wait"
          }
        ],
        // 个人户
        stepUserLable0: [
          {
            title: '号卡照片',
            content: 'First-content',
            id: "numberCard",
            status: "wait"
          },
          {
            title: '手持号卡照片',
            content: 'First-content',
            id: "handNumberCard",
            status: "wait"
          },
        ],
        // 材料标签
        shutdownLabel0: [
          {
            title: '消费凭证',
            content: 'First-content',
            id: "consumptionVoucher",
            status: "wait"
          },
        ],
        // 承诺视频
        shutdownLabel5: [
          {
            title: '承诺视频',
            content: 'First-content',
            id: "commitmentVideo",
            status: "wait"
          },
        ],


      },

    }
  },
  computed: {
    importMinioUploadAction() {
      return window._CONFIG['domianURL'] + this.url.minioUpload;
    },
    tokenHeader() {
      let head = {'X-Access-Token': Vue.ls.get(ACCESS_TOKEN)}
      let tenantid = Vue.ls.get(TENANT_ID)
      if (tenantid) {
        head['tenant-id'] = tenantid
      }
      return head;
    }
  },
  props: {},
  watch: {},
  updated() {
    // 实现swiper双向控制
    this.$nextTick(() => {
      const swiperTop = this.$refs.swiperTop.swiper
      const swiperThumbs = this.$refs.swiperThumbs.swiper
      swiperTop.controller.control = swiperThumbs
      swiperThumbs.controller.control = swiperTop
    })
  },
  created() {
    // 是否批量上传
    this.batchImproves = this.$route.query.batchImproves;
    // 步骤条默认公用
    this.steps.stepsNow = this.steps.steps00;
    this.steps.currentId = this.steps.stepsNow[0].id
    // 整改
    this.rectification = this.$route.query.rectification;
    if (this.rectification) {
      // 整改时input解除禁用
      this.rectificationInput = false;
    }
    // 详情
    this.detail = this.$route.query.detail;
    // 批量
    if (this.batchImproves) {
      //批量上传id
      this.ids = this.$route.query.ids;
    } else {
      //客户ID
      this.query.infoId = this.$route.query.id;
      // 获取客户基础信息
      this.getInfoDataById(this.query.infoId)
    }


  },
  methods: {
    /**整改->获取稽核结果*/
    findCheckState(id) {
      let that = this;
      let model = {
        "dataId": id,
      }
      postAction(this.url.findCheckState, model)
        .then((res) => {
          if (res.success) {
            if (res.result == null) {
              return;
            }
            that.specialResult = res.result;
            // 整改->处理步骤条状态
            if (that.rectification) {
              for (var i in that.steps.stepsNow) {
                let id = that.steps.stepsNow[i].id;
                if (id == 'fileListIdCard') {
                  id = "idCard"
                }
                let specialResultElement = that.specialResult[id + "State"];
                if (specialResultElement == 0) {
                  that.steps.stepsNow[i].status = 'error'
                } else if (specialResultElement == 1) {
                  that.steps.stepsNow[i].status = 'finish'
                }
              }
            }
          }
        })
    },
    /**备注监听*/
    textareaChange(name, nameRemark) {
      if (!this.rectification) {
        if (this.infoModel[nameRemark].length > 0) {
          this.steps.stepsNow[this.steps.current].status = "finish"
        } else if (this.infoModel[name].length > 0 && this.infoModel[name][0].urlBase) {
          this.steps.stepsNow[this.steps.current].status = "finish"
        } else {
          this.steps.stepsNow[this.steps.current].status = "wait"
        }
      } else {
        this.steps.stepsNow[this.steps.current].solution = true;
      }


    },
    // 步骤条动态变化
    stepLoading() {
      this.steps.stepsNow = this.steps.stepsNow.splice(0, 4)
      //材料不全有特审步骤条
      this.stepsMaterialLabel()
      /**用户标签点击事件*/
      this.userLableClick()
      /**材料标签点击事件*/
      this.shutdownLabelClick()
      this.steps.stepsNow.push(
        {
          title: ' 其它资料（非必传）',
          content: 'First-content',
          id: "notes",
          status: "wait"
        })

    },
    //材料不全有特审步骤条
    stepsMaterialLabel() {
      if (this.infoModel.materialLabel == "0") {
        let stepsMaterial = this.steps.stepsMaterial;
        for (var i in stepsMaterial) {
          this.steps.stepsNow.push(stepsMaterial[i])
        }
      }
    },
    /**用户标签点击事件*/
    userLableClick() {
      var that = this;
      //材料不全有特审步骤条
      //that.stepsMaterialLabel();
      let userLable = that.infoModel.userLable;
      switch (userLable) {
        case "0":
          //个人户
          let stepUserLable0 = this.steps.stepUserLable0;
          for (var i in stepUserLable0) {
            this.steps.stepsNow.push(stepUserLable0[i])
          }
          break
        case "1":
          //单位户
          let stepUserLable1 = this.steps.stepUserLable1;
          for (var j in stepUserLable1) {
            this.steps.stepsNow.push(stepUserLable1[j])
          }
          break
      }
    },
    /**材料标签点击事件*/
    shutdownLabelClick() {
      var that = this;
      //材料不全有特审步骤条
      //that.stepsMaterialLabel();
      let shutdownLabel = that.infoModel.shutdownLabel;
      // 其它包含所有
      if (shutdownLabel.indexOf("0") > -1) {
        let shutdownLabel0 = this.steps.shutdownLabel0;
        for (var i in shutdownLabel0) {
          this.steps.stepsNow.push(shutdownLabel0[i])
        }
      }
    },

    /**移除文件*/
    removeFile(fileData, fileAttribute) {
      let that = this.infoModel;
      //处理轮播数据
      let swiperImg = that[fileAttribute];
      if (swiperImg) {
        let number = swiperImg.indexOf(fileData);
        swiperImg.splice(number, 1)
        if (swiperImg.length == 0) {
          swiperImg.push({})
          that[fileAttribute] = swiperImg
          let textId = fileAttribute + "Remark";
          if (!this.rectification) {
            if (this.infoModel[textId].trim() > 0) {
              this.steps.stepsNow[this.steps.current].status = "finish"
            } else {
              this.steps.stepsNow[this.steps.current].status = "wait"
            }
          }
        } else {
          if (!this.rectification) {
            this.steps.stepsNow[this.steps.current].status = "finish"
          }
        }
      }
    },

    /**自定义的上传文件方法*/
    selfUploadContract(data, fileAttribute) {
      var that = this;
      if (data.file) {
        let formData = new FormData();
        formData.append('file', data.file)
        postAction(this.url.minioUpload, formData).then((res) => {
          if (res.success) {
            that.swiperId = that.swiperId + 1;
            //文件链接
            let filePath = res.message;
            let swipData = {
              id: that.swiperId,
              urlBase: window._CONFIG['onlinePreviewDomainURL'] + '?url='
                + encodeURIComponent(
                  Base64.encode(
                    (filePath)
                  )),
              url: filePath,
              fileName: data.file.name
            }
            if (that.infoModel[fileAttribute][0].urlBase) {
              that.infoModel[fileAttribute].push(swipData)
            } else {
              that.infoModel[fileAttribute] = []
              //数据发生变化
              that.infoModel[fileAttribute][0] = swipData;
            }
            console.log(that.infoModel[fileAttribute])
            if (!that.rectification) {
              // 改变步骤条状态
              if (that.infoModel[fileAttribute].length > 0) {
                that.steps.stepsNow[that.steps.current].status = "finish"
              } else {
                that.steps.stepsNow[that.steps.current].status = "wait"
              }
            } else {
              that.steps.stepsNow[that.steps.current].solution = true
            }

          }

        })
      }
    },
    /**文件格式限制*/
    importBeforeUpload(file) {
      var fileType = file.type;
      if (fileType === 'image') {
        if (fileType.indexOf('image') < 0) {
          this.$message.warning('请上传图片');
          return false;
        }
      } else if (fileType === 'file') {
        if (fileType.indexOf('image') >= 0) {
          this.$message.warning('请上传文件');
          return false;
        }
      }
      return true
    },
    /**文件上传成功后回调*/
    importHandleChange(info) {
    },
    /**暂存事件*/
    stagingAuditLot() {
      let that = this;
      let url = that.url.staging
      let data = that.getDataNow();
      // 是否为批量上传
      if (that.batchImproves) {
        url = that.url.stagingList
      }
      postAction(url, data).then((res) => {
        if (res.code == 200) {
          this.$router.go(-1);
          //关闭当前页
          this.closeCurrent();
        } else {
          that.$message.warning(res.message);
        }
      })

    },
    getDataNow() {
      let that = this
      let infoModel = that.infoModel
      var data = {
        "infoIds": that.ids,
        "infoId": that.query.infoId,
        // 申请复开号码
        "openingNumber": infoModel.openingNumber,
        // 客户名称/使用人名称
        "customerName": infoModel.customerName,
        // 客户经理手机号
        "accountManagerPhone": infoModel.accountManagerPhone,
        // 用户标签
        "userLable": infoModel.userLable,
        // 关停标签
        "shutdownLabel": infoModel.shutdownLabel.join(),
        // 关停标签其他-名称
        "shutdownLabelOther": infoModel.shutdownLabelOther,
        // 最后一次关停时间
        "shutdownTime": infoModel.shutdownTime,
        // 申请复开原因
        "reasonReopening": infoModel.reasonReopening,
        // 材料标签选择
        "materialLabel": infoModel.materialLabel,
        // 单位名称
        "unitName": infoModel.unitName,
        // 身份证正反面
        idCard: this.urlBaseJoin(infoModel.fileListIdCard, "url"),
        idCardRemark: infoModel.fileListIdCardRemark,
        // 手持证件半身照片
        handCertificate: this.urlBaseJoin(infoModel.handCertificate, "url"),
        handCertificateRemark: infoModel.handCertificateRemark,
        // 号卡照片
        numberCard: this.urlBaseJoin(infoModel.numberCard, "url"),
        numberCardRemark: infoModel.numberCardRemark,
        // 手持号卡照片
        handNumberCard: this.urlBaseJoin(infoModel.handNumberCard, "url"),
        handNumberCardRemark: infoModel.handNumberCardRemark,
        // 防诈骗承诺函
        fraudPrevention: this.urlBaseJoin(infoModel.fraudPrevention, "url"),
        fraudPreventionRemark: infoModel.fraudPreventionRemark,
        // 营业执照副本
        businessLicense: this.urlBaseJoin(infoModel.businessLicense, "url"),
        businessLicenseRemark: infoModel.businessLicenseRemark,
        // 介绍信
        letterIntroduction: this.urlBaseJoin(infoModel.letterIntroduction, "url"),
        letterIntroductionRemark: infoModel.letterIntroductionRemark,
        // 使用人证件
        userCertificate: this.urlBaseJoin(infoModel.userCertificate, "url"),
        userCertificateRemark: infoModel.userCertificateRemark,
        // 消费凭证
        consumptionVoucher: this.urlBaseJoin(infoModel.consumptionVoucher, "url"),
        // 消费凭证备注
        consumptionVoucherRemark: infoModel.consumptionVoucherRemark,
        // 承诺视频
        commitmentVideo: this.urlBaseJoin(infoModel.commitmentVideo, "url"),
        // 承诺视频备注
        commitmentVideoRemark: infoModel.commitmentVideoRemark,
        // 系统实名制截图
        nameFindCompliance: this.urlBaseJoin(infoModel.nameFindCompliance, "url"),
        // 系统实名制截图备注
        nameFindComplianceRemark: infoModel.nameFindComplianceRemark,
        // 特审单
        specialReviewForm: this.urlBaseJoin(infoModel.specialReviewForm, "url"),
        // 特审单备注
        specialReviewFormRemark: infoModel.specialReviewFormRemark,
        // 其它资料
        notes: this.urlBaseJoin(infoModel.notes, "url"),
        // 其它资料备注
        notesRemark: infoModel.notesRemark,

      }
      return data;

    },
    /**提交申请事件*/
    submitAuditLot() {
      // 表单效验证结果
      let fromValid = false;
      // 是否为单位户
      if (this.infoModel.userLable == '1') {
        this.rules["unitName"] = [{required: true, message: '请输入单位名称  '}]
      } else {
        this.rules["unitName"] = [{required: false, message: '请输入单位名称  '}]
      }
      // 触发表单验证
      this.$refs.form.validate(valid => {
        // 验证是否通过
        fromValid = valid;
      })
      // 表单效验是否通过
      if (!fromValid) {
        this.$warning({
          title: '提示',
          content: '请完成全部特审资料填写',
        })
        return;
      }

      // 关停标签
      if (this.infoModel.shutdownLabel.length == 0) {
        this.$warning({
          title: '提示',
          content: '至少选择一个关停标签',
        })
        return;
      }

      // 材料不全，必须上传特深单
      if (this.infoModel.materialLabel == '0') {
        if (!this.labelValidation(['specialReviewForm'])) {
          this.$warning({
            title: '提示',
            content: '材料不全,请上传特审单',
          })
          return;
        }
      }
      // 无特审，所有材料必须上传
      // 公用效验参数
      var labels = ["nameFindCompliance", "fileListIdCard", "handCertificate", "fraudPrevention"]
      // 单位户或个人
      if (this.infoModel.userLable == '0') {
        // 个人->号卡照片
        labels.push('numberCard', 'handNumberCard')
      } else {
        // 单位户 -> 使用人证件，营业执照副本，介绍信
        labels.push('userCertificate')
        labels.push('businessLicense')
        labels.push('letterIntroduction')
      }
      // 关停标签 -> 安防停机（高危漫游地）
      if (this.infoModel.shutdownLabel.indexOf('0') > -1) {
        labels.push('consumptionVoucher')
      }
      if (!this.labelValidation(labels)) {
        this.$warning({
          title: '提示',
          content: '请上传全部文件材料！',
        })
        return;
      }

      let data = this.getDataNow();
      let url = this.url.editInfo;
      // 是否批量提交
      if (this.batchImproves) {
        url = this.url.batchEditInfo;
      }
      this.uploading = true;
      httpAction(url, data, "POST")
        .then((res) => {
          if (res.success) {
            this.uploading = false;
            this.$message.success("提交成功");
            this.$router.go(-1);
            this.closeCurrent();
          } else {
            this.uploading = false;
            this.$error({
              title: '提示',
              content: res.message,
            })
          }
        }).finally(() => {
        this.uploading = false;
      })
    },
    /**标签效验*/
    labelValidation(lableName) {
      let boolean = true;
      let infoModel = this.infoModel;
      for (var i in lableName) {
        let value = lableName[i];
        let valueRemark = value + "Remark";
        // 去除两端空格
        if (infoModel[valueRemark] != null) {
          infoModel[valueRemark] = infoModel[valueRemark].trim();
        }
        if ((infoModel[value].length == 0 || !infoModel[value][0].urlBase)
          && (infoModel[valueRemark] == null || infoModel[valueRemark].length == 0)) {
          boolean = false
          break;
        }
      }
      return boolean;
    }
    ,
    /**步骤条点击事件*/
    stepsClick(current) {
      if (!this.rectification) {
        this.steps.current = current;
        this.steps.currentId = this.steps.stepsNow[current].id
        for (var i in this.steps.stepsNow) {
          if (this.steps.stepsNow[i].status != "finish") {
            this.steps.stepsNow[i].status = "wait"
          }
        }
        if (this.steps.stepsNow[current].status != "finish") {
          this.steps.stepsNow[current].status = "process"
        }
      } else {
        this.steps.current = current;
        this.steps.currentId = this.steps.stepsNow[current].id
      }
    }
    ,

    /**返回上一级*/
    back() {
      this.$router.go(-1);
      //关闭当前页
      this.closeCurrent();
    }
    ,
    /**获取客户信息*/
    getInfoDataById(id) {
      var that = this;
      if (id) {
        var data = {
          "id": id,
        }
        getAction(this.url.getInfoDataById, data).then((res) => {
          if (res.success) {
            let result = res.result;
            // 复开号码
            that.infoModel.openingNumber = result.smsNumber
            // 机主姓名
            that.infoModel.customerName = result.customerName
            // 有无特殊审单
            that.infoModel.materialLabel = result.materialLabel == "无" ? "1" : "0"
            // 客户经理手机号
            that.infoModel.accountManagerPhone = result.accountManagerPhone;
            // 特审步骤条
            that.stepLoading();
            // 获取客户文件信息
            that.getInfoSpecialData(this.query.infoId);

          }

        })
      }

    }
    ,
    /**获取特审复开数据*/
    getInfoSpecialData(infoId) {
      let that = this;
      let infoModel = that.infoModel;
      postAction(that.url.getSpecialByinfoId, {infoId}).then((res) => {
        if (res.result != null) {
          let result = res.result;
          // 单位名称
          infoModel.unitName = result.unitName;
          // 身份证正反面
          infoModel.fileListIdCard = that.packageArr(result.idCard);
          infoModel.fileListIdCardRemark = result.idCardRemark;
          // 系统实名制截图
          infoModel.nameFindCompliance = that.packageArr(result.nameFindCompliance)
          infoModel.nameFindComplianceRemark = result.nameFindComplianceRemark;
          // 手持证件半身照片
          infoModel.handCertificate = that.packageArr(result.handCertificate)
          infoModel.handCertificateRemark = result.handCertificateRemark
          // 防诈骗承若函
          infoModel.fraudPrevention = that.packageArr(result.fraudPrevention)
          infoModel.fraudPreventionRemark = result.fraudPreventionRemark
          // 有无特审单
          infoModel.specialReviewForm = that.packageArr(result.specialReviewForm)
          infoModel.specialReviewFormRemark = result.specialReviewFormRemark
          // 使用人证件
          infoModel.userCertificate = that.packageArr(result.userCertificate)
          infoModel.userCertificateRemark = result.userCertificateRemark
          // 单位户-营业执照副本
          infoModel.businessLicense = that.packageArr(result.businessLicense)
          infoModel.businessLicenseRemark = result.businessLicenseRemark
          // 单位户-介绍信
          infoModel.letterIntroduction = that.packageArr(result.letterIntroduction)
          infoModel.letterIntroductionRemark = result.letterIntroductionRemark
          // 个人户-号卡照片
          infoModel.numberCard = that.packageArr(result.numberCard)
          infoModel.numberCardRemark = result.numberCardRemark
          // 个人户-手持号卡照片
          infoModel.handNumberCard = that.packageArr(result.handNumberCard)
          infoModel.handNumberCardRemark = result.handNumberCardRemark
          // 消费凭证
          infoModel.consumptionVoucher = that.packageArr(result.consumptionVoucher)
          infoModel.consumptionVoucherRemark = result.consumptionVoucherRemark
          // 承诺视频
          infoModel.commitmentVideo = that.packageArr(result.commitmentVideo)
          infoModel.commitmentVideoRemark = result.commitmentVideoRemark
          // 其它资料
          infoModel.notes = that.packageArr(result.notes)
          infoModel.notesRemark = result.notesRemark
          // 用户标签
          if (result.userLable){
            infoModel.userLable = result.userLable.toString()
          }
          // 关停标签
          if ( result.shutdownLabel){
            infoModel.shutdownLabel = result.shutdownLabel.split(",")
          }
          // 关停标签其他-名称
          infoModel.shutdownLabelOther = result.shutdownLabelOther
          // 最后一次关停时间
          infoModel.shutdownTime = result.shutdownTime
          // 申请复开原因
          infoModel.reasonReopening = result.reasonReopening
          that.infoModel = infoModel
          // 步骤条
          that.stepLoading();
          that.findCheckState(result.id)
        }
      })
    }
    ,
    // 照片格式转换
    urlBaseJoin(dataArray, name) {
      let newDataArr = [];
      for (var i in dataArray) {
        let dataArrayElementElement = dataArray[i][name];
        newDataArr.push(dataArrayElementElement);
      }
      return newDataArr.toString();
    }
    ,
    /**包装轮播数据*/
    packageArr(data) {
      let id = 0;
      let newArr = []
      if (data == null || data.length == 0) {
        newArr.push({})
        return newArr;
      }
      let splice = data.split(",");
      for (var i in splice) {
        id = id + 1;
        let filePath = splice[i];
        if (filePath == "") {
          break;
        }
        let fileName = filePath.split("/");
        fileName = fileName[fileName.length - 1];
        let swipData = {
          id: id,
          urlBase: window._CONFIG['onlinePreviewDomainURL'] + '?url='
            + encodeURIComponent(
              Base64.encode(
                (filePath)
              )),
          url: filePath,
          fileName: fileName
        }
        newArr.push(swipData);
      }
      return newArr;
    }
    ,
    // 点击方法 url为传入的第三方链接或网址 如'www.baidu.com' url前面不要加协议哦！
    jumpUrl(url) {
      var a = document.createElement("a");
      a.setAttribute("href", url);
      a.setAttribute("target", "_blank");
      a.click();
    },


  }


}
</script>
<style lang="less">
.ant-input[disabled] {
  color: #1e80ff;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #1e80ff;
  border-color: #d9d9d9;
  box-shadow: none;
}

</style>
<style lang="less">
.thumb-example {
  width: 80%;
  margin-top: 20px;
  // background: #000;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.gallery-top {
  // height: 80% !important;
  /*height: 600px;*/
  width: 100%;
  margin-bottom: 30px
}

.gallery-thumbs {
  height: 20% !important;
  box-sizing: border-box;
  padding: 10px 0px;
  /*  width: 864px;*/
  margin-left: 2px;

  .swiper-button-next {
    right: 0px;
  }

  .swiper-button-prev {
    left: 0px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    background: #fff;
    width: 45px;
    text-align: center;
    height: 101px;
    top: 26%;

    div {
      margin-top: 30px;
      background: rgb(207, 205, 205);
      height: 45px;
      border-radius: 50%;

      img {
        margin: 7px 0 0 2px;
        width: 30px;
      }
    }
  }

  .swiper-button-next:hover div {
    background: rgb(189, 186, 186);
  }

  .swiper-button-prev:hover div {
    background: rgb(189, 186, 186);
  }
}

.gallery-thumbs .swiper-slide {
  width: 20%;
  height: 80px;
  // opacity: 0.4;
}

.gallery-thumbs .swiper-slide-active {
  border: 2px solid red;
}

.markdown ul > li {
  color: #000000d9;
  font-size: 15px;
  line-height: 3;
  margin-left: 20px;
  padding-left: 4px;
  list-style-type: circle;
}

.file-div-minio-upload {
  height: 100%;
  position: relative;
  left: 10%
}
.font-size-14 {
  font-size:14px
}

</style>