picc / admin-no-ui · Files

<template>
  <div :class="loading?'opa':'scoped-supplement'">
    <div v-show="loading" style="width:100%;height:100%;position:fixed;z-index:1;"> 
      <div class="loadSpin">
        <a-spin />
      </div>
    </div>
    <a-card title="客户额度层级" :bordered="false">
      <span style="color:rgba(0,0,0,.85);margin-left:40px;">客户额度层级：</span>
      <a-select v-model="edmoeny" placeholder="请选择客户额度层级" style="width:180px;" @change="selectUserHierarchy" :disabled="true">
        <a-select-option v-for="(item, index) in customerCredit" :key="index" :value="item.value">
          {{item.label}}
        </a-select-option>
      </a-select>
    </a-card>
    <div v-if="edmoeny<=50">
      <a-form :form="form">
        <a-card title="经营类资料补充" :bordered="false">
          <div style="font-sizde:12px;color:#999;padding-bottom:10px;">注：文件上传仅支持jpg\png\jpeg\bmp\pdf文件格式</div>
          <a-form-item label="企业经营场所证明" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业经营场所证明','BS_PLACE_CERTIFICATE')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in placeList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="placeListShow" style="color:red;padding-left:10px;">请上传企业经营场所证明</span>
          </a-form-item>
          <a-form-item label="货源方合作协议" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload4',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'货源方合作协议','BS_SUPPLIER_COOPERATION_AGREEMENT')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in supplierList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="supplierListShow" style="color:red;padding-left:10px;">请上传货源方合作协议</span>
          </a-form-item>
          <a-form-item label="企业账户流水" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload5',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业账户流水','BS_BUSINESS_ACCOUNT_FLOW')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in businessList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="businessListShow" style="color:red;padding-left:10px;">请上传企业账户流水</span>
          </a-form-item>
          <a-form-item label="开票数据" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload6',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'开票数据','BS_INVOICE_DATA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in invoiceList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="TMS系统运费记录" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload7',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'TMS系统运费记录','BS_TMS_FREIGHT_RECORD')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in tmsList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
        </a-card>
        <a-card title="资产类资料补充" :bordered="false">
          <a-form-item label="企业实控人(或配偶)名下房产证明" :labelCol="{span:6}" :wrapperCol="{span:16}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload9',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业实控人（或配偶）名下房产证明','AS_ACTUAL_CONTROLLER_TITLE_DEED')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in actualList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span style="color:red;font-size:12px;padding-left:10px;">注：土地证、房产证、购买合同、抵押合同、贷款合同、购房发票等（任意提供一种即可）</span>
          </a-form-item>
        </a-card>
        <a-card title="信用报告类资料补充" :bordered="false">
          <a-form-item label="企业征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload10',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业征信查询授权书','CRS_ENTERPRISE_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsEnterpriseList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="法定代表人征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload11',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'法定代表人征信查询授权书','CRS_LEGAL_REPRESENTATIVE_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsLegalList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="企业实控人征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload12',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业实控人征信查询授权书','CRS_ACTUAL_CONTROLLER_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsActualList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="实控人配偶征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload13',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'实控人配偶征信查询授权书','CRS_ACTUAL_CONTROLLER_SPOUSE_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsControllerList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
        </a-card>
      </a-form>
    </div>
    <div v-else>
      <a-form :form="form">
        <a-card title="经营类资料补充" :bordered="false">
          <div style="font-sizde:12px;color:#999;padding-bottom:10px;">注：文件上传仅支持jpg\png\jpeg\bmp\pdf文件格式</div>
          <a-form-item label="企业经营场所证明" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业经营场所证明','BS_PLACE_CERTIFICATE')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in placeList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="placeListShow" style="color:red;padding-left:10px;">请上传企业经营场所证明</span>
          </a-form-item>
          <!-- <a-form-item label="上一年度财务报表" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload1',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'上一年度财务报表','BS_LAST_YEAR_FINANCIAL_STATEMENTS')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in lastyearFinanceList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="lastyearFinanceListShow" style="color:red;padding-left:10px;">请上传企业经营场所证明</span>
          </a-form-item> -->
          <!-- <a-form-item label="最近一期月度报表" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload2',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'最近一期月度报表','BS_LATEST_MONTHLY_REPORT')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in latestList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="latestListShow" style="color:red;padding-left:10px;">请上传最近一期月度报表</span>
          </a-form-item> -->
          <!-- <a-form-item label="自有运力明细表" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload3',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'自有运力明细表','BS_TRANSPORT_CAPACITY_DETAIL')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in transportList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="transportListShow" style="color:red;padding-left:10px;">请上传自有运力明细表</span>
          </a-form-item> -->
          <a-form-item label="货源方合作协议" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload4',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'货源方合作协议','BS_SUPPLIER_COOPERATION_AGREEMENT')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in supplierList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="supplierListShow" style="color:red;padding-left:10px;">请上传货源方合作协议</span>
          </a-form-item>
          <a-form-item label="企业账户流水" class="uploadVerify" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload5',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业账户流水','BS_BUSINESS_ACCOUNT_FLOW')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in businessList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span v-show="businessListShow" style="color:red;padding-left:10px;">请上传企业账户流水</span>
          </a-form-item>
          <a-form-item label="开票数据" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload6',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'开票数据','BS_INVOICE_DATA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in invoiceList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="TMS系统运费记录" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload7',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'TMS系统运费记录','BS_TMS_FREIGHT_RECORD')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in tmsList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
        </a-card>
        <a-card title="资产类资料补充" :bordered="false">
          <a-form-item label="企业名下土地、房产证明" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload8',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业名下土地、房产证明','AS_ENTERPRISE_TITLE_DEED')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in enterpriseList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <!-- <a-form-item label="企业实控人(或配偶)名下房产证明" :labelCol="{span:6}" :wrapperCol="{span:16}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload9',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业实控人（或配偶）名下房产证明','AS_ACTUAL_CONTROLLER_TITLE_DEED')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in actualList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
            <span style="color:red;font-size:12px;padding-left:10px;">注：土地证、房产证、购买合同、抵押合同、贷款合同、购房发票等（任意提供一种即可）</span>
          </a-form-item> -->
        </a-card>
        <a-card title="信用报告类资料补充" :bordered="false">
          <a-form-item label="企业征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload10',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业征信查询授权书','CRS_ENTERPRISE_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsEnterpriseList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="法定代表人征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload11',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'法定代表人征信查询授权书','CRS_LEGAL_REPRESENTATIVE_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsLegalList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="企业实控人征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload12',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'企业实控人征信查询授权书','CRS_ACTUAL_CONTROLLER_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsActualList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>
          <a-form-item label="实控人配偶征信查询授权书" :labelCol="{span:6}" :wrapperCol="{span:12}">
            <a-upload v-show="!disableSubmit" v-decorator="['upload13',{
                getValueFromEvent: normFile,
              }]" name="file" :action="url.upload" @change="(file)=>handleChange(file,'实控人配偶征信查询授权书','CRS_ACTUAL_CONTROLLER_SPOUSE_CIA')">
              <a-button>
                <a-icon type="upload" /> 上传 </a-button>
            </a-upload>
            <div class="hoverEvent" style="position:relative;width:400px;" v-for="v in crsControllerList" :key="v.id">
              <span @click="clickProject(v)">{{v.name}}</span>
            </div>
          </a-form-item>

        </a-card>
      </a-form>
    </div>
  </div>
</template>
<script>
import { saveOrUpdateUSDcoll, saveOrUpdateUSDlegal, listCusExtAttachment, saveOrUpdateCusExtAttachment, deleteCusExtAttachment, getCusExtAttachmentList } from "@/api/configApi"
import { customerCredit } from '@/data/params'
export default {
  name: 'companySupplementUpload',
  props: {
    customerNo: {
      type: String,
      default: null,
    },
    creditApplyAmount: {
      type: Number,
      default: null,
    },
    disableSubmit: {
      type: Boolean,
      default: false,
    },
    userType: {
      type: Number,
      default: null
    }
  },
  data () {
    return {
      edmoeny: 20,
      loading: false,
      placeListShow: false,
      lastyearFinanceListShow: false,
      latestListShow: false,
      transportListShow: false,
      supplierListShow: false,
      businessListShow: false,
      fileList: [],
      placeList: [],
      lastyearFinanceList: [],
      latestList: [],
      transportList: [],
      supplierList: [],
      businessList: [],
      invoiceList: [],
      tmsList: [],
      enterpriseList: [],
      actualList: [],
      crsEnterpriseList: [],
      crsLegalList: [],
      crsActualList: [],
      crsControllerList: [],
      form: this.$form.createForm(this),
      disableMixinCreated: true,
      url: {
        upload: window._CONFIG['uploadUrl'],
      },
      customerCredit: customerCredit
    }
  },
  created () {
    if (this.creditApplyAmount / 10000 < 20) {
      this.edmoeny = 20
    } else if (this.creditApplyAmount / 10000 >= 20 && this.creditApplyAmount / 10000 <= 50) {
      this.edmoeny = 50
    } else if (this.creditApplyAmount / 10000 > 50 && this.creditApplyAmount / 10000 <= 100) {
      this.edmoeny = 100
    } else if (this.creditApplyAmount / 10000 > 100) {
      this.edmoeny = 101
    } else {
      this.edmoeny = 20
    }
  },
  methods: {
    loadData () {
      // 1.BUSINESS_SUPPLEMENT（经营类补充资料） 2.ASSETS_SUPPLEMENT（资产类补充资料） 3.CREDIT_REPORT_SUPPLEMENT（信用报告类补充资料）
      let _p = { 'customerNo': this.customerNo, 'tempType': 'BUSINESS_SUPPLEMENT,ASSETS_SUPPLEMENT,CREDIT_REPORT_SUPPLEMENT' };
      getCusExtAttachmentList(_p).then(res => {
        console.log(res)
        this.placeList = [];
        this.lastyearFinanceList = [];
        this.latestList = [];
        this.transportList = [];
        this.supplierList = [];
        this.businessList = [];
        this.invoiceList = [];
        this.tmsList = [];
        this.enterpriseList = [];
        this.actualList = [];
        this.crsActualList = [];
        this.crsControllerList = [];
        this.crsEnterpriseList = [];
        this.crsLegalList = [];
        this.loadDataMore(res)
      })
    },
    normFile (e) {
      if (Array.isArray(e)) {
        return e
      }
      return e && e.fileList
    },
    selectUserHierarchy (value) { // 用户额度层级
      console.log(value)
    },
    handleCancel () {
      this.$emit('close');
    },
    // 点击文件
    clickProject (v) {
      window.open(v.fileUrl)
    },
    switchType (v, type) {
      switch (v.attachmentType) {
        /* attachmentType BUSINESS_SUPPLEMENT  经营类补充资料 */
        case "BS_PLACE_CERTIFICATE":   // 场所证明  
          if (type == 'del') {
            this.placeList = this.placeList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.placeList.push(v);
          }
          this.placeList.length < 1 ? this.placeListShow = true : this.placeListShow = false;
          break;
        case "BS_LAST_YEAR_FINANCIAL_STATEMENTS":   // 上一年度财务报表
          if (type == 'del') {
            this.lastyearFinanceList = this.lastyearFinanceList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.lastyearFinanceList.push(v);
          }
          this.lastyearFinanceList.length < 1 ? this.lastyearFinanceListShow = true : this.lastyearFinanceListShow = false;
          break;
        case "BS_LATEST_MONTHLY_REPORT":   // 最近一期月度报表
          if (type == 'del') {
            this.latestList = this.latestList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.latestList.push(v);
          }
          this.latestList.length < 1 ? this.latestListShow = true : this.latestListShow = false;
          break;
        case "BS_TRANSPORT_CAPACITY_DETAIL":   // 自有运力明细表
          if (type == 'del') {
            this.transportList = this.transportList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.transportList.push(v);
          }
          this.transportList.length < 1 ? this.transportListShow = true : this.transportListShow = false;
          break;
        case "BS_SUPPLIER_COOPERATION_AGREEMENT":   // 货源方合作协议
          if (type == 'del') {
            this.supplierList = this.supplierList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.supplierList.push(v);
          }
          this.supplierList.length < 1 ? this.supplierListShow = true : this.supplierListShow = false;
          break;
        case "BS_BUSINESS_ACCOUNT_FLOW":   // 企业账户流水
          if (type == 'del') {
            this.businessList = this.businessList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.businessList.push(v);
          }
          this.businessList.length < 1 ? this.businessListShow = true : this.businessListShow = false;
          break;
        case "BS_INVOICE_DATA":   // 开票数据
          if (type == 'del') {
            this.invoiceList = this.invoiceList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.invoiceList.push(v);
          }
          break;
        case "BS_TMS_FREIGHT_RECORD":   // TMS系统运费记录
          if (type == 'del') {
            this.tmsList = this.tmsList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.tmsList.push(v);
          }
          break;
        /* attachmentType ASSETS_SUPPLEMENT  资产类补充资料 */
        case "AS_ENTERPRISE_TITLE_DEED":   // 企业名下土地、房产证明
          if (type == 'del') {
            this.enterpriseList = this.enterpriseList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.enterpriseList.push(v);
          }
          break;
        case "AS_ACTUAL_CONTROLLER_TITLE_DEED":   // 企业实控人（或配偶）名下房产证明
          if (type == 'del') {
            this.actualList = this.actualList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.actualList.push(v);
          }
          break;
        /* attachmentType CREDIT_REPORT_SUPPLEMENT  信用报告类补充资料 */
        case "CRS_ENTERPRISE_CIA":   // 企业征信查询授权书
          if (type == 'del') {
            this.crsEnterpriseList = this.crsEnterpriseList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.crsEnterpriseList.push(v);
          }
          break;
        case "CRS_LEGAL_REPRESENTATIVE_CIA":   // 法定代表人征信查询授权书
          if (type == 'del') {
            this.crsLegalList = this.crsLegalList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.crsLegalList.push(v);
          }
          break;
        case "CRS_ACTUAL_CONTROLLER_CIA":   // 企业实控人征信查询授权书
          if (type == 'del') {
            this.transportList = this.transportList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.crsActualList.push(v);
          }
          break;
        case "CRS_ACTUAL_CONTROLLER_SPOUSE_CIA":   // 实控人配偶征信查询授权书
          if (type == 'del') {
            this.crsControllerList = this.crsControllerList.filter((item) => {
              return item.id != v.id
            })
          } else {
            this.crsControllerList.push(v);
          }
          break;
      }
    },
    setArrObj (data) {
      let obj = {};
      return data.reduce((cur, next) => {
        obj[next.id] ? "" : obj[next.id] = true && cur.push(next);
        return cur;
      }, [])
    },
    loadDataMore (res, type) {
      if (res.status.statusCode == 0) {
        console.log(res.result)
        res.result.map((v, i) => {
          this.fileList.push(v);
          this.fileList = this.setArrObj(this.fileList)
          this.switchType(v)
        })
      } else {
        this.$message.error(res.message)
      }
    },
  }
}
</script>
<style>
.hoverShow {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
.hoverEvent {
  cursor: pointer;
}
.scoped-supplement .ant-upload-list,
.opa .ant-upload-list {
  display: none;
}
.scoped-supplement .uploadVerify label::before,
.opa .uploadVerify label::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.scoped-supplement,
.opa {
  position: relative;
}
.opa {
  opacity: 0.5;
}
.scoped-supplement .loadSpin,
.opa .loadSpin {
  position: absolute;
  z-index: 10;
  top: 30%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
</style>