<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>
            <a-col :span="6">

              <a-form-model-item label="客户编号" prop="customerName" v-bind="labelCol4" >
                <a-input   v-model="infoModel.customerNo" placeholder="客户编号" :disabled='true'></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户编号" prop="customerName" v-bind="labelCol4" >
                <a-input   v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="入网时间" prop="customerName" v-bind="labelCol4" >
                <a-input   v-model="infoModel.networkAccessTime" placeholder="入网时间" :disabled='true'></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='isShow'  v-model="infoModel.customerName" placeholder="客户名称/使用人名称"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户状态" prop="userState" v-bind="labelCol4">
                <a-input  v-model="infoModel.userState" placeholder="用户状态" :disabled='true'></a-input>
              </a-form-model-item>

            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户发展员工" prop="staffNo" v-bind="labelCol4">
                <a-input  v-model="infoModel.staffNo" placeholder="用户发展员工" :disabled='true'></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="码号" prop="codeNumber" v-bind="labelCol4">
                <a-input :disabled='isShow'  v-model="infoModel.codeNumber" placeholder="(接入开通码号95/96/10/11/12/106/400（不含拓展位长））"></a-input>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="号码详细用途" prop="numberUse" v-bind="labelCol4">
                <a-input  :disabled='isShow'  v-model="infoModel.numberUse" placeholder="（文字描述，最大200字。）"></a-input>
              </a-form-model-item>
            </a-col>


            <a-col :span="6">
              <a-form-model-item label="客户经理手机号" prop="managePhone" v-bind="labelCol4">
                <a-input  :disabled='isShow'  v-model="infoModel.managePhone" placeholder="客户经理手机号"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="单位联系人手机号" prop="codeNumberContactPhone" v-bind="labelCol4">
                <a-input  :disabled='isShow'  v-model="infoModel.codeNumberContactPhone" placeholder="业务合同码号使用单位联系人手机号"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="8">
              <a-form-model-item label="签约号码与证书下发码号是否一致" prop="isSigningNumber" v-bind="labelCol5">
                <a-radio-group v-model="infoModel.isSigningNumber" button-style="solid" @change="stepLoading"  :disabled='isShow' >
                  <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-row>
          <a-row>
            <a-col :span="7" v-if='infoModel.contractDateDateIs==="" || infoModel.contractDateDateIs===null || infoModel.contractDateDateIs==="1" '>
              <a-form-model-item label="合同到期时间是否长期" prop="contractDateDateIs" v-bind="labelCol4">
                <a-radio-group  :disabled='isShow'  v-model="infoModel.contractDateDateIs" 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="7"  v-if='infoModel.contractDateDateIs==="0" ' >
              <a-form-item label="合同到期时间" prop="filingsDateDateIs" v-bind="labelCol4">
                <j-date  :disabled='isShow'
                         style="width: 210px"
                  v-model="infoModel.contractDateDate"
                  format="YYYY-MM-DD"
                  :placeholder="['到期时间']"
                />
              </a-form-item>
            </a-col>
            <a-col :span="7" v-if='infoModel.businessLicenseDateDateIs==="" || infoModel.businessLicenseDateDateIs===null || infoModel.businessLicenseDateDateIs==="1" '>
              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateDateIs" v-bind="labelCol4">
                <a-radio-group   :disabled='isShow'  v-model="infoModel.businessLicenseDateDateIs" button-style="solid"  >
                  <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="7" v-if='infoModel.businessLicenseDateDateIs==="0"'>
              <a-form-item label="营业执照到期时间" prop="filingsDateDateIs"  v-bind="labelCol4" >
                <j-date  :disabled='isShow'
                         style="width: 210px"
                  v-model="infoModel.businessLicenseDateDate"
                  format="YYYY-MM-DD"
                  :placeholder="['到期时间']"
                />
              </a-form-item>
            </a-col>
            <a-col :span="5">
              <a-form-model-item label="资料是否完整" prop="isAll" v-bind="labelCol4">
                <a-radio-group  :disabled='isShow'  v-model="infoModel.isAll" 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="7" v-if='infoModel.filingsDateDateIs==="" || infoModel.filingsDateDateIs===null || infoModel.filingsDateDateIs==="1" '>
              <a-form-model-item label="备案到期时间是否长期" prop="filingsDateDateIs" v-bind="labelCol4">
                <a-radio-group  :disabled='isShow' v-model="infoModel.filingsDateDateIs" button-style="solid"  >
                  <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="7"  v-if='infoModel.filingsDateDateIs==="0" '>
              <a-form-item    label="备案通知到期时间" prop="filingsDateDateIs"  v-bind="labelCol4">
                <j-date
                  style="width: 210px" :disabled='isShow'
                  v-model="infoModel.filingsDateDate"
                  format="YYYY-MM-DD"
                  :placeholder="['到期时间']"
                />
              </a-form-item>
            </a-col>
            <a-col :span="7" v-if='infoModel.codeNumberDateDateIs==="" || infoModel.codeNumberDateDateIs===null || infoModel.codeNumberDateDateIs==="1" '>
              <a-form-model-item label="码号证书有效期是否长期" prop="codeNumberDateDateIs" v-bind="labelCol4">
                <a-radio-group  :disabled='isShow' v-model="infoModel.codeNumberDateDateIs" button-style="solid"  >
                  <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="7" v-if='infoModel.codeNumberDateDateIs==="0" '>
              <a-form-item label="码号证书到期时间"    prop="filingsDateDateIs" v-bind="labelCol4">
                <j-date  :disabled='isShow'
                  style="width: 210px"
                  v-model="infoModel.codeNumberDateDate"
                  format="YYYY-MM-DD"
                  :placeholder="['到期时间']"
                />
              </a-form-item>
            </a-col>

            <a-col :span="7" v-if='infoModel.permitDateDateIs==="" || infoModel.permitDateDateIs===null || infoModel.permitDateDateIs==="1" '>
              <a-form-model-item label="增值业务许可是否长期" prop="codeNumberDateDateIs" v-bind="labelCol4">
                <a-radio-group  :disabled='isShow' v-model="infoModel.permitDateDateIs" button-style="solid"  >
                  <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="8" v-if='infoModel.permitDateDateIs==="0" '>
              <a-form-item label="增值业务许可证到期时间"    prop="filingsDateDateIs" v-bind="labelCol4">
                <j-date  :disabled='isShow'
                         style="width: 210px"
                         v-model="infoModel.permitDateDate"
                         format="YYYY-MM-DD"
                         :placeholder="['到期时间']"
                />
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="是否完成整改" prop="isComplete" v-bind="labelCol4">
                <a-radio-group v-model="infoModel.isComplete" :disabled='isShow'  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="是否为CSP商" prop="isCsp" v-bind="labelCol4">
                <a-radio-group v-model="infoModel.isCsp" :disabled='isShow'  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="10">
              <a-form-model-item label="码号证书营业执照合同签约方主体是否一致" prop="codeNumberBusinessLicense" v-bind="labelCol5">
                <a-radio-group :disabled='isShow'  v-model="infoModel.codeNumberBusinessLicense" 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-row>
          <a-row>



          </a-row>
          <hr>
          <div style="width: 100%;float:left;margin-left: 20%">
            <a-list size="large"  >
              <template>
                <a-list-item style='height: 60px' >
                  <a-col :span="6" >
                    <div>
                      <div style="float:left;margin: 50px 3px" id="directRequirements">稽核是否通过</div>
                      <div style="float:left;margin: 50px 10px;" >
                        <a-radio-group  button-style="solid"  :disabled='true' v-model='infoModel.infoResult'>
                          <a-radio :value="'1'">是</a-radio>
                          <a-radio :value="'2'">否</a-radio>
                        </a-radio-group>
                      </div>
                    </div>
                  </a-col>
                  <a-col :span="18" >
                    <div style="clear: both"></div>
                    <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                      <a-textarea v-model=infoModel.infoResultRemark :disabled='true' placeholder="请输入上述信息的稽核结果" style="float:left;margin: 3px 3px;height:30px; width: 300px;"   />
                    </a-form-model-item>

                  </a-col>
                </a-list-item>
              </template>
            </a-list><div v-if='infoModel.infoResult==="2"' style="color: red;margin:0 auto"  >稽核未通请确认上述填写信息...</div>
          </div>

        </a-form-model>
      </div>
<!--      <hr v-if="infoModel.infoResult==='1'">-->
<!--      <div style="width: 100%;float:left;margin-left: 35%" v-if="infoModel.infoResult==='1'">-->
<!--        <a-list size="large"  >-->
<!--          <template>-->
<!--            <a-list-item style='height: 60px' >-->
<!--              <a-col :span="24" >-->
<!--                <div>-->
<!--                  <div style="float:left;margin: 50px 3px;color: red" id="directRequirements">上述信息稽核未通过请确认填写信息...</div>-->
<!--&lt;!&ndash;                  <div style="float:left;margin: 50px 10px;" >&ndash;&gt;-->
<!--&lt;!&ndash;                    <a-radio-group  button-style="solid"   v-model='infoModel.infoResult'>&ndash;&gt;-->
<!--&lt;!&ndash;                      <a-radio :value="'1'">是</a-radio>&ndash;&gt;-->
<!--&lt;!&ndash;                      <a-radio :value="'2'">否</a-radio>&ndash;&gt;-->
<!--&lt;!&ndash;                    </a-radio-group>&ndash;&gt;-->
<!--&lt;!&ndash;                  </div>&ndash;&gt;-->
<!--                </div>-->
<!--              </a-col>-->
<!--            </a-list-item>-->
<!--          </template>-->
<!--        </a-list>-->
<!--      </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" :title="item.title" :status="item.status" >
          <a-icon  :type="item.type" :slot="item.slot"   />
        </a-step>
      </a-steps>
      <a-button @click="addIsStaging" style="width: 100%" type="warn">暂存</a-button>
      <a-button @click="submitAuditLot" style="width: 100%;position: relative;top: 10px" type="primary">提交申请</a-button>
    </a-card>
    <!--    合同到期时间（YYYY-MM-DD）-->
    <a-card v-if="steps.currentId == 'contractDate'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px">合同资料</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.contractDateResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.contractDateResultRemark  placeholder="请输入合同到期时间的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="合同资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.contractDateResult==='1'?true:false"
                      v-model="infoModel.contractDateRemark"
                      @change="textareaChange('contractDate','contractDateRemark')"
                      placeholder="如没有合同到期时间，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.contractDate" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.contractDateResult ==='2'"
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'contractDate')">移除
              </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.contractDate"
              :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, 'contractDate')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.contractDateResult ==='2'">
                  <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 == 'businessLicenseDate'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px">营业执照资料</span>
      </div>
      <!--      文件上传-->
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.businessLicenseDateResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.businessLicenseDateResultRemark  placeholder="请输入营业执照到期时间的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="营业执照资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.businessLicenseDateResult==='1'?true:false"
                      @change="textareaChange('businessLicenseDate','businessLicenseDateRemark')"
                      v-model="infoModel.businessLicenseDateRemark"
                      placeholder="如没有营业执照到期时间资料，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.businessLicenseDate" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.businessLicenseDateResult ==='2'"
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'businessLicenseDate')">移除
              </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.businessLicenseDate"
              :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, 'businessLicenseDate')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.businessLicenseDateResult ==='2'">
                  <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 == 'codeNumberDate'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px">码号证书资料</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.codeNumberDateResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.codeNumberDateResultRemark  placeholder="请输入码号证书到期时间的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="码号证书资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.codeNumberDateResult==='1'?true:false"
                      @change="textareaChange('codeNumberDate','codeNumberDateRemark')"
                      v-model="infoModel.codeNumberDateRemark"
                      placeholder="如没有码号证书到期时间资料，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.codeNumberDate" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.codeNumberDateResult ==='2'"
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'codeNumberDate')">移除
              </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.codeNumberDate"
              :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, 'codeNumberDate')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.codeNumberDateResult ==='2'">
                  <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 == 'filingsDate'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 备案通知资料</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.filingsDateResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.filingsDateResultRemark  placeholder="请输入备案通知到期时间的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="备案通知到期时间资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.filingsDateResult==='1'?true:false"
                      @change="textareaChange('filingsDate','filingsDateRemark')"
                      v-model="infoModel.filingsDateRemark"
                      placeholder="如没有备案通知到期时间资料，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.filingsDate" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.filingsDateResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'filingsDate')">移除
              </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.filingsDate"
              :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, 'filingsDate')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.filingsDateResult ==='2'">
                  <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 == 'permitDate'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 增值业务许可证资料</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.permitDateResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.permitDateResultRemark  placeholder="请输入增值业务许可证到期时间资料的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="业务许可证资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.permitDateResult==='1'?true:false"
                      @change="textareaChange('permitDate','permitDateRemark')"
                      v-model="infoModel.permitDateRemark"
                      placeholder="如没有增值业务许可证到期时间资料，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.permitDate" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.permitDateResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'permitDate')">移除
              </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.permitDate"
              :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, 'permitDate')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.permitDateResult ==='2'">
                  <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 == 'corporationCard'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 法人/责任人证件资料</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.corporationCardResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.corporationCardResultRemark  placeholder="请输入法人/责任人证件资料的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="法人/责任人证件资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.corporationCardResult==='1'?true:false"
                      @change="textareaChange('corporationCard','corporationCardRemark')"
                      v-model="infoModel.corporationCardRemark"
                      placeholder="如没有法人/责任人证件，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.corporationCard" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.corporationCardResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'corporationCard')">移除
              </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.corporationCard"
              :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, 'corporationCard')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.corporationCardResult ==='2'">
                  <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 == 'personResponsible'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 责任人授权书资料</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.personResponsibleResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.personResponsibleResultRemark  placeholder="请输入责任人授权书资料的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="责任人授权书资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.personResponsibleResult==='1'?true:false"
                      @change="textareaChange('personResponsible','personResponsibleRemark')"
                      v-model="infoModel.personResponsibleRemark"
                      placeholder="如没有责任人授权书资料，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.personResponsible" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.personResponsibleResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'personResponsible')">移除
              </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.personResponsible"
              :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, 'personResponsible')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.personResponsibleResult ==='2' ">
                  <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 == 'operatorCard'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 经办人证件资料</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.operatorCardResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.operatorCardResultRemark  placeholder="请输入经办人证件资料的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="经办人证件资料备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.operatorCardResult==='1'?true:false"
                      v-model="infoModel.operatorCardRemark"
                      @change="textareaChange('operatorCard','operatorCardRemark')"
                      placeholder="如没有经办人证件资料，需要说明原因"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.operatorCard" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.operatorCardResult ==='2' "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'operatorCard')">移除
              </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.operatorCard"
              :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, 'operatorCard')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.operatorCardResult ==='2'">
                  <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 == 'operatorCardPhone'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 经办人手持身份证照片</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.operatorCardPhoneResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.operatorCardPhoneResultRemark  placeholder="请输入经办人手持身份证照片的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="经办人手持身份证照片备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.operatorCardPhoneResult==='1'?true:false"
                      @change="textareaChange('operatorCardPhone','operatorCardPhoneRemark')"
                      v-model="infoModel.operatorCardPhoneRemark"
                      placeholder="经办人手持身份证照片备注"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.operatorCardPhone" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.operatorCardPhoneResult ==='2' "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'operatorCardPhone')">移除
              </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.operatorCardPhone"
              :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, 'operatorCardPhone')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.operatorCardPhoneResult ==='2'">
                  <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 == 'devicePhone'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 机房设备照片</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.devicePhoneResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.devicePhoneResultRemark  placeholder="请输入机房设备照片的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="机房设备照片备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.devicePhoneResult==='1'?true:false"
                      @change="textareaChange('devicePhone','devicePhoneRemark')"
                      v-model="infoModel.devicePhoneRemark"
                      placeholder="机房设备照片"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.devicePhone" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.devicePhoneResult ==='2' "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'devicePhone')">移除
              </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.devicePhone"
              :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, 'devicePhone')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.devicePhoneResult ==='2' ">
                  <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 == 'textMessage'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 短信模板</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.textMessageResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.textMessageResultRemark  placeholder="请输入短信模版的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="短信模板备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.textMessageResult==='1'?true:false"
                      @change="textareaChange('textMessage','textMessageRemark')"
                      v-model="infoModel.textMessageRemark"
                      placeholder="短信模板"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.textMessage" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.textMessageResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'textMessage')">移除
              </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.textMessage"
              :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, 'textMessage')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.textMessageResult ==='2'">
                  <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 == 'textMessageBook'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 端口类短信业务责任承诺书</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.textMessageBookResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.textMessageBookResultRemark  placeholder="请输入端口类短信业务责任承诺书的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="短信业务责任承诺书备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.textMessageBookResult==='1'?true:false"
                      @change="textareaChange('textMessageBook','textMessageBookRemark')"
                      v-model="infoModel.textMessageBookRemark"
                      placeholder="端口类短信业务责任承诺书"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.textMessageBook" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.textMessageBookResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'textMessageBook')">移除
              </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.textMessageBook"
              :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, 'textMessageBook')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.textMessageBookResult ==='2' ">
                  <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 == 'secureBook'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 信息安全责任承诺书</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.secureBookResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.secureBookResultRemark  placeholder="请输入信息安全责任承诺书的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="信息安全责任承诺书备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.secureBookResult==='1'?true:false"
                      @change="textareaChange('secureBook','secureBookRemark')"
                      v-model="infoModel.secureBookRemark"
                      placeholder="信息安全责任承诺书"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.secureBook" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.secureBookResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'secureBook')">移除
              </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.secureBook"
              :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, 'secureBook')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.secureBookResult ==='2'">
                  <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 == 'special'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 特殊资费审批（标准资费无需提供）</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.specialResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.specialResultRemark  placeholder="请输入特殊资费审批的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="特殊资费审批备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.specialResult==='1'?true:false"
                      @change="textareaChange('special','specialRemark')"
                      v-model="infoModel.specialRemark"
                      placeholder="特殊资费审批（标准资费无需提供）"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.special" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.specialResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'special')">移除
              </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.special"
              :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, 'special')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.specialResult ==='2' ">
                  <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 == 'networkAccess'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 入网签报</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.networkAccessResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.networkAccessResultRemark  placeholder="请输入入网签报的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="入网签报备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.networkAccessResult==='1'?true:false"
                      @change="textareaChange('networkAccess','networkAccessRemark')"
                      v-model="infoModel.networkAccessRemark"
                      placeholder="入网签报"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.networkAccess" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.networkAccessResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'networkAccess')">移除
              </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.networkAccess"
              :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, 'networkAccess')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.networkAccessResult ==='2' ">
                  <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 == 'groupPriceApproval'"
            style="margin-bottom:10px;
              float: left;width: 83%;left: 2%">
      <div slot="title">
        <span style="float: left;position: relative;top: 4px"> 集团价格审批</span>
      </div>
      <div style="width: 100%;float:left;margin-left: 10%">
        <a-list size="large"  >
          <template>
            <a-list-item style='height: 60px' >
              <a-col :span="6" >
                <div>
                  <div style="float:left;margin: 50px 3px;" id="directRequirements">稽核是否通过</div>
                  <div style="float:left;margin: 50px 10px;" >
                    <a-radio-group  button-style="solid" disabled   v-model='infoModel.groupPriceApprovalResult'>
                      <a-radio :value="'1'">是</a-radio>
                      <a-radio :value="'2'">否</a-radio>
                    </a-radio-group>
                  </div>
                </div>
              </a-col>
              <a-col :span="18" >
                <div style="clear: both"></div>
                <a-form-model-item label="稽核结果备注" prop="basicCheckNote" style="float:left;margin: 50px 10px;" :labelCol="{ span: 5 }" :wrapperCol="{ span: 15 }" >
                  <a-textarea  :disabled='true' v-model=infoModel.groupPriceApprovalResultRemark  placeholder="请输入集团价格审批的稽核结果" style="float:left;margin: 3px 3px;height:20px; width: 300px;"   />
                </a-form-model-item>
              </a-col>
            </a-list-item>
          </template>
        </a-list>
      </div>
      <!--      文件上传-->
      <!--      附件-->
      <div>
        <a-form-model-item style="left: 10%;width: 70%;" label="集团价格审批备注：" v-bind="labelCol1Note">
          <a-textarea style="height: 77px" :disabled="infoModel.groupPriceApprovalResult==='1'?true:false"
                      @change="textareaChange('groupPriceApproval','groupPriceApprovalRemark')"
                      v-model="infoModel.groupPriceApprovalRemark"
                      placeholder="集团价格审批"
          />
          <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
        </a-form-model-item>
      </div>
      <div style="height: 70%">
        <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.groupPriceApproval" :key="item.id">
              <iframe
                v-if="item.urlBase"
                frameborder="1"
                :src="item.urlBase"
                ref="ifr"
                width="704px"
                height="445px"
                scrolling="auto">
              </iframe>
              <img style="width: 70%;height: 70%;border: 1px solid;"
                   v-if="!item.urlBase" :src="noDataPng" border="1">
              <a-button v-if="infoModel.groupPriceApprovalResult ==='2'  "
                        style="display: block;margin-top: 10px;border-color: red;color: red"
                        danger @click="removeFile(item,'groupPriceApproval')">移除
              </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.groupPriceApproval"
              :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, 'groupPriceApproval')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
              >
                <div v-if="infoModel.groupPriceApprovalResult ==='2'">
                  <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",
        "getInfoDataByInfoId": "/smsCheck/customerData/queryDataLogByInfoId",
        // 上传文件
        "minioUpload": "/smsCheck/customerData/uploadMinio",
      },
      //是否批量上传
      batchImproves: false,
      // 稽核结果
      specialResult: {},
      // 全局是否是在加载中
      uploading: false,
      //上级传参
      query: {
        data: {},
      },
      isShow:false,
      // 客户资料信息
      infoModel: {
        customerNo :"",
        userNo:"",
        networkAccessTime:"",
        logId:"",
        infoResult:"",
        infoResultRemark:"",
        dataId:"",

        infoId:"",
        //是否完成整改
        isComplete:"",
        //资料是否完整
        isAll:"",
        //签约号码与证书下发码号是否一致
        isSigningNumber:"",
        //是否为CSP商
        isCsp:"",
        //码号证书营业执照合同签约方主体是否一致
        codeNumberBusinessLicense:"",
        //码号使用单位联系人手机号
        codeNumberContactPhone:"",
        //客户经理手机号
        managePhone:"",
        //用户发展员工
        staffNo:"",
        //号码用途
        numberUse:"",
        //码号
        codeNumber:"",
        //用户状态
        userState:"",
        // 材料补不全有特审
        materialLabel: "0",
        // 用户类型
        userLable: "0",
        // 申请复开号码
        openingNumber: "",
        // 客户名称
        customerName: "",
        // 最后一次关停时间
        shutdownTime: "",
        // 关停标签
        shutdownLabel: "0",
        // 关停标签-其他
        shutdownLabelOther: "",
        //合同到期时间
        contractDate:[{}],
        contractDateRemark:"",
        contractDateResult:"",
        contractDateDateIs:"",
        contractDateDate:"",
        contractDateResultRemark:"",
        //'营业执照到期时间
        businessLicenseDate:[{}],
        businessLicenseDateDate:"",
        businessLicenseDateDateIs:"",
        businessLicenseDateRemark:"",
        businessLicenseDateResult:"",
        businessLicenseDateResultRemark:"",
        //码号证书到期时间
        codeNumberDate:[{}],
        codeNumberDateRemark:"",
        codeNumberDateDate:"",
        codeNumberDateDateIs:"",
        codeNumberDateResult:"",
        codeNumberDateResultRemark:"",
        //'备案通知到期时间
        filingsDateDate:"",
        filingsDateDateIs:"",
        filingsDate:[{}],
        filingsDateRemark:"",
        filingsDateResultRemark:"",
        filingsDateResult:"",
        //增值业务许可证到期时间
        permitDate:[{}],
        permitDateRemark:"",
        permitDateResultRemark:"",
        permitDateResult:"",
        permitDateDate:"",
        permitDateDateIs:"",
        //法人/责任人证件
        corporationCard:[{}],
        corporationCardRemark:"",
        corporationCardResult:"",
        corporationCardResultRemark:"",
        //责任人授权书
        personResponsible:[{}],
        personResponsibleRemark:"",
        personResponsibleResultRemark:"",
        personResponsibleResult:"",
        //经办人证件
        operatorCard:[{}],
        operatorCardRemark:"",
        operatorCardResult:"",
        operatorCardResultRemark:"",
        //经办人手持身份证照片（背景需为电信营业厅或白墙)
        operatorCardPhone:[{}],
        operatorCardPhoneRemark:"",
        operatorCardPhoneResultRemark:"",
        operatorCardPhoneResult:"",
        //机房设备照片'
        devicePhone:[{}],
        devicePhoneRemark:"",
        devicePhoneResult:"",
        devicePhoneResultRemark:"",
        //短信模板'
        textMessage:[{}],
        textMessageRemark:"",
        textMessageResult:"",
        textMessageResultRemark:"",
        //端口类短信业务责任承诺书'
        textMessageBook:[{}],
        textMessageBookRemark:"",
        textMessageBookResult:"",
        textMessageBookResultRemark:"",
        //信息安全责任承诺书
        secureBook:[{}],
        secureBookRemark:"",
        secureBookResult:"",
        secureBookResultRemark:"",
        //特殊资费审批（标准资费无需提供
        special:[{}],
        specialRemark:"",
        specialResult:"",
        specialResultRemark:"",
        //入网签报
        networkAccess:[{}],
        networkAccessRemark:"",
        networkAccessResult:"",
        networkAccessResultRemark:"",
        //集团价格审批
        groupPriceApproval:[{}],
        groupPriceApprovalRemark:"",
        groupPriceApprovalResult:"",
        groupPriceApprovalResultRemark:"",

      },
      //表单验证
      rules: {
        openingNumber: [
          {required: true, message: '必须输入手机号'},
        ],

        customerName: [
          {required: true, message: '必须输入客户名称'},
        ],
        userState: [
          {required: true, message: '必须输入用户状态'},
        ],
        codeNumber : [
          {required: true, message: '必须输入码号'},
        ],
        numberUse: [
          {required: true, message: '必须输入号码用途'},
        ],
        staffNo: [
          {required: true, message: '必须输入用户发展员工'},
        ],
        managePhone: [
          {required: true, message: '必须输入客户经理手机号'},
        ],
        codeNumberContactPhone: [
          {required: true, message: '必须输入码号使用单位联系人手机号'},
        ],
        isCsp: [
          {required: true, message: '必须输入是否为CSP商'},
        ],
        codeNumberBusinessLicense: [
          {required: true, message: '必须选择码号证书营业执照合同签约方主体是否一致'},
        ],
        isSigningNumber: [
          {required: true, message: '请选择签约号码与证书下发码号是否一致'},
        ],
        isAll: [
          {required: true, message: '必须选择资料是否完整'},
        ],
        isComplete: [
          {required: true, message: '必须选择是否完成整改'},
        ]
      },
      labelCol4: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 10},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 12},
        }
      },
      labelCol5: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 14},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 8},
        }
      },
      labelCol1: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 2},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 22},
        }
      },
      labelCol1Note: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 6},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 14},
        }
      },
      // 步骤条相关
      steps: {
        // 当前所在第几部
        current: 0,
        currentId: "",
        stepsNow: {},
        steps00: [
          {
            title: '上传合同资料',
            content: 'First-content',
            id: "contractDate",
            status: "wait"
          },
          {
            title: '上传营业执照资料',
            content: 'First-content',
            id: "businessLicenseDate",
            status: "wait" 
          },
          {
            title: '上传码号证书资料',
            content: 'First-content',
            id: "codeNumberDate",
            status: "wait"
          },
          {
            title: '上传备案通知资料',
            content: 'First-content',
            id: "filingsDate",
            status: "wait"
          },{
            title: '上传增值业务许可证资料',
            content: 'First-content',
            id: "permitDate",
            status: "wait"
          }, {
            title: '上传法人/责任人证件资料',
            content: 'First-content',
            id: "corporationCard",
            status: "wait"
          },{
            title: '上传责任人授权书资料',
            content: 'First-content',
            id: "personResponsible",
            status: "wait"
          },{
            title: '上传经办人证件资料',
            content: 'First-content',
            id: "operatorCard",
            status: "wait"
          },{
            title: '上传入网签报资料',
            content: 'First-content',
            id: "networkAccess",
            status: "wait"
          },{
            title: '上传集团价格审批资料',
            content: 'First-content',
            id: "groupPriceApproval",
            status: "wait"
          },{
            title: '上传机房设备照片',
            content: 'First-content',
            id: "devicePhone",
            status: "wait"
          }, {
            title: '上传短信模板',
            content: 'First-content',
            id: "textMessage",
            status: "wait"
          },{
            title: '上传信息安全责任承诺书',
            content: 'First-content',
            id: "secureBook",
            status: "wait"
          },{
            title: '上传经办人手持身份证照片（背景需为电信营业厅或白墙）',
            content: 'First-content',
            id: "operatorCardPhone",
            status: "wait"
          },
          {
            title: '上传端口类短信业务责任承诺书',
            content: 'First-content',
            id: "textMessageBook",
            status: "wait"
          },{
            title: '上传特殊资费审批（标准资费无需提供）资料',
            content: 'First-content',
            id: "special",
            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"
          },
        ],
        // 材料标签
        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: {},
  created() {
    // 是否批量上传
    this.infoModel.infoId=this.$route.query.id;
    this.batchImproves = this.$route.query.batchImproves;
    // 步骤条默认公用
    this.steps.stepsNow = this.steps.steps00;
    this.steps.currentId = this.steps.stepsNow[0].id
    if (this.batchImproves) {
      //批量上传id
      this.ids = this.$route.query.ids;
    } else {
      //客户ID
      this.query.infoId = this.$route.query.id;
      this.getInfoDataByInfoId(this.query.infoId);


    }


  },
  mounted() {
    // 实现swiper双向控制
    this.$nextTick(() => {
      const swiperTop = this.$refs.swiperTop.swiper
      const swiperThumbs = this.$refs.swiperThumbs.swiper
      swiperTop.controller.control = swiperThumbs
      swiperThumbs.controller.control = swiperTop
    })
    // /**监听视频拨放*/
    // this.$refs.myVideo.addEventListener("play", () => {
    //   this.openTimer();
    // });
    // /**监听视频暂停*/
    // this.$refs.myVideo.addEventListener("pause", () => {
    //   this.closeTimer();
    // });
  },
  methods: {
    /**备注坚听*/
    textareaChange(name, nameRemark) {
      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"
      }
      if (this.steps.stepsNow[this.steps.current].status = "error"){
        //  type:"solution",
        //slot:"icon"
        this.steps.stepsNow[this.steps.current].type="solution",
          this.steps.stepsNow[this.steps.current].slot="icon"
        this.steps.stepsNow[this.steps.current].status = "final"
      }
    },
    // 步骤条动态变化
    stepLoading() {
      this.steps.stepsNow = this.steps.stepsNow.splice(0, 16)
      //材料不全有特审步骤条
      this.stepsMaterialLabel()
      /**用户标签点击事件*/
      this.userLableClick()
      /**材料标签点击事件*/
      this.shutdownLabelClick()
    },
    //材料不全有特审步骤条
    stepsMaterialLabel() {
      if (this.infoModel.materialLabel == "0" || this.infoModel.shutdownLabel == "999") {
        let stepsMaterial = this.steps.stepsMaterial;
        for (var i in stepsMaterial) {
          this.steps.stepsNow.push(stepsMaterial[i])
        }
      }
   },
    /**用户标签点击事件*/
    userLableClick() {
      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"
      }
    },
    /**材料标签点击事件*/
    shutdownLabelClick() {
      var that = this;
      //材料不全有特审步骤条
      //that.stepsMaterialLabel();
      let shutdownLabel = that.infoModel.shutdownLabel;
      switch (shutdownLabel) {
        case "0":
          let shutdownLabel0 = this.steps.shutdownLabel0;
          for (var i in shutdownLabel0) {
            this.steps.stepsNow.push(shutdownLabel0[i])
          }
          break;
        case "5":
          let shutdownLabel5 = this.steps.shutdownLabel5;
          for (var j in shutdownLabel5) {
            this.steps.stepsNow.push(shutdownLabel5[j])
          }
          break;
      }
      if (this.infoModel.shutdownLabel == "999"){
        let shutdownLabel0 = this.steps.shutdownLabel0;
        for (var i in shutdownLabel0) {
          this.steps.stepsNow.push(shutdownLabel0[i])
        }
        let shutdownLabel5 = this.steps.shutdownLabel5;
        for (var j in shutdownLabel5) {
          this.steps.stepsNow.push(shutdownLabel5[j])
        }
      }
    },

    /**移除文件*/
    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({})
          let textId = fileAttribute + "Remark";
          if (this.infoModel[textId].trim() > 0) {
            this.steps.stepsNow[this.steps.current].status = "finish"
          } else {
            this.steps.stepsNow[this.steps.current].status = "wait"
          }
        } else {
          this.steps.stepsNow[this.steps.current].status = "finish"
        }
        that[fileAttribute] = swiperImg
      }
    },

    /**自定义的上传文件方法*/
    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;
            console.log(that.swiperId)
            //文件链接
            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;
            }
            // 改变步骤条状态
            if (that.infoModel[fileAttribute].length > 0) {
              if (that.steps.stepsNow[that.steps.current].status === "error"){
                that.steps.stepsNow[this.steps.current].type="solution",
                  that.steps.stepsNow[this.steps.current].slot="icon"
                that.steps.stepsNow[that.steps.current].status = "final"
              }else {
                that.steps.stepsNow[that.steps.current].status = "wait"
              }
              }

          }

        })
      }
    },
    /**文件格式限制*/
    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) {
    },

    dataListToStr(data){
      if (data.contractDate!==null && data.contractDate!==undefined){
        data.contractDate=JSON.stringify(data.contractDate);
      }

      if (data.businessLicenseDate!==null&& data.businessLicenseDate!==undefined){
        data.businessLicenseDate=JSON.stringify(data.businessLicenseDate);
      }

      if (data.codeNumberDate!==null && data.codeNumberDate!==undefined){
        data.codeNumberDate=JSON.stringify(data.codeNumberDate);
      }
      if (data.filingsDate!==null && data.filingsDate!==undefined){
        data.filingsDate=JSON.stringify(data.filingsDate);
      }
      if (data.permitDate!==null && data.permitDate!==undefined){
        data.permitDate=JSON.stringify(data.permitDate);
      }
      if (data.corporationCard!==null && data.corporationCard!==undefined){
        data.corporationCard=JSON.stringify(data.corporationCard);
      }
      if (data.personResponsible!==null && data.personResponsible!==undefined){
        data.personResponsible=JSON.stringify(data.personResponsible);
      }
      if (data.operatorCard!==null && data.operatorCard!==undefined){
        data.operatorCard=JSON.stringify(data.operatorCard);
      }
      if (data.operatorCardPhone!==null && data.operatorCardPhone!==undefined){
        data.operatorCardPhone=JSON.stringify(data.operatorCardPhone);
      }
      if (data.devicePhone!==null && data.devicePhone!==undefined){
        data.devicePhone=JSON.stringify(data.devicePhone);
      }
      if (data.textMessage!==null && data.textMessage!==undefined){
        data.textMessage=JSON.stringify(data.textMessage);
      }
      if (data.textMessageBook!==null && data.textMessageBook!==undefined){
        data.textMessageBook=JSON.stringify(data.textMessageBook);
      }
      if (data.secureBook!==null && data.secureBook!==undefined){
        data.secureBook=JSON.stringify(data.secureBook);
      }
      if (data.special!==null && data.special!==undefined){
        data.special=JSON.stringify(data.special);
      }
      if (data.networkAccess!==null && data.networkAccess!==undefined){
        data.networkAccess=JSON.stringify(data.networkAccess);
      }
      if (data.groupPriceApproval!==null && data.groupPriceApproval!==undefined){
        data.groupPriceApproval=JSON.stringify(data.groupPriceApproval);
      }
      return data;
    },

    /**暂存*/
    addIsStaging() {
      var that = this;
      var data=that.infoModel ;
      data =this.dataListToStr(data);
      postAction("/smsCheck/customerData/addIsStaging", data).then((res) => {
        if (res.success) {
          this.$message.success("提交成功", 3);
          this.addIng == true
          this.closeCurrent();
        } else {
          if (  res.message  !==null){
            this.$message.error( res.message);
          }else {
            this.$message.error("提交失败");
          }
        }
      })
    },
    /*提交*/
    submitAuditLot() {
      this.$refs['form'].validate(valid => {
      })
      var info = "yes";
      for (var i in this.steps.stepsNow) {
        if (this.steps.stepsNow[i].status !== "finish" && this.steps.stepsNow[i].type!=='solution') {
           this.$message.warn( this.steps.stepsNow[i].title +"资料或备注都未整改!!!");
           info="no";
        }
      }
      if (info==="no"){
        return
      }

      var that = this;
      var data=that.infoModel ;
      data =this.dataListToStr(data);
      postAction("/smsCheck/customerData/addLog", data).then((res) => {
        if (res.success) {
          this.$message.success("提交成功", 3);
          this.addIng == true
          this.closeCurrent();
        } else {
          if (  res.message  !==null){
            this.$message.error( res.message);
          }else {
            this.$message.error("提交失败");
          }
        }
      })
    },
    /**步骤条点击事件*/
    stepsClick(current) {
      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 !== "error") {
      //     this.steps.stepsNow[i].status = "wait"
      //   }
      // }
      if (this.steps.stepsNow[current].status!== "finish"  && this.steps.stepsNow[current].status !== "error") {
        this.steps.stepsNow[current].status = "process"
      }

    },
    /**返回上一级*/
    back() {
      this.$router.go(-1);
      //关闭当前页
      this.closeCurrent();
    },
    /**获取客户信息*/
    getInfoDataById(id,resultA) {
      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.userState =result.userState;
            //用户发展员工
            that.infoModel.staffNo =result.staffNo;
            that.infoModel.customerNo=result.customerNo;
            that.infoModel.networkAccessTime=result.networkAccessTime;
          }

        })
      }
      resultA.userState=that.infoModel.userState
      return resultA
    },
    /**获取客户信息*/
    getInfoDataByInfoId(infoId) {
      var that = this;
      if (infoId) {
        var data = {
          "infoId": infoId,
        }
        getAction(this.url.getInfoDataByInfoId, data).then((res) => {
          if (res.success) {
            let result = res.result;
            result=this.getInfoDataById(infoId,result)
            that.infoModel=result;
            that.infoModel.contractDate= JSON.parse(result.contractDate);
            that.infoModel.businessLicenseDate= JSON.parse(result.businessLicenseDate);
            that.infoModel.codeNumberDate= JSON.parse(result.codeNumberDate);
            that.infoModel.filingsDate= JSON.parse(result.filingsDate);
            that.infoModel.permitDate= JSON.parse(result.permitDate);
            that.infoModel.corporationCard= JSON.parse(result.corporationCard);
            that.infoModel.personResponsible= JSON.parse(result.personResponsible);
            that.infoModel.operatorCard= JSON.parse(result.operatorCard);
            that.infoModel.operatorCardPhone= JSON.parse(result.operatorCardPhone);
            that.infoModel.devicePhone= JSON.parse(result.devicePhone);
            that.infoModel.textMessage= JSON.parse(result.textMessage);
            that.infoModel.textMessageBook= JSON.parse(result.textMessageBook);
            that.infoModel.secureBook= JSON.parse(result.secureBook);
            that.infoModel.special= JSON.parse(result.special);
            that.infoModel.networkAccess= JSON.parse(result.networkAccess);
            that.infoModel.groupPriceApproval= JSON.parse(result.groupPriceApproval);
            for (var i in that.steps.stepsNow) {
              for (var j in result[that.steps.stepsNow[i].id]){
                if (result[that.steps.stepsNow[i].id+'Result'][0]!==undefined){
                  if (result[that.steps.stepsNow[i].id+'Result'][0]==='1'){
                    that.steps.stepsNow[i].status = "finish"
                  }else {
                    that.steps.stepsNow[i].status = "error"
                  }

                }
              }
            }
            if (that.infoModel.infoResult==="2"){
              var element = document.getElementById('directRequirements');
              element.style.color = 'red';
              that.isShow=false
            }
            if (that.infoModel.infoResult==="1"){
              var element = document.getElementById('directRequirements');
              element.style.color = 'black';
              that.isShow=true

            }
          }
        })
      }

    }
  },
  /**获取客户DataLog信息*/
  getInfoDataLogByInfoId(infoId) {

  }

}
</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">
#common-video {
  position: relative;

  .video-box {
    box-sizing: border-box;
    border: 0;
    display: block;
    width: 470px;
    height: 500px;
    outline: none !important;
  }

  .isShow {
    //进度条
    video::-webkit-media-controls-timeline {
      display: none;
    }
  }

  video::-webkit-media-controls-play-button {
    visibility: hidden;
  }

  .operate-btn {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
  }

  .operate-btn:hover {
    opacity: 0.8;
  }

  .fade-out {
    opacity: 0;
  }
}

.thumb-example {
  width: 864px;
  margin-top: 20px;
  // background: #000;
}

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

.gallery-top {
  // height: 80% !important;
  /*height: 600px;*/
  width: 100%;
  left: 10%;
  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;
}


</style>
