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

<template>
  <a-spin :spinning="this.uploading" size="large" tip="正在提交资料，请勿关闭当前网页...">
    <!--  客户信息-->
    <a-page-header
      style="background-color: #FFFFFF;margin-bottom:10px"
      :title='checkState===2 ?"客户信息稽核":checkState===4?"客户信息整改":checkState===5?"客户信息详情":""'
      :sub-title="notes"
      @back="goBack"
    >
      <!--      整改基础信息-->
      <a-form-model
        v-if='infoModel.infoResult == 2 && checkState != 2'
        ref="form"
        :model="infoModel"
        :rules="rules"
      >
        <a-card style="margin-bottom:10px;color: #000000d9;font-size: 15px;line-height: 2.5;">
          <div>
            <span>1.请选择所上传资料的卡类型</span>
          </div>
          <a-radio-group style="position: relative;left: 30px" :disabled="infoModel.infoResult==='1'?true:false"
                         @change="controlChange" v-model:value="infoModel.blockType">
            <a-radio :value="'model'">正式卡</a-radio>
            <a-radio :value="'test'">测试卡</a-radio>
          </a-radio-group>
          <div v-if="infoModel.blockType != 'test'">
            <span style="display: block">2.是否突破价格管控</span>
            <a-radio-group style="position: relative;left: 30px;" :disabled="infoModel.infoResult==='1'?true:false"
                           @change="controlChange" v-model:value="infoModel.control">
              <a-radio :value="'controlY'">是</a-radio>
              <a-radio :value="'controlN'">否</a-radio>
            </a-radio-group>
          </div>
        </a-card>
        <a-card 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" class="cornflowerblue" 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' class="cornflowerblue" v-model="infoModel.staffNo"
                         placeholder="用户发展员工"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="发展员工姓名" prop="staffNo" v-bind="labelCol4">
                <a-input class="cornflowerblue" v-model="infoModel.staffName" 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="networkAccessTime" v-bind="labelCol4">
                <a-input class="cornflowerblue" v-model="infoModel.networkAccessTime" placeholder="入网时间"
                         :disabled='true'></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-item label="用户状态" v-bind="labelCol4" prop="userState">
                <j-dict-select-tag placeholder="请选择用户状态" :disabled="infoModel.infoResult==='1'?true:false"
                                   v-model="infoModel.userState" dictCode="user_status_2"/>
              </a-form-item>
            </a-col>

            <a-col :span="6">
              <a-form-model-item label="客户名称(全)" prop="customerName" v-bind="labelCol4">
                <a-input :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.customerName"
                         placeholder="客户名称/使用人名称"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="服务号码（全）" prop="smsNumber" v-bind="labelCol4">
                <a-input :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.smsNumber"
                         placeholder="请输入服务号码（全）"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="客户经理" prop="manage" v-bind="labelCol4">
                <a-input :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.manage"
                         placeholder="用户状态"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="客户经理手机号" prop="managePhone" v-bind="labelCol4">
                <a-input :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.managePhone"
                         placeholder="客户经理手机号"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="使用场景" prop="scene" v-bind="labelCol4">
                <a-input :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.scene"
                         placeholder="例-车联网-乘用车-智能后视镜"></a-input>
              </a-form-model-item>
            </a-col>
<!--            <a-col :span="6">-->
<!--              <a-form-model-item label="资料是否完整" prop="isAll" v-bind="labelCol4">-->
<!--                <a-radio-group :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.isAll"-->
<!--                               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="6">-->
<!--              <a-form-model-item label="是否完成整改" prop="isComplete" v-bind="labelCol4">-->
<!--                <a-radio-group :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.isComplete"-->
<!--                               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===""  || infoModel.contractDateIs==="1" '>
              <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol7">
                <a-radio-group v-model="infoModel.contractDateIs" button-style="solid"
                               :disabled="infoModel.infoResult==='1'?true:false">
                  <a-radio-button value="0">否</a-radio-button>
                  <a-radio-button value="1">是</a-radio-button>
                </a-radio-group>
              </a-form-model-item>
            </a-col>

            <a-col :span="7"
                   v-if='infoModel.contractDateIs==="0" ||infoModel.contractDateIs==="" || infoModel.contractDateIs===null '>
              <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol5">
                <a-date-picker style="min-width:50px; width: 62% " :disabled="infoModel.infoResult==='1'?true:false"
                               v-model="infoModel.contractDate"
                               format="YYYY-MM-DD"
                               showTime valueFormat="YYYY-MM-DD"/>
                <a-button @click="backDate('contractDate')">长期</a-button>
              </a-form-model-item>
            </a-col>
            <a-col :span="7" v-if='infoModel.businessLicenseDateIs===""  || infoModel.businessLicenseDateIs==="1" '>
              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol7">
                <a-radio-group :disabled="infoModel.infoResult==='1'?true:false"
                               v-model="infoModel.businessLicenseDateIs" button-style="solid">
                  <a-radio-button value="0">否</a-radio-button>
                  <a-radio-button value="1">是</a-radio-button>
                </a-radio-group>
              </a-form-model-item>
            </a-col>
            <a-col :span="7"
                   v-if='infoModel.businessLicenseDateIs==="0" || infoModel.businessLicenseDateIs===""|| infoModel.businessLicenseDateIs===null '>
              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol5">
                <a-date-picker style="min-width:50px; width: 62% " :disabled="infoModel.infoResult==='1'?true:false"
                               v-model="infoModel.businessLicenseDate"
                               format="YYYY-MM-DD"
                               showTime valueFormat="YYYY-MM-DD"/>
                <a-button @click="backDate('businessLicenseDate')">长期</a-button>
              </a-form-model-item>
            </a-col>
          </a-row>
          <a-row>
            <a-col :span="24">
              <a-form-model-item label="用户编号" v-bind="labelCol8">
                <!--              <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
                <a-textarea class="cornflowerblue" v-model="infoModel.userNo" auto-size :disabled='true'/>
              </a-form-model-item>
            </a-col>
          </a-row>
        </a-card>
        <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>
      </a-form-model>

      <!--      稽核和详情的基础信息-->
      <div v-if='infoModel.infoResult == 1 || checkState == 2'>
        <a-form-model
          ref="form"
          :model="infoModel"
          :rules="rules"
        >
          <a-row>
            <a-col :span="6">
              <a-form-model-item label="上传资料的卡类型：" v-bind="labelCol4">
                <span v-if='infoModel.blockType==="model"' class="cornflowerblue">正式卡</span>
                <span v-if='infoModel.blockType==="test"' class="cornflowerblue">测试卡</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="是否突破价格管控：" v-bind="labelCol4">
                <span v-if='infoModel.control==="controlY"' class="cornflowerblue">是</span>
                <span v-if='infoModel.control==="controlN"' class="cornflowerblue">否</span>
              </a-form-model-item>
            </a-col>
          </a-row>
          <a-row>
            <a-col :span="6">
              <a-form-model-item label="客户编号：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.customerNo }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户发展员工：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.staffNo }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户发展员工姓名：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.staffName }}</span>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row>
            <a-col :span="6">
              <a-form-model-item label="用户发展员工：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.staffName }}</span>
              </a-form-model-item>
            </a-col>
            <!--            <a-col :span="6">-->
            <!--              <a-form-model-item label="用户编号：" v-bind="labelCol4">-->
            <!--                <span class="cornflowerblue">{{ infoModel.userNo }}</span>-->
            <!--              </a-form-model-item>-->
            <!--            </a-col>-->
            <a-col :span="6">
              <a-form-model-item label="营业执照到期时间：" v-bind="labelCol4">
                <span class="cornflowerblue"> {{
                    infoModel.businessLicenseDate === "" ? "长期" : infoModel.businessLicenseDate
                  }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="用户状态：" v-bind="labelCol4">
                <span v-if='infoModel.userState==="1"' class="cornflowerblue">在用</span>
                <span v-if='infoModel.userState==="2"' class="cornflowerblue">停机</span>
                <span v-if='infoModel.userState==="3"' class="cornflowerblue">拆机</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="入网时间：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.networkAccessTime }}</span>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row>
            <a-col :span="6">
              <a-form-model-item label="客户名称(全)：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.customerName }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="服务号码(全)：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.smsNumber }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="客户经理：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.manage }}</span>
              </a-form-model-item>
            </a-col>
            <a-col :span="6">
              <a-form-model-item label="客户经理手机号：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.managePhone }}</span>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row>
            <a-col :span="6">
              <a-form-model-item label="使用场景：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.scene }}</span>
              </a-form-model-item>
            </a-col>
<!--            <a-col :span="6">-->
<!--              <a-form-model-item label="资料是否完整：" v-bind="labelCol4">-->
<!--                <span v-if='infoModel.isAll==="0"' class="cornflowerblue">否</span>-->
<!--                <span v-if='infoModel.isAll==="1"' class="cornflowerblue">是</span>-->
<!--              </a-form-model-item>-->
<!--            </a-col>-->
<!--            <a-col :span="6">-->
<!--              <a-form-model-item label="是否完成整改：" v-bind="labelCol4">-->
<!--                <span v-if='infoModel.isComplete==="0"' class="cornflowerblue">否</span>-->
<!--                <span v-if='infoModel.isComplete==="1"' class="cornflowerblue">是</span>-->
<!--              </a-form-model-item>-->
<!--            </a-col>-->
            <a-col :span="6">
              <a-form-model-item label="合同到期时间：" v-bind="labelCol4">
                <span class="cornflowerblue">{{ infoModel.contractDate === "" ? "长期" : infoModel.contractDate }}</span>
              </a-form-model-item>
            </a-col>
            <a-row>
              <a-col :span="24">
                <a-form-model-item label="用户编号" v-bind="labelCol8">

                  <!--                  <a-textarea    class="cornflowerblue" v-model="infoModel.userNo" auto-size  :disabled='true' />-->
                  <!--                  <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
                  <span class="cornflowerblue"> {{ infoModel.userNo }}</span>
                </a-form-model-item>
              </a-col>
            </a-row>
          </a-row>

          <a-row>

          </a-row>

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

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

        <a-button @click="submitAuditLot" v-if='checkState!==5' style="width: 100%;position: relative;top: 10px"
                  type="primary">提交
        </a-button>
        <a-button @click="outPage" v-if='checkState===5' style="width: 100%;position: relative;top: 10px"
                  type="primary">退出
        </a-button>
      </a-card>
      <!--      测试卡申请单-->
      <a-card v-if="steps.currentId === 'testCard'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">测试卡申请单</span>
          <!--        操作按钮-->

        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）测试卡申请单是否加盖公章</li>
                <li>2）测试卡申请单中经办人、责任人身份证是否一致</li>
              </ul>
            </div>
          </a-alert>

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

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

          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.testCard" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.testCardResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'testCard')">移除
                    </a-button>
                  </div>
                </swiper-slide>
                <div
                  class="swiper-button-next swiper-button-white"
                  slot="button-next"
                ></div>
                <div
                  class="swiper-button-prev swiper-button-white"
                  slot="button-prev"
                ></div>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                  style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.testCard"
                  :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,'testCard')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.testCardResult==="2"'>
                      <a-icon type="plus"/>
                      <div class="ant-upload-text">点我上传资料</div>
                    </div>
                  </a-upload>

                </div>

                <div class="swiper-button-next swiper-button-white" slot="button-next">
                  <div>
                    <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
                  </div>
                </div>
                <div class="swiper-button-prev swiper-button-white" slot="button-prev">
                  <div>
                    <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
                  </div>
                </div>
              </swiper>
            </div>
          </div>
        </div>
      </a-card>
      <!--    合同要求-->
      <a-card v-if="steps.currentId === 'contract'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">合同要求</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 110vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:0px">
              <ul>
                <li>1）是否在有效期</li>
                <li>2）是否明确场景，如车联网，水表等，且与风险评估表一致</li>
                <li>3）是否明确开通功能，如语音，短信，流量等</li>
                <li>4）是否明确功能限制，如定向、机卡绑定、卡片限定、限额管控、黑名单限制等</li>
                <li>5）是否明确白名单数量，具体号码，地址等</li>
                <li>6）是否明确禁止二次销售</li>
                <li>7）是否明确防范垃圾短信和骚扰电话条款</li>
                <li>8）是否无低级错误，如缺少签字，日期等</li>
                <li>9）合同签署是否是法人，是否有授权书</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.contractResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.contractResult == 2" color="#f50">否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.contractResult)" v-model='infoModel.contractResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.contractResultRemark }}
              </a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.contractResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <!--            上传资料备注-->
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag
                v-if="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                class="font-size-14" color="orange">{{ infoModel.contractRemark }}
              </a-tag>
              <a-textarea
                v-if="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                style="height: 77px"
                :disabled="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                v-model="infoModel.contractRemark"
                @change="textareaChange('contract','contractRemark')"
                placeholder="如没有上传资料备注，需要说明原因"
              />
            </a-form-model-item>
          </div>

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

          <div style="height: 70%">
            <div class="thumb-example">
              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.contract" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5&& infoModel.contractResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'contract')">移除
                    </a-button>
                  </div>
                </swiper-slide>

              </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.contract"
                  :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, 'contract')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.contractResult==="2"'>
                      <a-icon type="plus"/>
                      <div class="ant-upload-text">点我上传资料</div>
                    </div>
                  </a-upload>

                </div>

                <div class="swiper-button-next swiper-button-white" slot="button-next">
                  <div>
                    <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
                  </div>
                </div>
                <div class="swiper-button-prev swiper-button-white" slot="button-prev">
                  <div>
                    <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
                  </div>
                </div>
              </swiper>
            </div>
          </div>
        </div>
      </a-card>
      <!--    责任人和经办人授权书-->
      <a-card v-if="steps.currentId === 'handlingContract'"
              style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">责任人和经办人授权书</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）经办人和责任人授权书齐全并且加盖公章</li>
                <li>2）经办人和责任人与授权书一致</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.handlingContractResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.handlingContractResult == 2" color="#f50">否</a-tag>
              </div>

              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.handlingContractResult)"
                               v-model='infoModel.handlingContractResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.handlingContractResultRemark }}
              </a-tag>
              <a-textarea v-if="checkState===2?true:false"
                          style="height: 77px"
                          v-model="infoModel.handlingContractResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag
                v-if="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                class="font-size-14" color="orange">{{ infoModel.handlingContractRemark }}
              </a-tag>
              <a-textarea
                v-if="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                style="height: 77px"
                :disabled="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                v-model="infoModel.handlingContractRemark"
                @change="textareaChange('handlingContract','handlingContractRemark')"
                placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'handlingContract')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.handlingContractResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>
          <div style="height: 70%">
            <div class="thumb-example">

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.handlingContract" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button
                      v-if="item.urlBase&& checkState!==2  &&checkState!==5&& infoModel.handlingContractResult==='2'"
                      style="float: left;margin-top: 10px;border-color: red;color: red"
                      danger @click="removeFile(item,'handlingContract')">移除
                    </a-button>
                  </div>
                </swiper-slide>
              </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.handlingContract"
                  :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,'handlingContract')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.handlingContractResult==="2"'>
                      <a-icon type="plus"/>
                      <div class="ant-upload-text">点我上传资料</div>
                    </div>
                  </a-upload>

                </div>

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


      </a-card>
      <!--    责任人和经办人身份证-->
      <a-card v-if="steps.currentId === 'handlingCard'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">责任人和经办人身份证</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）经办人和责任人身份证复印件加盖公章</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.handlingCardResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.handlingCardResult == 2" color=“#f50”>否</a-tag>
              </div>

              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.handlingCardResult)"
                               v-model='infoModel.handlingCardResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.handlingCardResultRemark }}
              </a-tag>

              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.handlingCardResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag
                v-if="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                class="font-size-14" color="orange">{{ infoModel.handlingCardRemark }}
              </a-tag>
              <a-textarea
                v-if="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                style="height: 77px"
                :disabled="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                v-model="infoModel.handlingCardRemark"
                @change="textareaChange('handlingCard','handlingCardRemark')"
                placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'handlingCard')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.handlingCardResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>
          <div style="height: 70%">
            <div class="thumb-example">
              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.handlingCard" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button
                      v-if="item.urlBase&& checkState!==2  &&checkState!==5&& infoModel.handlingContractResult==='2'"
                      style="float: left;margin-top: 10px;border-color: red;color: red"
                      danger @click="removeFile(item,'handlingCard')">移除
                    </a-button>
                  </div>
                </swiper-slide>
              </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.handlingCard"
                  :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,'handlingCard')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.handlingCardResult==="2"'>
                      <a-icon type="plus"/>
                      <div class="ant-upload-text">点我上传资料</div>
                    </div>
                  </a-upload>

                </div>

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


      </a-card>
      <!--    客户证件扫描-->
      <a-card v-if="steps.currentId === 'customerCardScanning'"
              style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">客户证件扫描</span>
        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）客户证件复印件加盖公章</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.customerCardScanningResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.customerCardScanningResult == 2" color=“#f50”>否</a-tag>
              </div>

              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.customerCardScanningResult)"
                               v-model='infoModel.customerCardScanningResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.customerCardScanningResultRemark }}
              </a-tag>

              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.customerCardScanningResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag
                v-if="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                class="font-size-14" color="orange">{{ infoModel.customerCardScanningRemark }}
              </a-tag>
              <a-textarea
                v-if="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                style="height: 77px"
                :disabled="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                v-model="infoModel.customerCardScanningRemark"
                @change="textareaChange('customerCardScanning','customerCardScanningRemark')"
                placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'customerCardScanning')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.customerCardScanningResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>
          <div style="height: 70%">
            <div class="thumb-example">
              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.customerCardScanning" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button
                      v-if="item.urlBase&& checkState!==2  &&checkState!==5&& infoModel.customerCardScanningResult==='2'"
                      style="float: left;margin-top: 10px;border-color: red;color: red"
                      danger @click="removeFile(item,'customerCardScanning')">移除
                    </a-button>
                  </div>
                </swiper-slide>
              </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.customerCardScanning"
                  :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 v-if="lotState.customerIdState != 1" class="clearfix">
                  <a-upload
                    listType="picture-card"
                    name="file"
                    :multiple="false"
                    :action="importMinioUploadAction"
                    :customRequest="e=>selfUploadContract(e,'customerCardScanning')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.customerCardScanningResult==="2"'>
                      <a-icon type="plus"/>
                      <div class="ant-upload-text">点我上传资料</div>
                    </div>
                  </a-upload>

                </div>

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


      </a-card>
      <!--    风险评估表-->
      <a-card v-if="steps.currentId === 'riskTable'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">风险评估表</span>
          <!--        操作按钮-->

        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）是否进行入网风险评估</li>
                <li>2）安全管理能力是否填写最小必要数据</li>
                <li>3）是否明确使用场景（与产品形态表一致），如车联网、水表等</li>
                <li>4）是否明确开通功能，如语音，短信，流量等</li>
                <li>5）是否明确功能限制情况，如定向，机卡绑定，卡片绑定，限额管控，黑名单限制等</li>
                <li>6）是否无低级错误，如缺少签字、日期等</li>
                <li>7）风险评估表中卡类型需写清三要素：网络制式、商业级或消费级、贴片机或插卡机</li>
                <li>8）现场考察部分截图是否清晰</li>
                <li>9）合同、入网评估表、系统受理是否一致</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.riskTableResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.riskTableResult == 2" color=“#f50”>否</a-tag>
              </div>

              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.riskTableResult)" v-model='infoModel.riskTableResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.riskTableResultRemark }}
              </a-tag>

              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.riskTableResultRemark"
                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag
                v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                class="font-size-14" color="orange">{{ infoModel.riskTableRemark }}
              </a-tag>
              <a-textarea
                v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                style="height: 77px"
                :disabled="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                v-model="infoModel.riskTableRemark"
                @change="textareaChange('riskTable','riskTableRemark')"
                placeholder="如没有上传资料备注，需要说明原因"
              />
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <a-upload
            name="file"
            :multiple="true"
            :action="importMinioUploadAction"
            :customRequest="e => selfUploadContract(e, 'riskTable')"
            :headers="tokenHeader"
            :showUploadList="false"
            :beforeUpload="importBeforeUpload"
            @change="importHandleChange"
            v-if='checkState===4 && infoModel.riskTableResult==="2"'
            class="a-upload-line-30"
          >
            <a-button>
              <a-icon type="upload"/>
              上传文件
            </a-button>
          </a-upload>
          <div style="height: 70%">
            <div class="thumb-example">
              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.riskTable" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5&& infoModel.riskTableResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'riskTable')">移除
                    </a-button>
                  </div>
                </swiper-slide>
              </swiper>
              <!-- swiper2 Thumbs -->
              <swiper
                class="swiper gallery-thumbs"
                :options="swiperOptionThumbs"
                ref="swiperThumbs"
              >
                <swiper-slide
                  class="slide"
                  style="width:100px;height:100px;"
                  v-for="(item, index) in infoModel.riskTable"
                  :key="item.id"
                >
                  <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
                    <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
                  </div>

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

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

                </div>

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


      </a-card>
      <!--    价格审批表-->
      <a-card v-if="steps.currentId === 'priceTable'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">价格审批表</span>
          <!--        操作按钮-->

        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）最终审批价格不低于1元/户/月（对2020年1月1日前签署合同的存量客户，若存量价格审批表中只约定了保底流量无功能费的，按存量审批表执行）</li>
                <li>2）不参与打折，最低优惠至1元/户/月（2020年1月1日前签署合同的存量客户，池功能费可以按照池成员流量价格授权同步享受折扣）</li>
                <li>3）同客户同项目测试卡数量不得超100张，最高不得超500张。</li>
                <li>4）物联网开卡时提供公免卡审批表，开卡张数和公免额度与审批表一致。物联网公免卡的审批人员和流程同大网公免卡一致。</li>
                <li>5）累计限免有效期原则上不得大于15个月</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.priceTableResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.priceTableResult == 2" color=“#f50”>否</a-tag>
              </div>

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

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

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.priceTable" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5&& infoModel.priceTableResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'priceTable')">移除
                    </a-button>
                  </div>
                </swiper-slide>
              </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.priceTable"
                  :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,'priceTable')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.priceTableResult==="2"'>
                      <a-icon type="plus"/>
                      <div class="ant-upload-text">点我上传资料</div>
                    </div>
                  </a-upload>

                </div>

                <div class="swiper-button-next swiper-button-white" slot="button-next">
                  <div>
                    <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
                  </div>
                </div>
                <div class="swiper-button-prev swiper-button-white" slot="button-prev">
                  <div>
                    <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
                  </div>
                </div>
              </swiper>
            </div>
          </div>
        </div>
      </a-card>
      <!--承诺涵-其他材料(非必填)-->
      <a-card v-if="steps.currentId === 'commitment'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
        <div slot="title">
          <span style="float: left;position: relative;top: 4px">其他材料(非必填)</span>
          <!--        操作按钮-->

        </div>
        <div class="a-card-25">
          <a-alert
            message="注意事项（必看）"
            type="warning"
            style="height: 100vh"
          >
            <div slot="description" class="markdown" style="position: relative;top:30px">
              <ul>
                <li>1）如有其他材料(非必填)请进行上传</li>
              </ul>
            </div>
          </a-alert>
        </div>
        <div class="a-card-70">
          <div>
            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
              <div v-if="checkState===2?false:true">
                <a-tag class="font-size-14" v-if="infoModel.commitmentResult == 1" color="#2db7f5">是</a-tag>
                <a-tag class="font-size-14" v-if="infoModel.commitmentResult == 2" color=“#f50”>否</a-tag>
              </div>
              <div v-if="checkState===2?true:false">
                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                               @change="basicCheckClick(infoModel.commitmentResult)"
                               v-model='infoModel.commitmentResult'>
                  <a-radio :value="'1'">是</a-radio>
                  <a-radio :value="'2'">否</a-radio>
                </a-radio-group>
              </div>
              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
            </a-form-model-item>
          </div>
          <div>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
              <a-tag v-if="checkState===2?false:true" class="font-size-14"
                     color="orange">{{ infoModel.commitmentResultRemark }}
              </a-tag>
              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                          v-model="infoModel.commitmentResultRemark"

                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
              />
            </a-form-model-item>
            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
              <a-tag
                v-if="(checkState===4 && infoModel.commitmentResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
                class="font-size-14" color="orange">{{ infoModel.commitmentRemark }}
              </a-tag>

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

              <!-- swiper1 -->
              <swiper
                class="swiper gallery-top"
                :options="swiperOptionTop"
                ref="swiperTop"
              >
                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.commitment" :key="item.id">
                  <iframe
                    v-if="item.urlBase"
                    frameborder="1"
                    :src="item.urlBase"
                    ref="ifr"
                    width="70%"
                    height="500px"
                    scrolling="auto">
                  </iframe>
                  <img style="width: 70%;height: 70%;border: 1px solid;"
                       v-if="!item.urlBase" :src="noDataPng" border="1">
                  <div>
                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
                              v-if="  item.urlBase "
                              @click="downloadFile(item.url)">下载
                    </a-button>
                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
                              v-if=" item.urlBase "
                              @click="jumpUrl(item.urlBase)">预览
                    </a-button>
                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5&& infoModel.commitmentResult==='2'"
                              style="float: left;margin-top: 10px;border-color: red;color: red"
                              danger @click="removeFile(item,'commitment')">移除
                    </a-button>
                  </div>
                </swiper-slide>
              </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.commitment"
                  :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,'commitment')"
                    :headers="tokenHeader"
                    :showUploadList="false"
                    :beforeUpload="importBeforeUpload"
                    @change="importHandleChange"
                  >
                    <div v-if='checkState===4 && infoModel.commitmentResult==="2"'>
                      <a-icon type="plus"/>
                      <div class="ant-upload-text">点我上传资料</div>
                    </div>

                  </a-upload>

                </div>

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

    </div>


  </a-spin>

</template>

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

let Base64 = require('js-base64').Base64

export default {
  name: "TaskUploadData",
  mixins: [JeecgListMixin],
  inject: ['closeCurrent'],
  components: {noDataPng},
  data() {
    return {
      rules: {
        businessLicenseDateIs: [
          {required: true, message: '必须输入'},
        ],
        scene: [
          {required: true, message: '必须输入'},
        ],
        smsNumber: [
          {required: true, message: '必须输入'},
        ],
        customerName: [
          {required: true, message: '必须输入'},
        ],
        isComplete: [
          {required: true, message: '必须输入'},
        ],
        manage: [
          {required: true, message: '必须输入'},
        ],
        isAll: [
          {required: true, message: '必须输入'},
        ],
        contractDate: [
          {required: true, message: '必须输入'},
        ],
        businessLicenseDate: [
          {required: true, message: '必须输入'},
        ],
        installationAddress: [
          {required: true, message: '必须输入'},
        ],
        floorName: [
          {required: true, message: '必须输入'},
        ],
        firstActivationDate: [
          {required: true, message: '必须输入'},
        ],
        customerNo: [
          {required: true, message: '必须输入'},
        ],
        userNo: [
          {required: true, message: '必须输入'},
        ],
        networkAccessTime: [
          {required: true, message: '必须输入'},
        ],
        userState: [
          {required: true, message: '必须输入'},
        ],
        contractDateIs: [
          {required: true, message: '必须输入'},
        ],
        staffNo: [
          {required: true, message: '必须输入'},
        ],
        codeNumber: [
          {required: true, message: '必须输入'},
        ],
        accountCode: [
          {required: true, message: '必须输入'},
        ],
        floorCode: [
          {required: true, message: '必须输入'},
        ],
        userCode: [
          {required: true, message: '必须输入'},
        ],
        managePhone: [
          {required: true, message: '请输入客户经理手机号!', trigger: 'blur'}, {validator: this.isPhone}
        ],
      },
      labelCol1: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 2},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 22},
        }
      },
      labelCol6: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 10},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 12},
        }
      },
      labelCol7: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 12},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 12},
        }
      },
      labelCol4: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 10},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 12},
        }
      },
      labelCol8: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 2},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 22},
        }
      },
      labelCol5: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 10},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 13},
        }
      },
      labelCol1Note: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 4},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 14},
        }
      },
      //是否整改
      rectificationIs: false,
      noDataPng: noDataPng,
      //加载状态
      taskId: "",
      open: false,
      dataList: [],
      columns: [
        {title: '编辑时间', width: 100, dataIndex: 'updateDate', key: 'updateDate'},
        {title: '修改字段', width: 100, dataIndex: 'updateField', updateField: 'age'},
        {title: '修改内容', width: 100, dataIndex: 'context', key: 'context'},
      ],
      checkState: "",
      uploading: false,
      loading: false,
      notes: "",
      infoModel: {
        staffName: "",
        businessLicenseDateIs: '',
        contractDateIs: '',
        stepsNow: {},
        infoResult: "",
        infoResultRemark: '',
        blockType: "",
        control: "",
        //合同文件
        isAll: "",
        contractDate: "",
        businessLicenseDate: "",
        dataId: "",
        logId: "",
        infoId: "",
        isComplete: "",
        scene: "",
        manage: "",
        managePhone: "",
        smsNumber: "",
        customerNo: "",
        userNo: "",
        networkAccessTime: "",
        customerName: "",
        userState: "",
        staffNo: "",
        testCard: [{}],
        testCardRemark: '',
        contract: [{}],
        contractRemark: '',
        handlingContract: [{}],
        handlingContractRemark: '',
        handlingCard: [{}],
        handlingCardRemark: '',
        customerCardScanning: [{}],
        customerCardScanningRemark: '',
        riskTable: [{}],
        riskTableRemark: '',
        priceTable: [{}],
        priceTableRemark: '',
        commitment: [{}],
        commitmentRemark: '',
        testCardResult: "",
        testCardResultRemark: "",
        contractResult: "",
        contractResultRemark: "",
        handlingContractResult: "",
        handlingContractResultRemark: "",
        handlingCardResult: "",
        handlingCardResultRemark: "",
        customerCardScanningResult: "",
        customerCardScanningResultRemark: "",
        riskTableResult: "",
        riskTableResultRemark: "",
        priceTableResult: "",
        priceTableResultRemark: "",
        commitmentResult: "",
        commitmentResultRemark: "",
      },
      //弹窗
      previewImage: "",
      previewVisible: false,
      url: {
        "getTask": "/smsTurck/customerData/query/getTask",
        "getInfoDataById": "/smsCheck/customerInfo/queryById",
        "getInfoDataByInfoId": "/smsLot/customerData/queryDataLogByInfoId",
        updateFile: "/smsCheck/customerData/updateFile",
        minioUpload: "/smsCheck/customerData/uploadMinio",
        //list: "/smsCheck/customerData/list",
        addOrEdit: "/smsLot/customerData/edit/info",
        lotInfo: "/smsLot/customerData/query/infoId",
        checkDataId: "/smsLot/customerData/query/check/dataId",
      },
      //步骤条数据
      //current: 0,
      steps: {
        // 当前所在第几部
        current: 0,
        currentId: "",
        stepsNow: {},
        stepsControlY: [
          {
            title: '合同',
            content: 'First-content',
            status: "wait",
            id: 'contract'
          },
          {
            title: '责任人和经办人授权书',
            content: 'First-content',
            status: "wait",
            id: "handlingContract"
          },
          {
            title: '责任人和经办人身份证',
            content: 'First-content',
            status: "wait",
            id: "handlingCard"
          },
          {
            title: '客户证件扫描',
            content: 'First-content',
            status: "wait",
            id: "customerCardScanning"
          },
          {
            title: '风险评估表',
            content: 'First-content',
            status: "wait",
            id: 'riskTable'
          },
          {
            title: '价格审批表',
            content: 'First-content',
            status: "wait",
            id: 'priceTable'
          },
          {
            title: '承诺涵（其他材料-非必填）',
            content: 'First-content',
            id: "commitment",
            status: "wait"
          }
        ],
        stepsControlN: [
          {
            title: '合同',
            content: 'First-content',
            status: "wait",
            id: 'contract'
          },
          {
            title: '责任人和经办人授权书',
            content: 'First-content',
            status: "wait",
            id: "handlingContract"
          },
          {
            title: '责任人和经办人身份证',
            content: 'First-content',
            status: "wait",
            id: "handlingCard"
          },
          {
            title: '客户证件扫描',
            content: 'First-content',
            status: "wait",
            id: "customerCardScanning"
          },
          {
            title: '风险评估表',
            content: 'First-content',
            status: "wait",
            id: 'riskTable'
          },
          {
            title: '承诺涵（其他材料-非必填）',
            content: 'First-content',
            id: "commitment",
            status: "wait"
          }

        ],
        stepsTest: [
          {
            title: '测试卡申请单',
            content: 'First-content',
            status: "wait",
            id: 'testCard'
          },
          {
            title: '责任人和经办人授权书',
            content: 'First-content',
            status: "wait",
            id: "handlingContract"
          },
          {
            title: '责任人和经办人身份证',
            content: 'First-content',
            status: "wait",
            id: "handlingCard"
          },
          {
            title: '客户证件扫描',
            content: 'First-content',
            status: "wait",
            id: "customerCardScanning"
          },
          {
            title: '承诺涵（其他材料-非必填）',
            content: 'First-content',
            id: "commitment",
            status: "wait"
          }
        ],
      },
      //steps: "",

      //测试卡步骤条
      next: "",
      prev: "",
      //客户信息ID
      infoId: "",
      lotData: {
        //卡片是否展示
        isShow: {
          commitmentShow: false,
        },
        //正式卡/测试卡
        blockType: "model",
        //价格管控
        control: "controlN",
        //合同文件
        contractFiles: [],
        //责任人和经办人授权书
        empowerFiles: [],
        //责任人和经办人身份证
        idCardFiles: [],
        //客户证件扫描
        scanningFiles: [],
        //风险评估表
        riskFiles: [],
        //价格审批表
        priceFiles: [],
        //测试卡申请单
        testCardApplication: [],
        //其他材料(非必填)
        commitmentFiles: [],
      },
      //整改稽核备注
      lotNote: {
        //合同
        contractNote: null,
        //测试卡申请单
        testCardApplicationNote: null,
        //责任人经办人授权书
        empowerNote: null,
        //责任人经办人身份证
        idCardNote: null,
        //客户证件
        customerIdNote: null,
        //风险评估表稽核结果
        riskNote: null,
        //价格审批表
        priceApprovalNote: null,
        //其他材料(非必填)
        commitmentNote: null,
      },
      //整改稽核结果
      lotState: {
        //合同
        contractState: null,
        //测试卡申请单
        testCardApplicationState: null,
        //责任人经办人授权书
        empowerState: null,
        //责任人经办人身份证
        idCardState: null,
        //客户证件
        customerIdState: null,
        //风险评估表稽核结果
        riskState: null,
        //价格审批表
        priceApprovalState: null,
        //其他材料(非必填)
        commitmentState: null,
      },
      //缩略与大图数据源
      swiperId: 0 + 1,
      swiperImg: [{}],
      //轮播配置
      swiperOptionTop: {
        zoom: true,
        loop: false,
        loopedSlides: 5, // looped slides should be the same
        spaceBetween: 10,
        observer: true, //修改swiper自己或子元素时，自动初始化swiper
        observeParents: true, //修改swiper的父元素时，自动初始化swiper
        // autoplay: {  //自动轮播
        //   delay: 2000,
        //   disableOnInteraction: false
        // },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        }
      },
      swiperOptionThumbs: {
        loop: false,
        loopedSlides: 5, // looped slides should be the same
        spaceBetween: 10,
        centeredSlides: true,
        slidesPerView: 'auto',
        touchRatio: 0.2,
        slideToClickedSlide: true,
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        }
      }
    };
  },
  created() {
    this.infoModel.infoId = this.$route.query.id;
    //是否突破价格管控
    this.infoId = this.$route.query.id;
    this.getTask(this.infoId);
    //是否需要整改
    this.lotInfoById(this.infoId)
    this.getInfoDataById(this.infoId)
  },
  computed: {
    importMinioUploadAction() {
      return window._CONFIG['domianURL'] + this.url.minioUpload;
    },
  },
  props: {
    poster: {
      type: String,
      required: false,
      default: ""
    },
    controls: {
      type: Boolean,
      required: false,
      default: true
    },
    control: {
      type: Boolean,
      required: false,
      default: false
    },
  },
  watch: {
    // 监听操作
    videoData(val, oldVal) {
      const {currentTime, duration} = val;
      if (currentTime && duration && currentTime < duration) {
        this.hintOperate();
      }
    }
  },
  updated() {
    // 实现swiper双向控制
    this.$nextTick(() => {
      const swiperTop = this.$refs.swiperTop.swiper
      const swiperThumbs = this.$refs.swiperThumbs.swiper
      swiperTop.controller.control = swiperThumbs
      swiperThumbs.controller.control = swiperTop
    })
  },
  mounted() {
    this.infoId = this.$route.query.id;
    this.getTask(this.infoId);
    let control = this.lotData.control;
    //是否突破价格管控
    if (control == "controlN") {
      this.steps.stepsNow = this.steps.stepsControlN;
    } else {
      this.steps.stepsNow = this.steps.stepsControlY;
    }
  },
  methods: {
    backDate(name) {
      if (name === 'contractDate') {
        this.infoModel.contractDateIs = "1"
        this.infoModel.contractDate = ""
      }
      if (name === 'businessLicenseDate') {
        this.infoModel.businessLicenseDateIs = "1"
        this.infoModel.businessLicenseDate = ""
      }
    },
    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()
    },
    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';
      }
    },
    jumpUrl(url) {
      var a = document.createElement("a");
      a.setAttribute("href", url);
      a.setAttribute("target", "_blank");
      a.click();
    },
    /**节点状态*/
    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;
      }
    },
    outPage() {
      this.$router.push({path: '/lot/check/task/check', query: {id: this.taskId}});
    },
    isPhone(rule, value, callback) {
      if (!value || new RegExp(/^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/).test(value)) {
        callback();
      } else {
        callback("您的手机号码格式不正确!");
      }

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

      for (var i in this.steps.stepsNow) {
        if (this.checkState === 2) {
          if (this.infoModel.infoResult === "" || this.infoModel.infoResult === null) {
            this.$message.warn("物联网基本信息未进行稽核...");
            info = "no";
          }
          if (this.steps.stepsNow[i].status === "wait") {
            // debugger
            // if (this.steps.stepsNow[i].id ==='commitment' &&  (this.infoModel.commitmentRemark !=='' || this.infoModel.commitmentRemark !==null)&&
            //   (this.infoModel.commitment !=='' || this.infoModel.commitment  !==null || this.infoModel.commitment  !=='[{}]')){
            //   this.$message.warn(this.steps.stepsNow[i].title + "未进行稽核...");
            //   info = "no";
            // }
            if (this.steps.stepsNow[i].type !== 'solution') {
              this.$message.warn(this.steps.stepsNow[i].title + "未进行稽核...");
              info = "no";
            }
          }
        }
        if (this.checkState === 4) {
          if (this.steps.stepsNow[i].status !== "finish" && this.steps.stepsNow[i].type !== 'solution' &&  this.steps.stepsNow[i].id !=='commitment') {
            this.$message.warn(this.steps.stepsNow[i].title + "资料或备注都未整改!!!");
            info = "no";
          }
        }
      }
      var stringToHTML = function (str) {
        var dom = document.createElement('div');
        dom.innerHTML = str;
        return dom;

      };
      console.log(stringToHTML('<h1>Hello world!</h1><p>How are you today?</p>'));
      if (info === "no") {
        this.uploading = false;
        return
      }
      var that = this;
      var data = that.infoModel;
      data.stepsNow = that.steps.stepsNow;
      //data =this.dataListToStr(data);
      postAction("/smsLot/customerData/addLog", data).then((res) => {
        if (res.success) {
          this.uploading = false;
          this.$message.success("提交成功", 3);
          this.addIng == true

          this.$router.push({path: '/lot/check/task/check', query: {id: that.taskId}});
          this.closeCurrent();
        } else {
          this.uploading = false;
          if (res.message !== null) {
            this.$message.error(res.message);
          } else {
            this.$message.error("提交失败");
          }
        }
      }).finally(() => {
        this.uploading = false;
      })
    },
    getTask(infoId) {
      var that = this;
      var data = {
        "infoId": infoId,
      }
      postAction(this.url.getTask, data).then((res) => {
        if (res.success) {
          that.taskId = res.result.taskId;
          that.checkState = res.result.checkState;
        }
      })
    },
    addIsStaging() {
      this.uploading = true;
      var that = this;
      var data = that.infoModel;
      //data =this.dataListToStr(data);
      postAction("/smsLot/customerData/addIsStaging", data).then((res) => {
        if (res.success) {
          this.uploading = false;
          this.$message.success("提交成功", 3);
          this.addIng == true
          this.$router.push({path: '/lot/check/task/check', query: {id: that.taskId}});
          this.closeCurrent();
        } else {
          this.uploading = false;
          if (res.message !== null) {
            this.$message.error(res.message);
          } else {
            this.$message.error("提交失败");
          }
        }
      }).finally(() => {
        this.uploading = false;
      })
    },
    /**备注坚听*/
    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;
      }
    },
    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"
      }

    },

    getInfoDataById(id) {
      var that = this;
      if (id) {
        var data = {
          "id": id,
        }
        getAction(this.url.getInfoDataById, data).then((res) => {
          if (res.success) {
            let result = res.result;
            //用户状态
            that.infoModel.userState = result.userState;
            //用户发展员工
            that.infoModel.staffNo = result.staffNo;
            that.infoModel.customerNo = result.customerNo;
            that.infoModel.userNo = result.userNo;
            that.infoModel.networkAccessTime = result.networkAccessTime;
            that.infoModel.firstActivationDate = result.firstActivationDate;
            that.infoModel.userCode = result.userCode;
            that.infoModel.accountCode = result.accountCode;
            that.infoModel.staffName = result.staffName;
            that.notes = result.notes;
          }
        })
      }
    },
    /**获取物联网文件数据*/
    lotInfoById(id) {

      let that = this;
      let url = this.url.getInfoDataByInfoId;
      let params = {
        infoId: id
      }
      getAction(url, params).then(res => {
        if (res.success) {
          let data = res.result;
          if (data == null || !data) {
            return;
          }

          let result = res.result;
          that.infoModel = result;
          that.lotDataValue(data);
          that.dataList = result.history;
          that.infoModel.testCard = JSON.parse(result.testCard);
          that.infoModel.contract = JSON.parse(result.contract);
          that.steps.current = 0;
          that.steps.currentId = that.steps.stepsNow[0].id
          that.infoModel.handlingContract = JSON.parse(result.handlingContract);
          that.infoModel.handlingCard = JSON.parse(result.handlingCard);
          that.infoModel.customerCardScanning = JSON.parse(result.customerCardScanning);
          that.infoModel.riskTable = JSON.parse(result.riskTable);
          that.infoModel.priceTable = JSON.parse(result.priceTable);
          that.infoModel.commitment = JSON.parse(result.commitment);
          that.checkState = result.checkState;
          //待稽核
          if (that.checkState === 2 || that.checkState === 5) {
            for (var i in that.steps.stepsNow) {
              for (var j in result[that.steps.stepsNow[i].id]) {
                if (result[that.steps.stepsNow[i].id + 'Result'] != null && result[that.steps.stepsNow[i].id + 'Result'] !== undefined && 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'] != null && result[that.steps.stepsNow[i].id + 'Result'] !== undefined && 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
            }
          }

        }
      }).finally(() => {

      })
    },
    lotDataValue(data) {
      let that = this;
      if (data.control === '' || data.control === null) {
        that.infoModel.control = 'controlN'
      }
      if (data.blockType === '' || data.blockType === null) {
        that.infoModel.blockType = 'model'
      }
      //为整改
      that.rectificationIs = true;
      //是否突破价格管控 0:未突破；1:突破
      that.lotData.control = data.control;
      //卡类型 0测试卡；1正式卡,
      that.lotData.blockType = data.blockType;
      //判断步骤类型
      let control = that.infoModel.control;
      let blockType = that.infoModel.blockType;
      if (control === 'controlN' && blockType === 'model') {
        this.steps.stepsNow = this.steps.stepsControlN;
      } else if (control === 'controlY' && blockType === 'model') {
        this.steps.stepsNow = this.steps.stepsControlY;
      } else if (blockType === 'test') {
        this.steps.stepsNow = this.steps.stepsTest;
      } else {
        this.steps.stepsNow = this.steps.stepsControlN;
      }

      if ((this.infoModel.commitmentRemark ==='' || this.infoModel.commitmentRemark ===null)&&
        (this.infoModel.commitment  ==='' || this.infoModel.commitment  ===null || this.infoModel.commitment  ==='[{}]' &&  this.checkState !== 4 )){
        for (var i = 0; i <this.steps.stepsNow.length; i++) {
          if (this.steps.stepsNow[i].id==='commitment'){
            this.steps.stepsNow.splice(i, 1);
          }
        }
      }
      this.steps.currentId = this.steps.stepsNow[0].id;
      //稽核结果
      //that.lotCheckById(that.infoId);
    },
    /**包装轮播数据*/
    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;
    },
    /**卡类型及价格管控监听事件*/
    controlChange(a, event) {

      let blockType = this.infoModel.blockType;
      let control = this.infoModel.control;
      //是否突破价格管控
      if (control == "controlN" && blockType == "model") {
        this.steps.stepsNow = this.steps.stepsControlN;
      } else if (control == "controlY" && blockType == "model") {
        this.steps.stepsNow = this.steps.stepsControlY;
      } else if (blockType == "test") {
        this.steps.stepsNow = this.steps.stepsTest;
      }
      this.current = 0;
      //this.currentFileType(this.current);
      this.steps.current = 0;
      this.steps.currentId = this.steps.stepsNow[0].id
      //待整改
      if (this.checkState === 4) {
        for (var i in this.steps.stepsNow) {
          for (var j in this.infoModel[this.steps.stepsNow[i].id]) {
            if (this.infoModel[this.steps.stepsNow[i].id + 'Result'] !== null && this.infoModel[this.steps.stepsNow[i].id + 'Result'] !== undefined && this.infoModel[this.steps.stepsNow[i].id + 'Result'][0] !== undefined) {
              if (this.infoModel[this.steps.stepsNow[i].id + 'Result'][0] === '1') {
                this.steps.stepsNow[i].status = "finish"
              } else {
                this.steps.stepsNow[i].status = "error"
              }
            }
          }
        }
        if (this.infoModel.infoResult === "2") {
          var element = document.getElementById('directRequirements');
          element.style.color = 'red';
          this.isShow = false
        }
        if (this.infoModel.infoResult === "1") {
          var element = document.getElementById('directRequirements');
          element.style.color = 'black';
          this.isShow = true
        }
      }
    },
    /**移除文件*/
    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
      }
    },
    /**分割数组*/
    spliceArr(data, fileData) {
      let indexOf = data.indexOf(fileData);
      return data.splice(indexOf, 1)
    },
    /**自定义的上传文件方法*/
    /**自定义的上传文件方法*/
    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"
            }
          }

        })
      }
    },
    /**文件上传成功后回调*/
    importHandleChange(info) {
    },
    /**文件格式限制*/
    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
    },
    /**返回上一菜单*/
    goBack() {
      this.$router.go(-1);
      this.closeCurrent();
    },
    /**下一步点击事件*/
    nextSteps() {
      if (this.swiperImg.length == 0) {
        this.$message.warn("请先上传文件！")
        return;
      }
      if (this.swiperImg.length == 1) {
        if (!this.swiperImg[0].urlBase) {
          this.$message.warn("请先上传文件！")
          return;
        }
      }
      if (this.current < this.steps.length) {
        this.current = this.current + 1;
        //其他材料(非必填)
        if (this.steps[this.current].id == "commitment") {
          this.lotData.isShow.commitmentShow = true;
        } else {
          this.lotData.isShow.commitmentShow = false;
        }
        this.currentFileType(this.current);
      }
    },
    /**上一步骤*/
    prevSteps() {
      if (this.current != 0) {
        this.current = this.current - 1;
        //其他材料(非必填)
        if (this.steps[this.current].id == "commitment") {
          this.lotData.isShow.commitmentShow = true;
        } else {
          this.lotData.isShow.commitmentShow = false;
        }
        this.currentFileType(this.current);
      }
    },
    /**步骤文件类型对应*/
    currentFileType(current) {
      let that = this;
      this.swiperImg = {}
      //卡类型
      let blockType = that.lotData.blockType;
      //其他材料(非必填)-承诺涵
      if (that.lotData.isShow.commitmentShow) {
        that.swiperImg = that.lotData.commitmentFiles;
      } else {
        switch (current) {
          case 0:
            if (blockType == "test") {
              that.swiperImg = that.lotData.testCardApplication
            } else {
              that.swiperImg = that.lotData.contractFiles
            }
            break;
          case 1:
            that.swiperImg = that.lotData.empowerFiles
            break;
          case 2:
            that.swiperImg = that.lotData.idCardFiles
            break;
          case 3:
            that.swiperImg = that.lotData.scanningFiles
            break;
          case 4:
            that.swiperImg = that.lotData.riskFiles
            break;
          case 5:
            that.swiperImg = that.lotData.priceFiles
            break;
        }
      }
      //拒绝下标为空 影响轮播样式
      if (that.swiperImg.length == 0) {
        that.swiperImg.push({})
      }
    },

    urlBaseJoin(dataArray, name) {
      let newDataArr = [];
      for (var i in dataArray) {
        let dataArrayElementElement = dataArray[i][name];
        newDataArr.push(dataArrayElementElement);
      }
      return newDataArr.toString();
    }

  }
}
;
</script>

<style lang="less" scoped>
h3 {
  margin: 20px 0 0 10px;
}

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

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

.gallery-top {
  // height: 80% !important;
  /*height: 600px;*/
  width: 100%;
  left: 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: 13px;
  line-height: 3;
  margin-left: 20px;
  padding-left: 4px;
  list-style-type: circle;
}

.liClass ul li {
  //margin-top:-20px;/*设置有序列表项之间的间隔*/
  font-size: 13px;
}

.cornflowerblue {
  color: cornflowerblue;
}

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

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

.a-card-25 {
  float: left;
  width: 25%
}

.a-upload-line-30 {
  line-height: 30px;
  left: 15%;
  position: relative
}

.font-size-14 {
  font-size: 14px
}
</style>