<!--
  @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>
            {{ supplierBadRecordingInfo.badSource }}
          </td>
        </tr>
        <tr>
          <td>供应商名称</td>
          <td>
            {{ supplierBadRecordingInfo.supplierName }}
          </td>
        </tr>
        <tr>
          <td>处罚意见</td>
          <td>
            {{ supplierBadRecordingInfo.penaltyOpinions }}
          </td>
        </tr>
        <tr>
          <td>处罚意见</td>
          <td>
            {{ supplierBadRecordingInfo.badReason }}
          </td>
        </tr>
        <tr>
          <td>处罚期限</td>
          <td>
            {{ supplierBadRecordingInfo.penaltyPeriod }}
          </td>
        </tr>
        <tr>
          <td>处罚范围</td>
          <td>
            {{ supplierBadRecordingInfo.penaltyScope }}
          </td>
        </tr>
        <tr>
          <td>关联订单</td>
          <td>
            {{ supplierBadRecordingInfo.associatedOrder }}
          </td>
        </tr>
        <tr>
          <td>事件说明</td>
          <td>
            {{ supplierBadRecordingInfo.eventDescription }}
          </td>
        </tr>
      </table>
    </div>
  </el-dialog>
</template>
<script>
/* api*/
import { querySupplierBadRecording } from '@/api/supplier/supplierBad' // 获取年审费用信息
export default {
  name: 'SupplierEnterprisePayDetail',
  props: {
    dialogData: {
      type: Object,
      default() {
        return {
          dialog: false
        }
      }
    }
  },
  data() {
    return {
      supplierBadRecordingInfo: {} // 年审记录表信息
    }
  },
  created() {
    this.loadData()
  },
  methods: {
    // 获取数据
    loadData() {
      querySupplierBadRecording().then(res => {
        this.tableData = res.data.records
      })
    }
  }
}
</script>
