<template>
  <a-spin :spinning="this.uploading" size="large" tip="正在提交资料，请勿关闭当前网页...">
    <!--  客户信息-->
    <a-page-header
      style="background-color: #FFFFFF;margin-bottom:10px"
      :title= 'checkState===2 ?"客户信息稽核":checkState===4?"客户信息信息整改":""'
      :sub-title="notes"
      @back="back"
    >
      <!--      稽核和详情的基础信息-->
      <div v-if='checkState===2 ||checkState===5 '>
        <a-form-model
          ref="form"
          :model="infoModel"
          :rules="rules"
        >
          <a-row>
            <a-col :span="6">
              <a-form-model-item label="客户名称：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.customerName }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="客户类型：" v-bind="labelCol10">
                <span v-if='infoModel.customType===0' class="cornflowerblue">一类客户（党政军、大型企事业单位）</span>
                <span v-if='infoModel.customType===1' class="cornflowerblue">二类客户（其余用户)</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="使用场景：" v-bind="labelCol4">
                <span  v-if='infoModel.scene==="0"' class="cornflowerblue">办公自用</span>
                <span  v-if='infoModel.scene==="1"' class="cornflowerblue">自用型呼叫中心</span>
                <span  v-if='infoModel.scene==="2"' class="cornflowerblue">经营型呼叫中心</span>
                <span  v-if='infoModel.scene==="3"' class="cornflowerblue">经营型会议电话</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="是否突破价格管控：" v-bind="labelCol4">
                <span  v-if='infoModel.control==="0"' class="cornflowerblue">否</span>
                <span  v-if='infoModel.control==="1"' class="cornflowerblue">是</span>
              </a-form-model-item>
            </a-col>
          </a-row>
          <a-row>
            <a-col :span="6">
              <a-form-model-item label="客户编号：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.customerNo }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户发展员工：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.staffNo }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户发展员工姓名：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.staffName }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户状态：" v-bind="labelCol4">
                <span  v-if='infoModel.userState==="1"' class="cornflowerblue">在用</span>
                <span  v-if='infoModel.userState==="2"' class="cornflowerblue">停机</span>
                <span  v-if='infoModel.userState==="3"' class="cornflowerblue">拆机</span>
              </a-form-model-item>
            </a-col>
          </a-row>
          <a-row>
            <a-col :span="6">
              <a-form-model-item label="入网时间：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.networkAccessTime }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="首次激活时间：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.firstActivationDate }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="营业执照到期时间：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.businessLicenseDate==="" ?"长期": infoModel.businessLicenseDate }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="客户名称：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.customerName }}</span>
              </a-form-model-item>
            </a-col>
          </a-row>
          <a-row>
            <a-col :span="6">
              <a-form-model-item label="楼宇名称：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.floorName }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="客户经理手机号：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.managePhone }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="房屋租赁合同到期时间：" v-bind="labelCol9">
                <span class="cornflowerblue">{{ infoModel.houseDate }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="合同到期时间：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.contractDate==="" ?"长期": infoModel.contractDate }}</span>
              </a-form-model-item>
            </a-col>
          </a-row>
          <a-row>

            <a-col :span="6">
              <a-form-model-item label="账户编码：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.accountCode }}</span>
              </a-form-model-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="实际装机地址：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.installationAddress }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6" v-if='infoModel.scene==="2" ||infoModel.scene==="3" '>
              <a-form-model-item label="经营型呼叫中心增值许可证到期日 ：" v-bind="labelCol9">
                <span class="cornflowerblue">{{ infoModel.zZBusinessLicenseDate }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="风险评估等级：" v-bind="labelCol4">
                <span  v-if='infoModel.riskGrade==="0"' class="cornflowerblue">较低风险</span>
                <span  v-if='infoModel.riskGrade==="1"' class="cornflowerblue">低风险</span>
                <span  v-if='infoModel.riskGrade==="2"' class="cornflowerblue">中风险</span>
                <span  v-if='infoModel.riskGrade==="3"' class="cornflowerblue">高风险</span>
              </a-form-model-item>
            </a-col>
          </a-row>

          <!--      稽核状态  -->
          <a-row v-if="checkState === 2">
            <a-col :span="6">
              <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol4">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true" @change='sizeColor'
                               v-model='infoModel.infoResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-form-model-item  label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
                <a-textarea style="height: 100px" v-model=infoModel.infoResultRemark :disabled="checkState===2?false:true"
                            placeholder="请输入上述信息的稽核结果"/>
                <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
              </a-form-model-item>
            </a-col>
            <a-col :span="24">
              <a-button v-if='checkState!==4'
                        style="display: block;position: relative;left:auto;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin-left: 5%"
                        @click="historys">整改历史
              </a-button>
            </a-col>
          </a-row>
        </a-form-model>
      </div>


      <a-form-model
        ref="form"
        :model="infoModel"
        :rules="rules"
      >
      <a-card  v-if='checkState===4' style="margin-bottom:10px;color: #000000d9;font-size: 15px;line-height: 2.5;">
        <div>
          <span>1.请选择客户类型</span>
        </div>
        <a-radio-group style="position: relative;left: 30px"  :disabled="infoModel.infoResult==='1'?true:false"
                       @change="controlChange" prop='customType' v-model:value="infoModel.customType">
          <a-radio :value="0">一类客户（党政军、大型企事业单位）</a-radio>
          <a-radio :value="1">二类客户（其余用户）</a-radio>
        </a-radio-group>
        <div>
          <span style="display: block">2.请选择使用场景</span>
          <a-radio-group style="position: relative;left: 30px;" :disabled="infoModel.infoResult==='1'?true:false"
                         @change="controlChange" v-model:value="infoModel.scene"  prop='scene'>
            <a-radio :value="'0'">办公自用</a-radio>
            <a-radio :value="'1'">自用型呼叫中心</a-radio>
            <a-radio :value="'2'">经营型呼叫中心</a-radio>
            <a-radio :value="'3'">经营型会议电话</a-radio>
          </a-radio-group>
        </div>
        <div>
          <span style="display: block">3.是否突破价格管控</span>
          <a-radio-group style="position: relative;left: 30px;" :disabled="infoModel.infoResult==='1'?true:false"
                         @change="controlChange"  v-model:value="infoModel.control"  prop='scene'>
            <a-radio :value="'0'">否</a-radio>
            <a-radio :value="'1'">是</a-radio>
          </a-radio-group>
        </div>
      </a-card>
      <a-card v-if='checkState===4' style="margin-bottom:10px;color: #000000d9;font-size: 15px;line-height: 2.5;">
        <a-row>
          <a-col :span="6">
            <a-form-model-item label="客户编号"prop="customerNo" v-bind="labelCol4" >
              <a-input   class="cornflowerblue" v-model="infoModel.customerNo" placeholder="客户编号" :disabled='true'></a-input>
            </a-form-model-item>
          </a-col>

          <!--            <a-col :span="6">-->
          <!--              <a-form-model-item label="用户编号"   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="staffNo" v-bind="labelCol4">
              <a-input class="cornflowerblue" :disabled='true'  v-model="infoModel.staffNo" placeholder="用户发展员工"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="6">
            <a-form-model-item label="发展员工姓名" prop="staffNo" v-bind="labelCol4">
              <a-input  class="cornflowerblue" :disabled='true'  v-model="infoModel.staffName" placeholder="发展员工姓名"  ></a-input>
            </a-form-model-item>
          </a-col>
          <!--            <a-col :span="6">-->
          <!--              <a-form-model-item label="用户号码" prop="userCode" v-bind="labelCol4">-->
          <!--                <a-input :disabled='true'  v-model="infoModel.userCode" placeholder="用户号码"  ></a-input>-->
          <!--              </a-form-model-item>-->
          <!--            </a-col>-->
          <a-col :span="6">
            <a-form-model-item label="用户编号"  v-bind="labelCol4" >
              <a-input  class="cornflowerblue"  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="networkAccessTime"   v-bind="labelCol4" >
              <a-input   class="cornflowerblue" 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="firstActivationDate" v-bind="labelCol4">
              <a-input  class="cornflowerblue" :disabled='true'  v-model="infoModel.firstActivationDate" placeholder="首次激活时间"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="6">
            <a-form-model-item label="账户编码" prop="accountCode" v-bind="labelCol4">
              <a-input  class="cornflowerblue" :disabled='true'  v-model="infoModel.accountCode" placeholder="账户编码"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col  :span="6">
            <a-form-item label="用户状态"v-bind="labelCol4"  prop="userState" >
              <j-dict-select-tag placeholder="请选择用户状态"  :disabled="infoModel.infoResult==='1'?true:false"  v-model="infoModel.userState" dictCode="user_status_2"/>
            </a-form-item>
          </a-col>
          <a-col :span="6">
            <a-form-model-item label="客户名称(全)" prop="customerName" v-bind="labelCol4">
              <a-input  :disabled="infoModel.infoResult==='1'?true:false"  v-model="infoModel.customerName" placeholder="客户名称/使用人名称"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="6">
            <a-form-model-item label="楼宇名称" prop="floorName" v-bind="labelCol4">
              <a-input :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.floorName" placeholder="楼宇名称"></a-input>
            </a-form-model-item>
          </a-col>
<!--          <a-col :span="6">-->
<!--            <a-form-model-item label="楼宇编号" prop="floorCode" v-bind="labelCol4">-->
<!--              <a-input :disabled="infoModel.infoResult==='1'?true:false"  v-model="infoModel.floorCode" placeholder="楼宇编号"></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="infoModel.infoResult==='1'?true:false" v-model="infoModel.managePhone" placeholder="客户经理手机号"></a-input>
            </a-form-model-item>
          </a-col>

          <a-col :span="6">
            <a-form-model-item label="实际装机地址" prop="installationAddress" v-bind="labelCol4">
              <a-input :disabled="infoModel.infoResult==='1'?true:false"  v-model="infoModel.installationAddress" placeholder="实际装机地址"></a-input>
            </a-form-model-item>
          </a-col>



          <a-col :span="8" v-if='infoModel.contractDateIs==="" || infoModel.contractDateIs===null || infoModel.contractDateIs==="1" '>
            <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol5">
              <a-radio-group  v-model="infoModel.contractDateIs" button-style="solid" :disabled="infoModel.infoResult==='1'?true:false">
                <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.contractDateIs==="0" ' >
            <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">
              <a-date-picker    style="min-width:50px; width: 67% " v-model="infoModel.contractDate" :disabled="infoModel.infoResult==='1'?true:false"
                               format="YYYY-MM-DD"
                               showTime valueFormat="YYYY-MM-DD"/>
              <a-button  @click="backDate('contractDate')" >长期</a-button>
            </a-form-model-item>
          </a-col>

          <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="" || infoModel.businessLicenseDateIs===null || infoModel.businessLicenseDateIs==="1" '>
            <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol5">
              <a-radio-group :disabled="infoModel.infoResult==='1'?true:false"   v-model="infoModel.businessLicenseDateIs" 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.businessLicenseDateIs==="0"'>
            <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">
              <a-date-picker   style="min-width:50px; width: 67% "     v-model="infoModel.businessLicenseDate"
                              format="YYYY-MM-DD"
                              showTime valueFormat="YYYY-MM-DD"/>
              <a-button  @click="backDate('businessLicenseDate')" >长期</a-button>
            </a-form-model-item>

          </a-col>
          <!--        （第一类客户办公自用除外，不需提供）-->
          <a-col :span="9">
            <a-form-model-item label="房屋租赁合同到期时间" :prop='infoModel.customType===0 && infoModel.scene==="0" ?"houseDate":""'   v-bind="labelCol4">
              <a-date-picker :disabled="infoModel.infoResult==='1'?true:false"    style="width: 210px" v-model="infoModel.houseDate"
                             format="YYYY-MM-DD"
                             showTime valueFormat="YYYY-MM-DD"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="12"  v-if='infoModel.scene==="2" ||infoModel.scene==="3" '>
            <a-form-model-item label="经营型呼叫中心增值许可证到期日 " prop="zZBusinessLicenseDate" v-bind="labelCol4">
              <a-date-picker  :disabled="infoModel.infoResult==='1'?true:false"   style="width: 210px"   v-model="infoModel.zZBusinessLicenseDate"
                              format="YYYY-MM-DD"
                              showTime valueFormat="YYYY-MM-DD"/>
            </a-form-model-item>
          </a-col>

          <!--风险评估等级（非办公自用需提供）-->
          <a-col :span="13">
            <a-form-model-item label="风险评估等级（非办公自用需提供)" prop="riskGrade"   v-bind="labelCol4">
              <a-radio-group  v-model="infoModel.riskGrade" button-style="solid" :disabled="infoModel.infoResult==='1'?true:false" >
                <a-radio-button value="0">较低风险</a-radio-button>
                <a-radio-button value="1">低风险</a-radio-button>
                <a-radio-button value="2">中风险</a-radio-button>
                <a-radio-button value="3">高风险</a-radio-button>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
        </a-row>

      </a-card>

      </a-form-model>
      <div>
        <a-modal v-model:open="open" title="修改历史"   @ok="handleOk"  :width="700">
          <template slot="footer" >
            <a-button type="primary" style="display:block;margin:0 auto"
                      @click="handleOk" >关闭</a-button>
          </template>
          <a-table :columns="columns" :data-source="dataList" :scroll="{ x: 300, y: 500 }" :pagination="false"     >
            <template #bodyCell="{ column }">
            </template>
          </a-table>
        </a-modal>
      </div>
<!--      <hr  v-if='checkState!==4'>-->
<!--      <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="checkState===2?false:true" @change='sizeColor' 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="checkState===2?false:true" placeholder="请输入上述信息的稽核结果" style="float:left;margin: 3px 3px;height:50px; width: 300px;"   />-->
<!--                </a-form-model-item>-->

<!--              </a-col>-->
<!--            </a-list-item>-->
<!--          </template>-->
<!--        </a-list>-->
<!--      </div>-->
      <a-row v-if="checkState === 4 || checkState === 5">
        <a-col :span="6">
          <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol4">
            <a-tag class="font-size-14" v-if="infoModel.infoResult == 1" color="#2db7f5">通过</a-tag>
            <a-tag class="font-size-14" v-if="infoModel.infoResult == 2" color="#f50">未通过</a-tag>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item  label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
            <a-tag class="font-size-14"
                   color="orange">{{ infoModel.infoResultRemark }}</a-tag>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-button v-if='checkState!==4'
                    style="display: block;position: relative;left:auto;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin-left: 5%"
                    @click="historys">整改历史
          </a-button>
        </a-col>
      </a-row>
    </a-page-header>

    <div>
      <a-card style="margin-bottom:10px;width: 15%;float: left">
        <a-steps direction="vertical" :current="steps.current" size="small" @change="stepsClick" v-if='checkState===2 ||checkState===5 '>
          <a-step v-for="item in steps.stepsNow" :key="item.title"   :status="item.status">
            <a-icon v-if="item.solution" style='color: #faad14;' :type="item.type"  :slot="item.slot" />
            <a-icon v-if="item.solutionGreen" style='color: #52c41a;' :type="item.type"  :slot="item.slot" />
            <span v-if="item.solutionGreen" style='color: #52c41a;'   slot="title" >{{item.title}}</span>
            <span v-else-if='item.status==="error"'  style='color: red' slot="title" >{{item.title}}</span>
            <span v-else-if='item.yellow'  style='color: sandybrown' slot="title" >{{item.title}}</span>
            <span v-else    slot="title" >{{item.title}}</span>
          </a-step>
        </a-steps>
        <a-steps direction="vertical" :current="steps.current" size="small" @change="stepsClick"v-if='checkState===4'>
          <a-step v-for="item in steps.stepsNow" :key="item.title"   :status="item.status" >
            <!--          <a-icon  :type="item.type" :slot="item.slot"   />-->
            <a-icon v-if="item.solution" style='color: #faad14;' :type="item.type"  :slot="item.slot" />
            <span  v-if="item.solution"  style='color: sandybrown' slot="title" >{{item.title}}</span>
            <span v-else    slot="title" >{{item.title}}</span>
          </a-step>
        </a-steps>

        <a-button @click="submitAuditLot"v-if='checkState!==5' style="width: 100%;position: relative;top: 10px" type="primary">提交</a-button>
        <a-button @click="outPage"v-if='checkState===5' style="width: 100%;position: relative;top: 10px" type="primary">退出</a-button>
      </a-card>

      <!--    入网申请签报 -->
      <a-card v-if="steps.currentId === 'applySign'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">入网申请签报</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）18年9月以后入网的需要</li>
              </ul>
            </div>
          </a-alert>
        </div>

        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.applySignResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.applySignResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.applySignResult)" v-model='infoModel.applySignResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.applySignResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.applySignResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.applySignResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.applySignRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.applySignResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.applySignResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.applySignRemark"
                          @change="textareaChange('applySign','applySignRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'applySign')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.applySignResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.applySign" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.applySignResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'applySign')">移除
                    </a-button>
                  </div>
                </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.applySign"
                  :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,'applySign')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.applySignResult==="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>
        </div>

      </a-card>
      <!--    三张现场照片 -->
      <a-card v-if="steps.currentId === 'threePhotos'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">三张现场照片</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）门头LOGO、座席、机房和，照片需有客户经理</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.threePhotosResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.threePhotosResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.threePhotosResult)" v-model='infoModel.threePhotosResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.threePhotosResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.threePhotosResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.threePhotosResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.threePhotosRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.threePhotosResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.threePhotosResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.threePhotosRemark"
                          @change="textareaChange('threePhotos','threePhotosRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'threePhotos')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.threePhotosResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.threePhotos" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.threePhotosResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'threePhotos')">移除
                    </a-button>
                  </div>
                </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.threePhotos"
                  :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,'threePhotos')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.threePhotosResult==="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>
        </div>

      </a-card>
      <!--    DID(含中继线)业务的责任承诺函 -->
      <a-card v-if="steps.currentId === 'commitmentBook'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">DID(含中继线)业务的责任承诺函</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）请按照时间情况填写</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.commitmentBookResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.commitmentBookResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.commitmentBookResult)" v-model='infoModel.commitmentBookResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.commitmentBookResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.commitmentBookResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.commitmentBookResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.commitmentBookRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.commitmentBookResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.commitmentBookResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.commitmentBookRemark"
                          @change="textareaChange('commitmentBook','commitmentBookRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'commitmentBook')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.commitmentBookResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.commitmentBook" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.commitmentBookResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'commitmentBook')">移除
                    </a-button>
                  </div>
                </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.commitmentBook"
                  :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,'commitmentBook')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.commitmentBookResult==="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>
        </div>


      </a-card>
      <!--    价格审批表-->
      <a-card v-if="steps.currentId === 'isPriceApproval'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">价格审批表</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li>1）请按实际情况完成填写</li>
            </ul>
          </div>
          </a-alert>
        </div>

        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.isPriceApprovalResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.isPriceApprovalResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.isPriceApprovalResult)" v-model='infoModel.isPriceApprovalResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.isPriceApprovalResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.isPriceApprovalResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.isPriceApprovalResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.isPriceApprovalRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.isPriceApprovalResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.isPriceApprovalResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.isPriceApprovalRemark"
                          @change="textareaChange('isPriceApproval','isPriceApprovalRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'isPriceApproval')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.isPriceApprovalResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.isPriceApproval" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.isPriceApprovalResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'isPriceApproval')">移除
                    </a-button>
                  </div>
                </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.isPriceApproval"
                  :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,'isPriceApproval')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.isPriceApprovalResult==="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>
        </div>

      </a-card>
      <!--    法人身份证-->
      <a-card v-if="steps.currentId === 'legalIdCard'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">法人身份证</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）非党政军客户需具备</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.legalIdCardResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.legalIdCardResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.legalIdCardResult)" v-model='infoModel.legalIdCardResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.legalIdCardResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.legalIdCardResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.legalIdCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.legalIdCardRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.legalIdCardResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.legalIdCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.legalIdCardRemark"
                          @change="textareaChange('legalIdCard','legalIdCardRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'legalIdCard')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.legalIdCardResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.legalIdCard" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.legalIdCardResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'legalIdCard')">移除
                    </a-button>
                  </div>
                </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.legalIdCard"
                  :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,'legalIdCard')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.legalIdCardResult==="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>
        </div>

      </a-card>
      <!--    经办人身份证-->
      <a-card v-if="steps.currentId === 'operatorIdCard'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">经办人身份证</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）请按实际情况完成填写</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.operatorIdCardResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.operatorIdCardResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.operatorIdCardResult)" v-model='infoModel.operatorIdCardResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.operatorIdCardResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.operatorIdCardResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.operatorIdCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.operatorIdCardRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.operatorIdCardResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.operatorIdCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.operatorIdCardRemark"
                          @change="textareaChange('operatorIdCard','operatorIdCardRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'operatorIdCard')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.operatorIdCardResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.operatorIdCard" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.operatorIdCardResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'operatorIdCard')">移除
                    </a-button>
                  </div>
                </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.operatorIdCard"
                  :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,'operatorIdCard')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.operatorIdCardResult==="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>
        </div>
      </a-card>
      <!--    授权函-->
      <a-card v-if="steps.currentId === 'authorizeBook'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">授权函</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）请按实际情况填写</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.authorizeBookResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.authorizeBookResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.authorizeBookResult)" v-model='infoModel.authorizeBookResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.authorizeBookResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.authorizeBookResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.authorizeBookResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.authorizeBookRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.authorizeBookResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.authorizeBookResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.authorizeBookRemark"
                          @change="textareaChange('authorizeBook','authorizeBookRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'authorizeBook')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.authorizeBookResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.authorizeBook" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.authorizeBookResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'authorizeBook')">移除
                    </a-button>
                  </div>
                </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.authorizeBook"
                  :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,'authorizeBook')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.authorizeBookResult==="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>
        </div>

      </a-card>
      <!--    经营性呼叫中心增值业务许可证-->
      <a-card v-if="steps.currentId === 'zZBusinessLicense'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">经营性呼叫中心增值业务许可证</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）请按实际情况填写</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.zZBusinessLicenseResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.zZBusinessLicenseResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.zZBusinessLicenseResult)" v-model='infoModel.zZBusinessLicenseResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.zZBusinessLicenseResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.zZBusinessLicenseResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.zZBusinessLicenseResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.zZBusinessLicenseRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.zZBusinessLicenseResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.zZBusinessLicenseResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.zZBusinessLicenseRemark"
                          @change="textareaChange('zZBusinessLicense','zZBusinessLicenseRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'zZBusinessLicense')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.zZBusinessLicenseResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.zZBusinessLicense" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.zZBusinessLicenseResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'zZBusinessLicense')">移除
                    </a-button>
                  </div>
                </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.zZBusinessLicense"
                  :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,'zZBusinessLicense')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.zZBusinessLicenseResult==="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>
        </div>


      </a-card>
      <!--    呼叫中心业务说明-->
      <a-card v-if="steps.currentId === 'centerBusiness'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">呼叫中心业务说明</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）自用型呼叫中心、经营型呼叫中心、经营型会议电话均需提供</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.centerBusinessResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.centerBusinessResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.centerBusinessResult)" v-model='infoModel.centerBusinessResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.centerBusinessResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.centerBusinessResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.centerBusinessResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.centerBusinessRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.centerBusinessResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.centerBusinessResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.centerBusinessRemark"
                          @change="textareaChange('centerBusiness','centerBusinessRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'centerBusiness')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.centerBusinessResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.centerBusiness" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.centerBusinessResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'centerBusiness')">移除
                    </a-button>
                  </div>
                </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.centerBusiness"
                  :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,'centerBusiness')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.centerBusinessResult==="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>
        </div>


      </a-card>
      <!--    房屋租赁合同或房产证明-->
      <a-card v-if="steps.currentId === 'contractOrProve'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">房屋租赁合同或房产证明</span>
        </div>

        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）二类客户需具备</li>
                <li>2)房屋租赁合同或房屋产权证明（加盖公章）</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.contractOrProveResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.contractOrProveResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.contractOrProveResult)" v-model='infoModel.contractOrProveResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.contractOrProveResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.contractOrProveResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.contractOrProveResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.contractOrProveRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.contractOrProveResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.contractOrProveResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.contractOrProveRemark"
                          @change="textareaChange('contractOrProve','contractOrProveRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'contractOrProve')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.contractOrProveResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.contractOrProve" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.contractOrProveResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'contractOrProve')">移除
                    </a-button>
                  </div>
                </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.contractOrProve"
                  :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,'contractOrProve')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.contractOrProveResult==="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>
        </div>

      </a-card>
      <!--    风险评估表-->
      <a-card v-if="steps.currentId === 'riskTable'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">风险评估表</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）非办公自用需提供</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.riskTableResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.riskTableResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.riskTableResult)" v-model='infoModel.riskTableResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.riskTableResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.riskTableResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.riskTableRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.riskTableRemark"
                          @change="textareaChange('riskTable','riskTableRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'riskTable')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.riskTableResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.riskTable" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.riskTableResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'riskTable')">移除
                    </a-button>
                  </div>
                </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.riskTable"
                  :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,'riskTable')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.riskTableResult==="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>
        </div>


      </a-card>
      <!--    中继线预审表-->
      <a-card v-if="steps.currentId === 'trunkTable'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">中继线预审表</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）请按实际情况填写</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.trunkTableResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.trunkTableResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.trunkTableResult)" v-model='infoModel.trunkTableResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.trunkTableResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.trunkTableResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.trunkTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.trunkTableRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.trunkTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.trunkTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.trunkTableRemark"
                          @change="textareaChange('trunkTable','trunkTableRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'trunkTable')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.trunkTableResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.trunkTable" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.trunkTableResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'trunkTable')">移除
                    </a-button>
                  </div>
                </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.trunkTable"
                  :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,'trunkTable')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.trunkTableResult==="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>
        </div>


      </a-card>
      <!--    中继线合同-->
      <a-card v-if="steps.currentId === 'trunkContract'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">中继线合同</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）必须是正规合同，不能是业务申请单</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.trunkContractResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.trunkContractResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.trunkContractResult)" v-model='infoModel.trunkContractResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.trunkContractResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.trunkContractResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.trunkContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.trunkContractRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.trunkContractResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.trunkContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.trunkContractRemark"
                          @change="textareaChange('trunkContract','trunkContractRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>

              <a-upload
                name="file"
                :multiple="true"
                :action="importMinioUploadAction"
                :customRequest="e => selfUploadContract(e, 'trunkContract')"
                :headers="tokenHeader"
                :showUploadList="false"
                :beforeUpload="importBeforeUpload"
                @change="importHandleChange"
                
                v-if='checkState===4 && infoModel.trunkContractResult==="2"'
                class="a-upload-line-30"
              >
                <a-button> <a-icon type="upload" /> 上传文件 </a-button>
              </a-upload>

              <div style="height: 70%">
            <div class="thumb-example">
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.trunkContract" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left;position: relative;margin-top: 10px;border-color: #1890FF;color: #1890FF"
                         v-if="  item.urlBase "
                         @click="downloadFile(item.url)">下载
              </a-button>
              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;float:left;border-color: #1890FF;color: #1890FF"
                         v-if=" item.urlBase "
                         @click="jumpUrl(item.urlBase)">预览
              </a-button>
                  <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.trunkContractResult==='2'" style="float: left;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'trunkContract')">移除
                  </a-button>
                  </div>
                </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.trunkContract"
                  :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, 'trunkContract')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.trunkContractResult==="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>
        </div>


      </a-card>


      <!--    回访表-->
      <a-card v-if="steps.currentId === 'accessTable'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">回访表</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）2023年7月26日后入网的需要</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.accessTableResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.accessTableResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.accessTableResult)" v-model='infoModel.accessTableResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.accessTableResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.accessTableResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.accessTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.accessTableRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.accessTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.accessTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.accessTableRemark"
                          @change="textareaChange('accessTable','accessTableRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'accessTable')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.accessTableResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.accessTable" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.accessTableResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'accessTable')">移除
                    </a-button>
                  </div>
                </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.accessTable"
                  :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,'accessTable')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.accessTableResult==="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>
        </div>


      </a-card>
      <!--    电话回访截图-->
      <a-card v-if="steps.currentId === 'accessPhone'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">电话回访截图</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）请按照实际情况填写</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.accessPhoneResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.accessPhoneResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.accessPhoneResult)" v-model='infoModel.accessPhoneResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.accessPhoneResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.accessPhoneResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.accessPhoneResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.accessPhoneRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.accessPhoneResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.accessPhoneResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.accessPhoneRemark"
                          @change="textareaChange('accessPhone','accessPhoneRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'accessPhone')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.accessPhoneResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.accessPhone" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.accessPhoneResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'accessPhone')">移除
                    </a-button>
                  </div>
                </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.accessPhone"
                  :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,'accessPhone')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.accessPhoneResult==="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>
        </div>


      </a-card>
      <!--    现场回访照片-->
      <a-card v-if="steps.currentId === 'accessPhoto'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">现场回访照片</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）请按实际情况填写</li>
              </ul>
            </div>
          </a-alert>

        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.accessPhotoResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.accessPhotoResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.accessPhotoResult)" v-model='infoModel.accessPhotoResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.accessPhotoResultRemark }}</a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.accessPhotoResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag v-if="(checkState===4 && infoModel.accessPhotoResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                     class="font-size-14" color="orange">{{ infoModel.accessPhotoRemark }}</a-tag>

              <a-textarea v-if="(checkState===4 && infoModel.accessPhotoResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                          style="height: 77px"
                          :disabled="(checkState===4 && infoModel.accessPhotoResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                          v-model="infoModel.accessPhotoRemark"
                          @change="textareaChange('accessPhoto','accessPhotoRemark')"
                          placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'accessPhoto')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.accessPhotoResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>

          <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.accessPhoto" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="450px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.accessPhotoResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'accessPhoto')">移除
                    </a-button>
                  </div>
                </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.accessPhoto"
                  :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,'accessPhoto')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.accessPhotoResult==="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>
        </div>

      </a-card>



    </div>


  </a-spin>

</template>

<script>
import {httpAction, getAction, postAction} from '@api/manage'
/*无数据图片*/
import noDataPng from '@/assets/nodata.png'
import {JeecgListMixin} from "@/mixins/JeecgListMixin";

let Base64 = require('js-base64').Base64
export default {
  name: "TaskCheckAudit",
  mixins: [JeecgListMixin],
  inject:['closeCurrent'],
  data() {
    return {
      labelCol6: {
        labelCol: {
          xs: {span: 24},
          sm: {span:10},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 12},
        }
      },
      labelCol5: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 12},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 12},
        }
      },
      labelCol4: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 10},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 12},
        }
      },
      labelCol10: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 5},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 19},
        }
      },
      labelCol9: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 14},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 10},
        }
      },
      labelCol1: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 2},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 22},
        }
      },
      open:false,
      columns:[
        { title: '编辑时间', width: 100, dataIndex: 'updateDate', key: 'updateDate'  },
        { title: '修改字段', width: 100, dataIndex: 'updateField', updateField: 'age'  },
        { title: '修改内容', width: 100, dataIndex: 'context', key: 'context' },
      ],
      labelCol1Note: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 4},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 15},
        }
      },
      //无数据图片
      noDataPng: noDataPng,
      //客户信息
      info: {},
      url: {
        "getTask":"/smsTurck/customerData/query/getTask",
        "getInfoDataById": "/smsCheck/customerInfo/queryById",
        updateFile: "/smsCheck/customerData/updateFile",
        // "getInfoDataByInfoId": "/smsTurck/customerData/query/infoId",
        "getInfoDataByInfoId": "/smsTurck/customerData/queryDataLogByInfoId",
        minioUpload: "/smsCheck/customerData/uploadMinio",
       // list: "/smsCheck/customerData/list",
        addOrEdit: "/smsTurck/customerData/edit/info"
      },
      //轮播配置
      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'
        }
      },
      taskId:"",
      notes:"",
      checkState:"",
      history:"",
      dataList:[],
      uploading:false,
      rules:{
        scene: [
          {required: true, message: '必须输入'},
        ],
        customType: [
          {required: true, message: '必须输入'},
        ],
        customerName: [
          {required: true, message: '必须输入'},
        ],
        houseDate:[
          {required: true, message: '必须输入'},
        ],
        zZBusinessLicenseDate:[
          {required: true, message: '必须输入'},
        ],
        businessLicenseDateIs:[
          {required: true, message: '必须输入'},
        ],
        businessLicenseDate:[
          {required: true, message: '必须输入'},
        ],
        contractDate:[
          {required: true, message: '必须输入'},
        ],
        riskGrade:[
          {required: true, message: '必须输入'},
        ],
        installationAddress:[
          {required: true, message: '必须输入'},
        ],
        floorName:[
          {required: true, message: '必须输入'},
        ],
        firstActivationDate:[
          {required: true, message: '必须输入'},
        ],
        customerNo:[
          {required: true, message: '必须输入'},
        ],
        userNo:[
          {required: true, message: '必须输入'},
        ],
        networkAccessTime:[
          {required: true, message: '必须输入'},
        ],
        userState:[
          {required: true, message: '必须输入'},
        ],
        contractDateIs:[
          {required: true, message: '必须输入'},
        ],
        staffNo:[
          {required: true, message: '必须输入'},
        ],
        codeNumber:[
          {required: true, message: '必须输入'},
        ],
        accountCode:[
          {required: true, message: '必须输入'},
        ],
        floorCode:[
          {required: true, message: '必须输入'},
        ],
        userCode:[
          {required: true, message: '必须输入'},
        ],
        managePhone: [
          {required: true, message: '请输入客户经理手机号!', trigger: 'blur'}, {validator: this.isPhone}
        ],
      },
      infoModel:{
        staffName:"",
        applySignResult:"",
        applySignResultRemark:"",
          //三张现场照片 threePhotos
        threePhotosResult:"",
        threePhotosResultRemark:"",
         //DID(含中继线)业务的责任承诺函
        commitmentBookResult:"",
        commitmentBookResultRemark:"",
         //价格审批表
        isPriceApprovalResult:"",
        isPriceApprovalResultRemark:"",
         //法人身份证
        legalIdCardResult:"",
        legalIdCardResultRemark:"",
         //经办人身份证.
        operatorIdCardResult:"",
        operatorIdCardResultRemark:"",
         //授权函.
        authorizeBookResult:"",
        authorizeBookResultRemark:"",
         //经营性呼叫中心增值业务许可证.
        zZBusinessLicenseResult:"",
        zZBusinessLicenseResultRemark:"",
         //呼叫中心业务说明.
        centerBusinessResult:"",
        centerBusinessResultRemark:"",
         //房屋租赁合同或房产证明.
        contractOrProveResult:"",
        contractOrProveResultRemark:"",
         //风险评估表
        riskTableResult:"",
        riskTableResultRemark:"",
         //中继线预审表
        trunkTableResult:"",
        trunkTableResultRemark:"",
         //中继线合同
        trunkContractResult:"",
        trunkContractResultRemark:"",

        accessTableResult:"",
        accessTableResultRemark:"",

        accessPhoneResult:"",
        accessPhoneResultRemark:"",

        accessPhotoResult:"",
        accessPhotoResultRemark:"",


        infoResult:"",
        infoResultRemark:"",
        dataId:"",
        logId:"",
        infoId:"",
        managePhone:"",
        //客户类型
        customType: 0,
        control:'0',
        //使用场景
        scene: '0',
        houseDate:"",
        zZBusinessLicenseDate:"",
        businessLicenseDateIs:"",
        businessLicenseDate:"",
        contractDate:"",
        riskGrade:"",
        installationAddress:"",
        floorName:"",
        firstActivationDate:"",
        customerNo:"",
        userNo:"",
        networkAccessTime:"",
        customerName:"",
        userState:"",
        contractDateIs:"",
        staffNo:"",
        codeNumber:"",
        accountCode:"",
        floorCode:"",
        userCode:"",
        //入网申请签报 applySign
        applySign:[{}],
        applySignRemark:"",
        //三张现场照片 threePhotos
        threePhotos:[{}],
        threePhotosRemark:"",
        //DID(含中继线)业务的责任承诺函
        commitmentBook:[{}],
        commitmentBookRemark:"",
        //价格审批表
        isPriceApproval:[{}],
        isPriceApprovalRemark:"",
        //法人身份证
        legalIdCard:[{}],
        legalIdCardRemark:"",
        //经办人身份证.
        operatorIdCard:[{}],
        operatorIdCardRemark:"",
        //授权函.
        authorizeBook:[{}],
        authorizeBookRemark:"",
        //经营性呼叫中心增值业务许可证.
        zZBusinessLicense:[{}],
        zZBusinessLicenseRemark:"",
        //呼叫中心业务说明.
        centerBusiness:[{}],
        centerBusinessRemark:"",
        //房屋租赁合同或房产证明.
        contractOrProve:[{}],
        contractOrProveRemark:"",
        //风险评估表
        riskTable:[{}],
        riskTableRemark:"",
        //中继线预审表
        trunkTable:[{}],
        trunkTableRemark:"",
        //中继线合同
        trunkContract:[{}],
        trunkContractRemark:"",

        accessTable:[{}],
        accessTableRemark:"",

        accessPhone:[{}],
        accessPhoneRemark:"",

        accessPhoto:[{}],
        accessPhotoRemark:"",

      },
      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'
        }
      },
      //中继线资料
      truckData:{
        //客户类型
        customType: "0",
        //使用场景
        scene: "0",
        //客户营业执照
        businessLicense: [],
        //经办人介绍信和身份证复印件
        idCard: [],
        //标准文本合同工
        contract: [],
        //中继线业务预审表
        prequaliFication: [],
        //风险评估表
        risk: [],
        //呼叫中心/会议电话业务说明函
        coverLetter: [],
        //办公现场和装机地址现场拍照（需客户经理入镜）
        takePhotos: [],
        //增值业务许可证
        addedLicense: [],
        //注册资金不低于50万
        registeredCapital: [],
        //屋租赁合同或房屋产权证明
        ownershipCertificate: [],
        //客户信用查询截屏
        creditInquiry: [],
        //企业法人身份证复印件
        legalPersonality: [],

        businessLicenseModel:{},
        idCardModel:{},
        contractModel:{},
        prequaliFicationModel:{},
        riskModel:{},
        coverLetterModel:{},
        takePhotosModel:{},
        addedLicenseModel:{},
        registeredCapitalModel:{},
        ownershipCertificateModel:{},
        creditInquiryModel:{},
        legalPersonalityModel:{},

      },
      //步骤条
      current: 0,
      currentId: "businessLicense",
      steps: {
        // 当前所在第几部
        current: 0,
        currentId: "",
        stepsNow: {},
        steps00: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有DID(含中继线)业务的责任承诺函
          {
            title: 'DID(含中继线)业务的责任承诺函',
            content: 'First-content',
            id: "commitmentBook",
          },
          //不分类型与场景  价格审批表
          {
            title: '价格审批表',
            content: 'First-content',
            id: "isPriceApproval",
          },
          //不分类型与场景  授权函
          {
            title: '授权函',
            content: 'First-content',
            id: "authorizeBook",
          },
          // 不分类型与场景 经营性呼叫中心增值业务许可证到期时间
          // {
          //   title: '经营性呼叫中心增值业务许可证',
          //   content: 'First-content',
          //   id: "zZBusinessLicense",
          // },
          //不分类型与场景
          {
            title: '中继线预审表',
            content: 'First-content',
            id: "trunkTable",
          },
          //经办人身份证 不分类型与场景
          {
            title: '经办人身份证',
            content: 'First-content',
            id: "operatorIdCard",
          },
          {
            title: '回访表',
            content: 'First-content',
            id: "accessTable",
          }, {
            title: '电话回访截图',
            content: 'First-content',
            id: "accessPhone",
          }, {
            title: '现场回访照片',
            content: 'First-content',
            id: "accessPhoto",
          },
        ],
        steps01: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有DID(含中继线)业务的责任承诺函
          {
            title: 'DID(含中继线)业务的责任承诺函',
            content: 'First-content',
            id: "commitmentBook",
          },
          //不分类型与场景  价格审批表
          {
            title: '价格审批表',
            content: 'First-content',
            id: "isPriceApproval",
          },
          //经办人身份证 不分类型与场景
          {
            title: '经办人身份证',
            content: 'First-content',
            id: "operatorIdCard",
          },
          //不分类型与场景  授权函
          {
            title: '授权函',
            content: 'First-content',
            id: "authorizeBook",
          },
          // 不分类型与场景 经营性呼叫中心增值业务许可证到期时间
          // {
          //   title: '经营性呼叫中心增值业务许可证',
          //   content: 'First-content',
          //   id: "zZBusinessLicense",
          // },
          //中心业务是否有说明  自用型呼叫中心、经营型呼叫中心、经营型会议电话均需提供
          {
            title: '呼叫中心业务说明',
            content: 'First-content',
            id: "centerBusiness",
          },
          //非办公自用需提供  风险评估表
          {
            title: '风险评估表',
            content: 'First-content',
            id: "riskTable",
          },
          //不分类型与场景
          {
            title: '中继线预审表',
            content: 'First-content',
            id: "trunkTable",
          },
          {
            title: '回访表',
            content: 'First-content',
            id: "accessTable",
          }, {
            title: '电话回访截图',
            content: 'First-content',
            id: "accessPhone",
          }, {
            title: '现场回访照片',
            content: 'First-content',
            id: "accessPhoto",
          },
        ],
        steps02: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有DID(含中继线)业务的责任承诺函
          {
            title: 'DID(含中继线)业务的责任承诺函',
            content: 'First-content',
            id: "commitmentBook",
          },
          //不分类型与场景  价格审批表
          {
            title: '价格审批表',
            content: 'First-content',
            id: "isPriceApproval",
          },
          //经办人身份证 不分类型与场景
          {
            title: '经办人身份证',
            content: 'First-content',
            id: "operatorIdCard",
          },
          //不分类型与场景  授权函
          {
            title: '授权函',
            content: 'First-content',
            id: "authorizeBook",
          },
          // 不分类型与场景 经营性呼叫中心增值业务许可证到期时间
          {
            title: '经营性呼叫中心增值业务许可证',
            content: 'First-content',
            id: "zZBusinessLicense",
          },
          //中心业务是否有说明  自用型呼叫中心、经营型呼叫中心、经营型会议电话均需提供
          {
            title: '呼叫中心业务说明',
            content: 'First-content',
            id: "centerBusiness",
          },
          //非办公自用需提供  风险评估表
          {
            title: '风险评估表',
            content: 'First-content',
            id: "riskTable",
          },
          //不分类型与场景
          {
            title: '中继线预审表',
            content: 'First-content',
            id: "trunkTable",
          },
          {
            title: '回访表',
            content: 'First-content',
            id: "accessTable",
          }, {
            title: '电话回访截图',
            content: 'First-content',
            id: "accessPhone",
          }, {
            title: '现场回访照片',
            content: 'First-content',
            id: "accessPhoto",
          },
        ],
        steps10: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有DID(含中继线)业务的责任承诺函
          {
            title: 'DID(含中继线)业务的责任承诺函',
            content: 'First-content',
            id: "commitmentBook",
          },
          //不分类型与场景  价格审批表
          {
            title: '价格审批表',
            content: 'First-content',
            id: "isPriceApproval",
          },
          //是否有法人身份证 （非党政军客户需具备）
          {
            title: '法人身份证',
            content: 'First-content',
            id: "legalIdCard",
          },
          //经办人身份证 不分类型与场景
          {
            title: '经办人身份证',
            content: 'First-content',
            id: "operatorIdCard",
          },
          //不分类型与场景  授权函
          {
            title: '授权函',
            content: 'First-content',
            id: "authorizeBook",
          },
          // 不分类型与场景 经营性呼叫中心增值业务许可证到期时间
          // {
          //   title: '经营性呼叫中心增值业务许可证',
          //   content: 'First-content',
          //   id: "zZBusinessLicense",
          // },
          //房屋租赁合同或房产证明   二类客户需具备
          {
            title: '房屋租赁合同或房产证明',
            content: 'First-content',
            id: "contractOrProve",
          },
          //不分类型与场景
          {
            title: '中继线预审表',
            content: 'First-content',
            id: "trunkTable",
          },
          {
            title: '回访表',
            content: 'First-content',
            id: "accessTable",
          }, {
            title: '电话回访截图',
            content: 'First-content',
            id: "accessPhone",
          }, {
            title: '现场回访照片',
            content: 'First-content',
            id: "accessPhoto",
          },
        ],
        steps11: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有DID(含中继线)业务的责任承诺函
          {
            title: 'DID(含中继线)业务的责任承诺函',
            content: 'First-content',
            id: "commitmentBook",
          },
          //不分类型与场景  价格审批表
          {
            title: '价格审批表',
            content: 'First-content',
            id: "isPriceApproval",
          },
          //是否有法人身份证 （非党政军客户需具备）
          {
            title: '法人身份证',
            content: 'First-content',
            id: "legalIdCard",
          },
          //经办人身份证 不分类型与场景
          {
            title: '经办人身份证',
            content: 'First-content',
            id: "operatorIdCard",
          },
          //不分类型与场景  授权函
          {
            title: '授权函',
            content: 'First-content',
            id: "authorizeBook",
          },
          // 不分类型与场景 经营性呼叫中心增值业务许可证到期时间
          // {
          //   title: '经营性呼叫中心增值业务许可证',
          //   content: 'First-content',
          //   id: "zZBusinessLicense",
          // },
          //中心业务是否有说明  自用型呼叫中心、经营型呼叫中心、经营型会议电话均需提供
          {
            title: '呼叫中心业务说明',
            content: 'First-content',
            id: "centerBusiness",
          },
          //房屋租赁合同或房产证明   二类客户需具备
          {
            title: '房屋租赁合同或房产证明',
            content: 'First-content',
            id: "contractOrProve",
          },
          //非办公自用需提供  风险评估表
          {
            title: '风险评估表',
            content: 'First-content',
            id: "riskTable",
          },
          //不分类型与场景
          {
            title: '中继线预审表',
            content: 'First-content',
            id: "trunkTable",
          },
          {
            title: '回访表',
            content: 'First-content',
            id: "accessTable",
          }, {
            title: '电话回访截图',
            content: 'First-content',
            id: "accessPhone",
          }, {
            title: '现场回访照片',
            content: 'First-content',
            id: "accessPhoto",
          },
        ],
        steps12: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有DID(含中继线)业务的责任承诺函
          {
            title: 'DID(含中继线)业务的责任承诺函',
            content: 'First-content',
            id: "commitmentBook",
          },
          //不分类型与场景  价格审批表
          {
            title: '价格审批表',
            content: 'First-content',
            id: "isPriceApproval",
          },
          //是否有法人身份证 （非党政军客户需具备）
          {
            title: '法人身份证',
            content: 'First-content',
            id: "legalIdCard",
          },
          //经办人身份证 不分类型与场景
          {
            title: '经办人身份证',
            content: 'First-content',
            id: "operatorIdCard",
          },
          //不分类型与场景  授权函
          {
            title: '授权函',
            content: 'First-content',
            id: "authorizeBook",
          },
          //经营性呼叫中心增值业务许可证到期时间
          {
            title: '经营性呼叫中心增值业务许可证',
            content: 'First-content',
            id: "zZBusinessLicense",
          },
          //中心业务是否有说明  自用型呼叫中心、经营型呼叫中心、经营型会议电话均需提供
          {
            title: '呼叫中心业务说明',
            content: 'First-content',
            id: "centerBusiness",
          },
          //房屋租赁合同或房产证明   二类客户需具备
          {
            title: '房屋租赁合同或房产证明',
            content: 'First-content',
            id: "contractOrProve",
          },
          //非办公自用需提供  风险评估表
          {
            title: '风险评估表',
            content: 'First-content',
            id: "riskTable",
          },
          //不分类型与场景
          {
            title: '中继线预审表',
            content: 'First-content',
            id: "trunkTable",
          },
          {
            title: '回访表',
            content: 'First-content',
            id: "accessTable",
          }, {
            title: '电话回访截图',
            content: 'First-content',
            id: "accessPhone",
          }, {
            title: '现场回访照片',
            content: 'First-content',
            id: "accessPhoto",
          },
        ],
      },

      alertWarning: [
        "没有明确装机地址、分配号段、交换机型号、业务类型和防范通讯信息诈骗的相关责任条款",
        "没有坐席规模、坐席地点、业务使用场景描述、业务使用时间",
      ]
    }
  },
  computed: {
    importMinioUploadAction() {
      return window._CONFIG['domianURL'] + this.url.minioUpload;
    },
  },
  components: {},
  created() {
    this.infoId = this.$route.query.id;
    this.steps.stepsNow = this.steps.steps00;
    this.steps.currentId = this.steps.stepsNow[0].id;
    this.infoModel.infoId = this.$route.query.id;
    this.getInfoDataById(this.$route.query.id);
    this.getTask(this.$route.query.id);
    this.getInfoDataByInfoId(this.$route.query.id)
  },
  methods: {
    backDate(name){
      if (name==='contractDate'){
        this.infoModel.contractDateIs="1"
        this.infoModel.contractDate=""
      }
      if (name==='businessLicenseDate'){
        this.infoModel.businessLicenseDateIs="1"
        this.infoModel.businessLicenseDate=""
      }
    },
    //客户类型与使用场景监听
    controlChange(a, event) {
      this.current = 0;
      this.steps.currentId = "trunkContract";
      let customType = this.infoModel.customType;
      let scene = this.infoModel.scene;
      if (customType ===0) {
        if (scene ==='0') {
          this.steps.stepsNow = this.steps.steps00
        }
        if (scene ==='1') {
          this.steps.stepsNow = this.steps.steps01
        }
        if (scene ==='2') {
          this.steps.stepsNow= this.steps.steps02
        }
        if (scene ==='3') {
          this.steps.stepsNow = this.steps.steps02
        }
      }
      if (customType ===1) {
        if (scene ==='0') {
          this.steps.stepsNow = this.steps.steps10
        }
        if (scene ==='1') {
          this.steps.stepsNow = this.steps.steps11
        }
        if (scene ==='2') {
          this.steps.stepsNow = this.steps.steps12
        }
        if (scene ==='3') {
          this.steps.stepsNow = this.steps.steps12
        }
      }
      if (this.infoModel.control==='0'){
        for (var i = 0; i <this.steps.stepsNow.length; i++) {
          if (this.steps.stepsNow[i].id==='isPriceApproval'){
            this.steps.stepsNow.splice(i, 1);
          }
        }
      }
      if (this.infoModel.control==='1'){
        var info ='';
        for (var i = 0; i <this.steps.stepsNow.length; i++) {
          if (this.steps.stepsNow[i].id==='isPriceApproval'){
            info ='yes';
          }
        }
        if (info!=='yes'){
          this.steps.stepsNow.push({
            title: '价格审批表',
            content: 'First-content',
            id: "isPriceApproval",
          });
        }
      }
      for (var i in this.steps.stepsNow) {
        for (var j in this.infoModel[this.steps.stepsNow[i].id]){
          if (this.infoModel[this.steps.stepsNow[i].id][0].urlBase!==undefined){
            this.steps.stepsNow[i].status = "finish"
          }
          if (this.infoModel[this.steps.stepsNow[i].id+'Remark'][0]!==undefined){
            this.steps.stepsNow[i].status = "finish"
          }
        }
      }
      //待整改
      if (this.checkState===4){
        for (var i in this.steps.stepsNow) {
          for (var j in this.infoModel[this.steps.stepsNow[i].id]){
            if (this.infoModel[this.steps.stepsNow[i].id+'Result']!==null&&  this.infoModel[this.steps.stepsNow[i].id+'Result']!==undefined && this.infoModel[this.steps.stepsNow[i].id+'Result'][0]!==undefined){
              if (  this.infoModel[this.steps.stepsNow[i].id+'Result'][0]==='1'){
                this.steps.stepsNow[i].status = "finish"
              }else {
                this.steps.stepsNow[i].status = "error"
              }
            }
          }
        }
        if (this.infoModel.infoResult==="2"){
          var element = document.getElementById('directRequirements');
          element.style.color = 'red';
          this.isShow=false
        }
        if (this.infoModel.infoResult==="1"){
          var element = document.getElementById('directRequirements');
          element.style.color = 'black';
          this.isShow=true
        }
      }
      //
      // for (var i in this.steps.stepsNow) {
      //     if ( this.steps.stepsNow[i].urlBase!==undefined){
      //       this.steps.stepsNow[i].status = "finish"
      //     }
      //     if ( this.steps.stepsNow[i][this.steps.stepsNow.id+'Remark']!==undefined){
      //       this.steps.stepsNow[i].status = "finish"
      //     }
      // }

    },
    showModal() {
      this.open = true;
    },
    handleOk() {
      this.open = false;
    },
    historys() {
      this.showModal()
    },
    downloadFile(url){
      const a = document.createElement('a')
      a.style.display='none';
      a.href=url
      document.body.appendChild(a)
      a.click()
    },
    jumpUrl(url){
      var a = document.createElement("a");
      a.setAttribute("href", url);
      a.setAttribute("target", "_blank");
      a.click();
    },
    /**移除文件*/
    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
      }
    },

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

    },
    /**自定义的上传文件方法*/
    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"
                this.steps.stepsNow[this.steps.current].solution = true;
              }else {
                that.steps.stepsNow[that.steps.current].status = "wait"
              }
            }

          }

        })
      }
    },
    /**备注坚听*/
    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"
        this.steps.stepsNow[this.steps.current].solution = true;
      }
    },
    sizeColor(){
      if (this.infoModel.infoResult==="2"){
        var element = document.getElementById('directRequirements');
        element.style.color = 'red';
      }
      if (this.infoModel.infoResult==="1"){
        var element = document.getElementById('directRequirements');
        element.style.color = 'black';
      }
    },
    getTask(infoId){
      var that = this;
      var data = {
        "infoId": infoId,
      }
      postAction(this.url.getTask, data).then((res) => {
        if (res.success) {
          that.taskId=res.result.taskId;
          /** 稽核状态 0：未处理；1：未完善；2：待稽核；3：已整改；4：待整改；5：稽核通过； */
          that.checkState=res.result.checkState;

        }
      })
    },
    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.dataList=result.history;
            that.infoModel.applySign= JSON.parse(result.applySign);
            that.infoModel.threePhotos= JSON.parse(result.threePhotos);
            that.infoModel.commitmentBook= JSON.parse(result.commitmentBook);
            that.infoModel.isPriceApproval= JSON.parse(result.isPriceApproval);
            that.infoModel.legalIdCard= JSON.parse(result.legalIdCard);
            that.infoModel.operatorIdCard= JSON.parse(result.operatorIdCard);
            that.infoModel.authorizeBook= JSON.parse(result.authorizeBook);
            that.infoModel.zZBusinessLicense= JSON.parse(result.zZBusinessLicense);
            that.infoModel.centerBusiness= JSON.parse(result.centerBusiness);
            that.infoModel.contractOrProve= JSON.parse(result.contractOrProve);
            that.infoModel.riskTable= JSON.parse(result.riskTable);
            that.infoModel.trunkTable= JSON.parse(result.trunkTable);
            that.infoModel.trunkContract= JSON.parse(result.trunkContract);
            that.infoModel.accessPhone= JSON.parse(result.accessPhone);
            that.infoModel.accessPhoto= JSON.parse(result.accessPhoto);
            that.infoModel.accessTable= JSON.parse(result.accessTable);
            that.infoModel.customType= result.customType ;
            that.infoModel.scene= result.scene ;
            var customType =result.customType;
            var scene =result.scene;
            if (customType ===0) {
              if (scene ==='0') {
                that.steps.stepsNow = that.steps.steps00
              }
              if (scene ==='1') {
                that.steps.stepsNow = that.steps.steps01
              }
              if (scene ==='2') {
                that.steps.stepsNow= that.steps.steps02
              }
              if (scene ==='3') {
                that.steps.stepsNow = that.steps.steps02
              }
            }
            if (customType ===1) {
              if (scene ==='0') {
                that.steps.stepsNow = that.steps.steps10
              }
              if (scene ==='1') {
                that.steps.stepsNow = that.steps.steps11
              }
              if (scene ==='2') {
                that.steps.stepsNow = that.steps.steps12
              }
              if (scene ==='3') {
                that.steps.stepsNow = that.steps.steps12
              }
            }
            if (this.infoModel.control==='0'){
              for (var i = 0; i <that.steps.stepsNow.length; i++) {
                if (that.steps.stepsNow[i].id==='isPriceApproval'){
                  that.steps.stepsNow.splice(i, 1);
                }
              }
            }
            if (that.infoModel.control==='1'){
              var info ='';
              for (var i = 0; i <that.steps.stepsNow.length; i++) {
                if (that.steps.stepsNow[i].id==='isPriceApproval'){
                  info ='yes';
                }
              }
              if (info!=='yes'){
                that.steps.stepsNow.push({
                  title: '价格审批表',
                  content: 'First-content',
                  id: "isPriceApproval",
                });
              }
            }
            that.checkState=result.checkState;
            //待稽核
            if (that.checkState===2 || that.checkState===5 ){
              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']!=undefined &&result[that.steps.stepsNow[i].id+'Result']!=null&& 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"
                      that.steps.stepsNow[i].type="solution"
                      that.steps.stepsNow[i].slot="icon"
                      that.steps.stepsNow[i].status = "final"
                      that.steps.stepsNow[i].solution = true;
                      that.steps.stepsNow[i].yellow = true;
                      that.steps.stepsNow[i].Isyellow = true;
                    }
                  }
                }
              }
              if (that.infoModel.infoResult==="2"){
                var element = document.getElementById('directRequirements');
                element.style.color = 'red';
              }
              if (that.infoModel.infoResult==="1"){
                var element = document.getElementById('directRequirements');
                element.style.color = 'black';
              }
            }
            //待整改
            if (that.checkState===4){
              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']!=undefined &&result[that.steps.stepsNow[i].id+'Result']!=null&& 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
              }
            }


          }
        })
      }
    },
    /**获取客户信息*/
    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.userNo =result.userNo;
            that.infoModel.networkAccessTime =result.networkAccessTime;
            that.infoModel.firstActivationDate =result.firstActivationDate;
            that.infoModel.userCode =result.userCode;
            that.infoModel.accountCode =result.accountCode;
            that.infoModel.staffName =result.staffName;
            that.notes =result.notes;
          }
        })
      }
      return resultA
    },

    outPage(){
      this.$router.push({path: '/truck/check/task/check', query: {id: this.taskId}});
    },

    /**提交稽核*/
    submitAuditLot() {
      this.uploading=true;
      var info = "yes";

        for (var i in this.steps.stepsNow) {
          if (this.checkState===2){
            if (this.steps.stepsNow[i].status === "wait"  || this.steps.stepsNow[i].status===undefined  || this.steps.stepsNow[i].status===''|| this.steps.stepsNow[i].status===null ) {
                if (this.steps.stepsNow[i].type!=='solution'){
                  this.$message.warn( this.steps.stepsNow[i].title +"未进行稽核...");
                  info="no";
                }
            }
            if (this.infoModel.infoResult==="" || this.infoModel.infoResult===null){
              this.$message.warn( "中继线基本信息未进行稽核...");
              info="no";
            }
          }
          if (this.checkState===4){
            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"){
        this.uploading=false;
        return
      }
      var that = this;
      var data=that.infoModel ;
      data.stepsNow=that.steps.stepsNow;
      //var dataToStr =this.dataListToStr(data);
      //data=dataToStr;
      postAction("/smsTurck/customerData/addLog", data).then((res) => {
        if (res.success) {
          this.uploading=false;
          this.$message.success("提交成功", 3);
          this.addIng == true
          this.closeCurrent();
          this.$router.push({path: '/truck/check/task/check', query: {id: that.taskId}});
        } else {
          this.uploading=false;
          if (  res.message  !==null){
            this.$message.error( res.message);
          }else {
            this.$message.error("提交失败");
          }
        }
      }).finally(() => {
        this.uploading = false;
      })
    },
    /**节点状态*/
    basicCheckClick(state) {
      let boolean = state == "1" ? true : false;
      if (boolean) {
        if ( (this.steps.stepsNow[this.steps.current]["status"] === "wait"||   this.steps.stepsNow[this.steps.current]["status"] ==="process")
          &&   this.steps.stepsNow[this.steps.current]["type"] !== "solution" || !this.steps.stepsNow[this.steps.current].Isyellow){
          this.steps.stepsNow[this.steps.current]["status"] = "finish";

        }else {
          this.steps.stepsNow[this.steps.current]["status"] = "finish";
          this.steps.stepsNow[this.steps.current].solutionGreen = true;
          this.steps.stepsNow[this.steps.current].yellow = false;
          this.steps.stepsNow[this.steps.current].slot="icon"
          this.steps.stepsNow[this.steps.current].type="solution"
          this.steps.stepsNow[this.steps.current].solution = false;
        }
      } else {
        this.steps.stepsNow[this.steps.current].solutionGreen = false;
        this.steps.stepsNow[this.steps.current].solution = false;
        this.steps.stepsNow[this.steps.current].slot=""
        this.steps.stepsNow[this.steps.current].status = "error";
        this.steps.stepsNow[this.steps.current].type=""
      }
      //若以前稽核整改过
      if ( this.steps.stepsNow[this.steps.current].Isyellow && !this.steps.stepsNow[this.steps.current].solutionGreen){
        this.steps.stepsNow[this.steps.current].type="solution"
        this.steps.stepsNow[this.steps.current].slot="icon"
        this.steps.stepsNow[this.steps.current].status = "final"
        this.steps.stepsNow[this.steps.current].solution = true;
        this.steps.stepsNow[this.steps.current].yellow = true;
      }
    },
    /**提醒点击事件*/
    alertText(text) {
      let that = this;
      let current = that.current;
      //卡类型
      let blockType = that.lotData.blockType;
      switch (current) {
        case 0:
          if (blockType == 0) {
            //测试卡
            let basicCheckNote = this.operatorIdCardApplicationModel.basicCheckNote;
            basicCheckNote = basicCheckNote + " " + text;
            this.lotData.operatorIdCardApplicationModel.basicCheckNote = basicCheckNote
          } else {
            //正式卡
            let basicCheckNote = this.lotData.contractModel.basicCheckNote;
            basicCheckNote = basicCheckNote + " " + text;
            this.lotData.contractModel.basicCheckNote = basicCheckNote
          }
          break;
        case 1:
          let basicCheckNote = this.lotData.empowerModel.basicCheckNote;
          basicCheckNote = basicCheckNote + " " + text;
          this.lotData.empowerModel.basicCheckNote = basicCheckNote
          break;
        case 2:
          let basicCheckNote2 = this.lotData.idCardModel.basicCheckNote;
          basicCheckNote2 = basicCheckNote2 + " " + text;
          this.lotData.idCardModel.basicCheckNote = basicCheckNote2
          break;
        case 3:
          let basicCheckNote3 = this.lotData.customerIdModel.basicCheckNote;
          basicCheckNote3 = basicCheckNote3 + " " + text;
          this.lotData.customerIdModel.basicCheckNote = basicCheckNote3
          break;
        case 4:
          let basicCheckNote4 = this.lotData.riskModel.basicCheckNote;
          basicCheckNote4 = basicCheckNote4 + " " + text;
          this.lotData.riskModel.basicCheckNote = basicCheckNote4
          break;
        case 5:
          let basicCheckNote5 = this.lotData.priceApprovalModel.basicCheckNote;
          basicCheckNote5 = basicCheckNote5 + " " + text;
          this.lotData.priceApprovalModel.basicCheckNote = basicCheckNote5
          break;
      }


    },
    /**步骤条点击事件*/
    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[i].status === "finish") {
          this.steps.stepsNow[i].status === "finish"
        }
        if (this.steps.stepsNow[i].status === "error") {
          this.steps.stepsNow[i].status === "error"
        }
      }
      if (this.steps.stepsNow[current].status!== "finish" && this.steps.stepsNow[current].status!== "error" ) {
        this.steps.stepsNow[current].status = "process"
      }

    },
    /**步骤文件类型对应*/
    currentFileType(currentId) {
      let that = this;
      this.swiperImg = {}
      switch (currentId) {
        case 'businessLicense':
          that.swiperImg = that.truckData.businessLicense
          break;
        case 'idCard':
          that.swiperImg = that.truckData.idCard
          break;
        case 'contract':
          that.swiperImg = that.truckData.contract
          break;
        case 'prequaliFication':
          that.swiperImg = that.truckData.prequaliFication
          break;
        case 'risk':
          that.swiperImg = that.truckData.risk
          break;
        case 'coverLetter':
          that.swiperImg = that.truckData.coverLetter
          break;
        case 'addedLicense':
          that.swiperImg = that.truckData.addedLicense
          break;
        case 'registeredCapital':
          that.swiperImg = that.truckData.registeredCapital
          break;
        case 'ownershipCertificate':
          that.swiperImg = that.truckData.ownershipCertificate
          break;
        case 'creditInquiry':
          that.swiperImg = that.truckData.creditInquiry
          break;
        case 'legalPersonality':
          that.swiperImg = that.truckData.legalPersonality
          break;
        case 'takePhotos':
          that.swiperImg = that.truckData.takePhotos
          break;
        default:
          that.swiperImg = [];


      }
      //拒绝下标为空 影响轮播样式
      if (that.swiperImg.length == 0) {
        that.swiperImg.push({})
      }
    },
    /**返回上一级*/
    back() {
      this.$router.go(-1);
      //关闭当前页
      this.closeCurrent();
    },
    /**获取客户信息*/
    queryInfoById(id) {
      let url = this.url.queryInfo;
      let params = {
        id: id
      }
      let that = this;
      getAction(url, params).then(res => {
        if (res.success) {
          that.info = res.result;
        }
      }).finally(() => {

      })
    },
    /**获取中继线文件数据*/
    truckInfoById(id) {
      let that = this;
      let url = this.url.truckInfo;
      let params = {
        infoId: id
      }
      postAction(url, params).then(res => {
        if (res.success) {
          let data = res.result;
          that.info.dataId = data.id
          that.truckData.businessLicense = that.packageArr(data.businessLicense);
          that.truckData.contract = that.packageArr(data.contract);
          that.truckData.prequaliFication = that.packageArr(data.prequaliFication);
          that.truckData.risk = that.packageArr(data.risk);
          that.truckData.coverLetter = that.packageArr(data.coverLetter);
          that.truckData.takePhotos = that.packageArr(data.takePhotos);
          that.truckData.addedLicense = that.packageArr(data.addedLicense);
          that.truckData.registeredCapital = that.packageArr(data.registeredCapital);
          that.truckData.ownershipCertificate = that.packageArr(data.ownershipCertificate);
          that.truckData.creditInquiry = that.packageArr(data.creditInquiry);
          that.truckData.legalPersonality = that.packageArr(data.legalPersonality);
          //客户类型
          that.truckData.customType = data.customType.toString();
          //使用场景
          that.truckData.scene = data.scene.toString();
          let customType = that.truckData.customType;
          let scene = that.truckData.scene;
          //步骤条数据源
          if (customType ===0) {
            if (scene ===0) {
              this.steps.stepsNow = this.steps.steps00
            }
            if (scene ===1) {
              this.steps.stepsNow = this.steps.steps01
            }
            if (scene ===2) {
              this.steps.stepsNow= this.steps.steps02
            }
            if (scene ===3) {
              this.steps.stepsNow = this.steps.steps02
            }
          }
          if (customType ===1) {
            if (scene ===0) {
              this.steps.stepsNow = this.steps.steps10
            }
            if (scene ===1) {
              this.steps.stepsNow = this.steps.steps11
            }
            if (scene ===2) {
              this.steps.stepsNow = this.steps.steps12
            }
            if (scene ===3) {
              this.steps.stepsNow = this.steps.steps12
            }
          }

        }
      }).finally(() => {

      })
    },
    /**包装轮播数据*/
    packageArr(data) {
      let id = 0;
      let newArr = []
      if (data == null) {
        newArr.push({})
        return newArr;
      }
      let splice = data.split(",");
      for (var i in splice) {
        id = id + 1;
        let filePath = splice[i];
        if (filePath == "") {
          break;
        }
        let fileName = filePath.split("/");
        fileName = fileName[fileName.length - 1];
        let swipData = {
          id: id,
          urlBase: window._CONFIG['onlinePreviewDomainURL'] + '?url='
            + encodeURIComponent(
              Base64.encode(
                (filePath)
              )),
          url: filePath,
          fileName: fileName
        }
        newArr.push(swipData);
      }
      return newArr;
    },
  },

}
</script>

<style lang="less" scoped>
.noDataPng {
  width: 70%;
  height: 70%;
  border: 1px solid;
}

.alert-warning {
  cursor: pointer;
  margin-bottom: 10px !important;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
  padding: 8px 15px;
}


h3 {
  margin: 20px 0 0 10px;
}

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

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

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

.gallery-thumbs {
  height: 20% !important;
  box-sizing: border-box;
  padding: 10px 0px;
    width: 620px;
  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;
}

margin-bottom-10 {
  margin-bottom: 10px;
}
.cornflowerblue {
  color: cornflowerblue;
}


.a-textarea-line-30 {
  height: 77px;
  width: 80vh
}

.a-card-70 {
  width: 72%;
  float: left;
  left: 2%;
  position: relative
}

.a-card-25 {
  float: left;
  width: 25%
}
.a-upload-line-30 {
  line-height: 30px;
  left: 15%;
  position: relative
}
.font-size-14 {
  font-size:14px
}

</style>