<!--
  @description:供应商-不良记录查询-查看解除申请弹框
  @Modifier: qrf
  @routerPath:
  @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>
            {{ supplierBadDismissInfo.supplierName }}
          </td>
        </tr>
        <tr>
          <td>解除原因</td>
          <td>
            {{ supplierBadDismissInfo.removalReason }}
          </td>
        </tr>
        <tr>
          <td>说明附件</td>
          <td>
            1
          </td>
        </tr>
        <tr>
          <td>申请人</td>
          <td>
            {{ supplierBadDismissInfo.contactPerson }}
          </td>
        </tr>
        <tr>
          <td>联系电话</td>
          <td>
            {{ supplierBadDismissInfo.contactPersonPhone }}
          </td>
        </tr>
        <tr>
          <td>电子邮件</td>
          <td>
            {{ supplierBadDismissInfo.email }}
          </td>
        </tr>
      </table>
    </div>
  </el-dialog>
</template>
<script>
/* api*/
import { queryBadSearchDetailDialog } from '@/api/supplier/supplierBad' // 获取年审费用信息
export default {
  name: 'SupplierBadSearchDetail',
  props: {
    dialogData: {
      type: Object,
      default() {
        return {
          dialog: false
        }
      }
    }
  },
  data() {
    return {
      supplierBadDismissInfo: {} // 年审记录表信息
    }
  },
  created() {
    this.loadData()
  },
  methods: {
    // 获取数据
    loadData() {
      queryBadSearchDetailDialog().then(res => {
        this.tableData = res.data.records
      })
    }
  }
}
</script>

