tnc-fe/src/views/truckCheck/modules/TaskCheckAudit.vue

<template>
  <div>
    <!--  客户信息-->
    <a-page-header
      style="background-color: #FFFFFF;margin-bottom:10px"
      :title= 'checkState===2 ?"客户信息稽核":checkState===4?"客户信息信息整改":""'
      sub-title=""
      @back="back"
    >
      <a-descriptions :title="infoModel.customerName" :column="3" :bordered="false" v-if='checkState===2 ||checkState===5 '>
        <a-descriptions-item label="客户类型">{{infoModel.customType===0?"一类客户（党政军、大型企事业单位）":" 二类客户（其余用户)"}}</a-descriptions-item>
        <a-descriptions-item v-if='infoModel.scene===0' label="使用场景">办公自用</a-descriptions-item>
        <a-descriptions-item v-if='infoModel.scene===1' label="使用场景">自用型呼叫中心</a-descriptions-item>
        <a-descriptions-item v-if='infoModel.scene===2' label="使用场景">经营型呼叫中心</a-descriptions-item>
        <a-descriptions-item v-if='infoModel.scene===3' label="使用场景">经营型会议电话</a-descriptions-item>
        <a-descriptions-item label="客户编号">{{ infoModel.userNo }}</a-descriptions-item>
        <a-descriptions-item label="用户发展员工">{{ infoModel.userState }}</a-descriptions-item>
        <a-descriptions-item label="用户编号">{{ infoModel.customerNo }}</a-descriptions-item>
        <a-descriptions-item label="用户状态">{{ infoModel.userState }}</a-descriptions-item>
        <a-descriptions-item label="入网时间">{{ infoModel.networkAccessTime }}</a-descriptions-item>
        <a-descriptions-item label="首次激活时间">{{ infoModel.firstActivationDate }}</a-descriptions-item>
        <a-descriptions-item label="账户编码">{{ infoModel.accountCode }}</a-descriptions-item>
        <a-descriptions-item label="客户名称">{{ infoModel.customerName }}</a-descriptions-item>
        <a-descriptions-item label="楼宇名称">{{ infoModel.floorName }}</a-descriptions-item>
        <a-descriptions-item label="楼宇编号">{{ infoModel.floorCode }}</a-descriptions-item>
        <a-descriptions-item label="客户经理手机号">{{ infoModel.managePhone }}</a-descriptions-item>
        <a-descriptions-item label="实际装机地址">{{ infoModel.installationAddress }}</a-descriptions-item>
<!--        <a-descriptions-item label="合同到期时间是否长期">{{ infoModel.contractDateIs }}</a-descriptions-item>-->
        <a-descriptions-item label="合同到期时间">{{ infoModel.contractDate==="" ?"长期": infoModel.contractDate}}</a-descriptions-item>
<!--        <a-descriptions-item label="营业执照有效期是否长期">{{ infoModel.businessLicenseDate }}</a-descriptions-item>-->
        <a-descriptions-item label="营业执照到期时间">{{ infoModel.businessLicenseDate==="" ?"长期": infoModel.businessLicenseDate}}</a-descriptions-item>
        <a-descriptions-item label="房屋租赁合同到期时间">{{ infoModel.houseDate }}</a-descriptions-item>
        <a-descriptions-item label="经营型呼叫中心增值许可证到期日">{{ infoModel.zZBusinessLicenseDate }}</a-descriptions-item>

        <a-descriptions-item v-if='infoModel.riskGrade==="0"'  label="风险评估等级">较低风险</a-descriptions-item>
        <a-descriptions-item v-if='infoModel.riskGrade==="1"' label="风险评估等级">低风险</a-descriptions-item>
        <a-descriptions-item v-if='infoModel.riskGrade==="2"' label="风险评估等级">中风险</a-descriptions-item>
        <a-descriptions-item v-if='infoModel.riskGrade==="3"' label="风险评估等级">高风险</a-descriptions-item>
      </a-descriptions>


      <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"
                       @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;"
                         @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>
      </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   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 :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="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   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="userState" v-bind="labelCol4">
              <a-input :disabled='true' v-model="infoModel.userState" placeholder="用户状态" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="6">
            <a-form-model-item label="入网时间" prop="networkAccessTime"   v-bind="labelCol4" >
              <a-input   v-model="infoModel.networkAccessTime" placeholder="入网时间" :disabled='true'></a-input>
            </a-form-model-item>
          </a-col>

          <a-col :span="6">
            <a-form-model-item label="首次激活时间" prop="firstActivationDate" v-bind="labelCol4">
              <a-input :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 :disabled='true'  v-model="infoModel.accountCode" placeholder="账户编码"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="6">
            <a-form-model-item label="客户名称(全)" prop="customerName" v-bind="labelCol4">
              <a-input    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  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  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   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   v-model="infoModel.installationAddress" placeholder="实际装机地址"></a-input>
            </a-form-model-item>
          </a-col>

          <a-col :span="7" 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" >
                <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.contractDateIs==="0" ' >
            <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">
              <a-date-picker   :style="{width:'100%'}" v-model="infoModel.contractDate"
                               format="YYYY-MM-DD"
                               showTime valueFormat="YYYY-MM-DD"/>
            </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    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="width: 210px" v-model="infoModel.businessLicenseDate"
                                 format="YYYY-MM-DD"
                                 showTime valueFormat="YYYY-MM-DD"/>
            </a-form-model-item>

          </a-col>
          <!--        （第一类客户办公自用除外，不需提供）-->
          <a-col :span="10">
            <a-form-model-item label="房屋租赁合同到期时间" :prop='infoModel.customType===0 && infoModel.scene===0 ?"houseDate":""'   v-bind="labelCol4">
              <a-date-picker     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="11">
            <a-form-model-item label="经营型呼叫中心增值许可证到期日 " prop="zZBusinessLicenseDate" v-bind="labelCol4">
              <a-date-picker     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"  >
                <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-button  style="display: block;position: relative;left:auto;margin-top: 10px;border-color: #1890FF;color: #1890FF" @click="historys">整改历史
      </a-button>
      <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>
      <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-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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li style='color: #ee9900'>1）18年9月以后入网的需要</li>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.applySignResult)" v-model='infoModel.applySignResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px" 
                          v-model="infoModel.applySignResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.applySignRemark"
                          @change="textareaChange('applySign','applySignRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.applySign" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'applySign')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li style='color: #ee9900'>门头LOGO、座席、机房和，照片需有客户经理</li>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.threePhotosResult)" v-model='infoModel.threePhotosResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.threePhotosResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.threePhotosRemark"
                          @change="textareaChange('threePhotos','threePhotosRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.threePhotos" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'threePhotos')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 === 'commitmentBook'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">责任承诺书</span>
          <!--        操作按钮-->
          <div style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.commitmentBookResult)" v-model='infoModel.commitmentBookResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.commitmentBookResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.commitmentBookRemark"
                          @change="textareaChange('commitmentBook','commitmentBookRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.commitmentBook" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'commitmentBook')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.isPriceApprovalResult)" v-model='infoModel.isPriceApprovalResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.isPriceApprovalResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.isPriceApprovalRemark"
                          @change="textareaChange('isPriceApproval','isPriceApprovalRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.isPriceApproval" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'isPriceApproval')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li style='color: #ee9900'>非党政军客户需具备</li>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.legalIdCardResult)" v-model='infoModel.legalIdCardResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.legalIdCardResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.legalIdCardRemark"
                          @change="textareaChange('legalIdCard','legalIdCardRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.legalIdCard" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'legalIdCard')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.operatorIdCardResult)" v-model='infoModel.operatorIdCardResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.operatorIdCardResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.operatorIdCardRemark"
                          @change="textareaChange('operatorIdCard','operatorIdCardRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.operatorIdCard" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'operatorIdCard')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.authorizeBookResult)" v-model='infoModel.authorizeBookResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.authorizeBookResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.authorizeBookRemark"
                          @change="textareaChange('authorizeBook','authorizeBookRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.authorizeBook" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'authorizeBook')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.zZBusinessLicenseResult)" v-model='infoModel.zZBusinessLicenseResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.zZBusinessLicenseResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.zZBusinessLicenseRemark"
                          @change="textareaChange('zZBusinessLicense','zZBusinessLicenseRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.zZBusinessLicense" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'zZBusinessLicense')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 50%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li style='color: #ee9900'>自用型呼叫中心、经营型呼叫中心、经营型会议电话均需提供</li>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.centerBusinessResult)" v-model='infoModel.centerBusinessResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.centerBusinessResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.centerBusinessRemark"
                          @change="textareaChange('centerBusiness','centerBusinessRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.centerBusiness" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'centerBusiness')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li style='color: #ee9900'>二类客户需具备</li>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.contractOrProveResult)" v-model='infoModel.contractOrProveResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.contractOrProveResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.contractOrProveRemark"
                          @change="textareaChange('contractOrProve','contractOrProveRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.contractOrProve" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'contractOrProve')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li style='color: #ee9900'>非办公自用需提供</li>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.riskTableResult)" v-model='infoModel.riskTableResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.riskTableResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.riskTableRemark"
                          @change="textareaChange('riskTable','riskTableRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.riskTable" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'riskTable')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.trunkTableResult)" v-model='infoModel.trunkTableResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.trunkTableResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.trunkTableRemark"
                          @change="textareaChange('trunkTable','trunkTableRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.trunkTable" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'trunkTable')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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 style="position: relative;left: 10px">
            <!--          <a-button v-if="current < steps.length - 1" type="primary" @click="nextSteps">下一步</a-button>-->

            <!--          <a-button v-if="current > 0" style="margin-left: 8px" @click="prevSteps">上一步</a-button>-->
          </div>
        </div>
        <div style="width: 40%">
          <div class="markdown" style="position: relative;top:10px;left: 10%">
            <ul>
              <li style='color: #ee9900'>必须是正规合同，不能是业务申请单</li>
            </ul>
          </div>
        </div>
        <div style="width: 100%;margin-left: 13%">
          <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="basicCheckClick(infoModel.trunkContractResult)" v-model='infoModel.trunkContractResult'>
                        <a-radio :value="'1'">是</a-radio>
                        <a-radio :value="'2'">否</a-radio>
                      </a-radio-group>
                    </div>
                  </div>
                </a-col>
              </a-list-item>
            </template>
          </a-list>
        </div>
        <div style="width: 85%;float:left;">
          <div>
            <a-form-model-item style="left: 15%;width: 70%;" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.trunkContractResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 15%;width: 70%;margin-top: 20px" label="上传资料备注："   v-bind="labelCol1Note">
              <a-textarea style="height: 77px"
                          v-model="infoModel.trunkContractRemark"
                          @change="textareaChange('trunkContract','trunkContractRemark')"
                          placeholder="如没有上传资料备注，需要说明原因" :disabled="checkState===2 || checkState===5?true:false"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.trunkContract" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="100%"
                    height="445px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 100%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <a-button  style="float:left;display: block;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;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" style="display: block;margin-top: 10px;border-color: red;color: red"
                            danger @click="removeFile(item,'trunkContract')">移除
                  </a-button>

                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                        style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.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!==2 && checkState!==3 && checkState!==5'>
                      <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>


  </div>

</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 {
      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:"",
      checkState:"",
      history:"",
      dataList:[],
      infoModel:{
        applySignResult:"",
        applySignResultRemark:"",
          //三张现场照片 threePhotos
        threePhotosResult:"",
        threePhotosResultRemark:"",
         //责任承诺书
        commitmentBookResult:"",
        commitmentBookResultRemark:"",
         //突破客户经理管控价是否有固网价格审批
        isPriceApprovalResult:"",
        isPriceApprovalResultRemark:"",
         //法人身份证
        legalIdCardResult:"",
        legalIdCardResultRemark:"",
         //经办人身份证.
        operatorIdCardResult:"",
        operatorIdCardResultRemark:"",
         //授权函.
        authorizeBookResult:"",
        authorizeBookResultRemark:"",
         //经营性呼叫中心增值业务许可证.
        zZBusinessLicenseResult:"",
        zZBusinessLicenseResultRemark:"",
         //呼叫中心业务说明.
        centerBusinessResult:"",
        centerBusinessResultRemark:"",
         //房屋租赁合同或房产证明.
        contractOrProveResult:"",
        contractOrProveResultRemark:"",
         //风险评估表
        riskTableResult:"",
        riskTableResultRemark:"",
         //中继线预审表
        trunkTableResult:"",
        trunkTableResultRemark:"",
         //中继线合同
        trunkContractResult:"",
        trunkContractResultRemark:"",

        infoResult:"",
        infoResultRemark:"",
        dataId:"",
        logId:"",
        infoId:"",
        managePhone:"",
        //客户类型
        customType: 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:"",
        //责任承诺书
        commitmentBook:[{}],
        commitmentBookRemark:"",
        //突破客户经理管控价是否有固网价格审批
        isPriceApproval:[{}],
        isPriceApprovalRemark:"",
        //法人身份证
        legalIdCard:[{}],
        legalIdCardRemark:"",
        //经办人身份证.
        operatorIdCard:[{}],
        operatorIdCardRemark:"",
        //授权函.
        authorizeBook:[{}],
        authorizeBookRemark:"",
        //经营性呼叫中心增值业务许可证.
        zZBusinessLicense:[{}],
        zZBusinessLicenseRemark:"",
        //呼叫中心业务说明.
        centerBusiness:[{}],
        centerBusinessRemark:"",
        //房屋租赁合同或房产证明.
        contractOrProve:[{}],
        contractOrProveRemark:"",
        //风险评估表
        riskTable:[{}],
        riskTableRemark:"",
        //中继线预审表
        trunkTable:[{}],
        trunkTableRemark:"",
        //中继线合同
        trunkContract:[{}],
        trunkContractRemark:"",
      },
      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",
          },
          //不分类型与场景 是否有责任承诺书
          {
            title: '责任承诺书',
            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",
          },

        ],
        steps01: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有责任承诺书
          {
            title: '责任承诺书',
            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",
          },

        ],
        steps02: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有责任承诺书
          {
            title: '责任承诺书',
            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",
          },

        ],
        steps10: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有责任承诺书
          {
            title: '责任承诺书',
            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",
          },

        ],
        steps11: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有责任承诺书
          {
            title: '责任承诺书',
            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",
          },
        ],
        steps12: [
          //不分类型与场景 中继线合同  （必须是正规合同，不能是业务申请单）
          {
            title: '中继线合同',
            content: 'First-content',
            id: "trunkContract",
          },
          //是否有入网申请签报
          {
            title: '入网申请签报 ',
            content: 'First-content',
            id: "applySign",
          },
          //不分类型与场景 三张现场照片
          {
            title: '三张现场照片 ',
            content: 'First-content',
            id: "threePhotos",
          },
          //不分类型与场景 是否有责任承诺书
          {
            title: '责任承诺书',
            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",
          },

        ],
      },

      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: {
    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) {
              that.steps.stepsNow[that.steps.current].status = "finish"
            } 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);
            //待稽核
            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'][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'][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;
          }
        })
      }
      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.$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 ;
      //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.testCardApplicationModel.basicCheckNote;
            basicCheckNote = basicCheckNote + " " + text;
            this.lotData.testCardApplicationModel.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 = this.steps00
            }
            if (scene == '1') {
              this.steps = this.steps01
            }
            if (scene == '2') {
              this.steps = this.steps02
            }
            if (scene == '3') {
              this.steps = this.steps02
            }
          }
          if (customType == '1') {
            if (scene == '0') {
              this.steps = this.steps10
            }
            if (scene == '1') {
              this.steps = this.steps11
            }
            if (scene == '2') {
              this.steps = this.steps12
            }
            if (scene == '3') {
              this.steps = this.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: 70%;
  /*left: 15%;*/
  margin-bottom: 50px
}

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

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

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

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

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

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

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

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

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

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

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

margin-bottom-10 {
  margin-bottom: 10px;
}


</style>