<!--
@description: 下一轮供应商信息组件
@Modifier: gaoMy
@date: 2020-8-12 14:26:15
-->
<template>
  <table class="tableData">
    <tr>
      <td v-if="nextStageInfo.quoteEndTime">
        <span>报价截止时间</span>
      </td>
      <td v-if="nextStageInfo.quoteEndTime">
        <span>{{ nextStageInfo.quoteEndTime }}</span>
      </td>
      <td>
        <span>是否最终轮次</span>
      </td>
      <td colspan="nextStageInfo.quoteEndTime ? '1' : '3'">
        <span v-if="nextStageInfo.isLast === '00'">否</span>
        <span v-if="nextStageInfo.isLast === '01'">是</span>
      </td>
    </tr>
    <tr>
      <td>
        <span>入围供应商</span>
      </td>
      <td colspan="3">
        <span>{{ nextStageInfo.selectedSuppliers }}</span>
      </td>
    </tr>
    <tr>
      <td>
        <span>报价说明文件</span>
      </td>
      <td colspan="3">
        <downloadFile :data="responseAttachFile" :dis-block="'block'" />
      </td>
    </tr>
    <tr>
      <td>
        <span>谈判说明</span>
      </td>
      <td colspan="3">
        {{ nextStageInfo.negotiationsThat }}
      </td>
    </tr>
  </table>
</template>

<script>
/* 组件*/
import downloadFile from '@comp/common/updownload/downloadFile' // 上传文件反显
export default {
  name: 'ProcurementOfferTableComp',
  components: {
    downloadFile
  },
  props: {
    // 弹框展示状态
    nextStageInfo: {
      type: Object,
      default: function() {
        return {}
      }
    }
  },
  data() {
    return {
      responseAttachFile: {
        bizId: this.nextStageInfo.bizId,
        fileType: this.nextStageInfo.fileType
      }
    }
  },
  computed: {},
  watch: {
    nextStageInfo: {
      handler(newVal, oldVal) {
        this.responseAttachFile.bizId = newVal.bizId
      },
      deep: true
    }
  },
  methods: {
  }
}
</script>

<style scoped>
  .evaluationBottom  {
    width: 100%;
    margin: 20px 0;
  }
  .evaluationBottom  td {
    border: 1px solid #E0E0E0;
    line-height: 20px;
    padding: 9px 10px;
  }
  .evaluationBottom  tr td:nth-child(odd) {
    background-color: #F5F7F9;
    width: 5%;
  }
  .evaluationBottom  tr td:nth-child(even) {
    width: 34%;
  }
  .evaluationBottom  tr.singleRow td:nth-child(odd) {
    background-color: #F5F7F9;
    width: 6.5%;
  }
  .evaluationBottom  tr.singleRow td:nth-child(even) {
    width: calc(100%-6.5%);
  }
</style>
