<!--
  @description:供应商-不良记录解除查看弹框
  @Modifier: qrf
  @routerPath: supplierEvaluation/supplierEnterpriseAudit-list
  @date:2020/11/04-14:27
-->
<template>
  <el-dialog
    v-dialogDrag
    :visible.sync="dialogData.dialog"
    title="查看不良记录"
    width="700px"
    custom-class="el-dialog__body-p0"
  >
    <div class="main mb10">
      <table class="tableData">
        <tr>
          <td>供应商名称</td>
          <td>
            {{ supplierBadRecordingInfo.supplierName }}
          </td>
        </tr>
        <tr>
          <td>解除申请原因</td>
          <td>
            {{ supplierBadRecordingInfo.supplierName }}
          </td>
        </tr>
        <tr>
          <td>说明附件</td>
          <td>
            <downloadFile :data="upLoadData" />
          </td>
        </tr>
        <tr>
          <td>申请人</td>
          <td>
            {{ supplierBadRecordingInfo.applyPerson }}
          </td>
        </tr>
        <tr>
          <td>联系电话</td>
          <td>
            {{ supplierBadRecordingInfo.applyPersonPhone }}
          </td>
        </tr>
        <tr>
          <td>电子邮箱</td>
          <td>
            {{ supplierBadRecordingInfo.email }}
          </td>
        </tr>
      </table>
    </div>
  </el-dialog>
</template>
<script>
/* api*/
import { querySupplierRemoveBadInfo } from '@/api/supplier/supplierBad' // 获取年审费用信息
/* 公共方法*/
import downloadFile from '@comp/common/updownload/downloadFile' // 获取附件信息 下载组件
export default {
  name: 'SupplierEnterprisePayDetail',
  components: {
    downloadFile
  },
  props: {
    dialogData: {
      type: Object,
      default() {
        return {
          dialog: false
        }
      }
    }
  },
  data() {
    return {
      supplierBadRecordingInfo: {} // 年审记录表信息
    }
  },
  created() {
    this.loadData()
  },
  methods: {
    // 获取数据
    loadData() {
      querySupplierRemoveBadInfo().then(res => {
        this.tableData = res.data.records
      })
    }
  }
}
</script>
