<!--
   @Description: 联系人信息-报名情况-不审核-竞价类/非竞价类
   @Author: wxy
   @Date: 2020-06-03 15:29:42
   @routerPath:/procurement/procurementDrive/supplierResponse/contactInfoNoAudit
-->
<template>
  <div class="main">
    <p class="page-title">
      1、采购项目情况
    </p>
    <table class="tableData mb16">
      <tr>
        <td>采购项目名称</td>
        <td>
          {{ immediatelyQuotedPriceVo.tenderName }}
        </td>
        <td>采购项目编号</td>
        <td>
          {{ immediatelyQuotedPriceVo.tenderNo }}
        </td>
      </tr>
      <tr>
        <td>公告标题</td>
        <td colspan="3">
          {{ immediatelyQuotedPriceVo.title }}
        </td>
      </tr>
      <tr>
        <td>采购单位</td>
        <td colspan="3">
          {{ immediatelyQuotedPriceVo.projectBuyersName }}
        </td>
      </tr>
      <tr>
        <td>公告发布时间</td>
        <td>{{ immediatelyQuotedPriceVo.publishTime }}</td>
        <td>报价截止时间</td>
        <td>
          {{ immediatelyQuotedPriceVo.quoteEndTime && $Moment(immediatelyQuotedPriceVo.quoteEndTime).format(momentDateTime) }}
        </td>
      </tr>
    </table>
    <p class="page-title">
      2、联系人信息
    </p>
    <table class="tableData mb16">
      <tr>
        <td>单位名称</td>
        <td>{{ immediatelyQuotedPriceVo.supplierName }}</td>
        <td>联系人</td>
        <td>{{ immediatelyQuotedPriceVo.linker }}</td>
      </tr>
      <tr>
        <td>联系电话</td>
        <td>{{ immediatelyQuotedPriceVo.linkerTel }}</td>
        <td>邮箱</td>
        <td>{{ immediatelyQuotedPriceVo.linkerEmail }}</td>
      </tr>
      <!-- <tr>
        <td>附件</td>
        <td colspan="3">
          <downloadFile :data="upLoadData" :down-load-click="down" />
        </td>
      </tr> -->
    </table>
    <p v-if="immediatelyQuotedPriceVo.tenderMethod === '14'||immediatelyQuotedPriceVo.tenderMethod==='15'" class="page-title">
      3、响应条件
    </p>
    <section v-if="immediatelyQuotedPriceVo.tenderMethod === '14'||immediatelyQuotedPriceVo.tenderMethod==='15'">
      <el-table
        ref="smallTable"
        :data="signUpList"
      >
        <el-table-column
          type="index"
          label="序号"
          width="60"
          align="center"
        />
        <el-table-column
          prop="conditionName"
          label="响应条件名称"
          header-align="center"
        />
        <el-table-column
          prop="conditionContent"
          align="left"
          label="响应条件内容"
          header-align="center"
        />
        <el-table-column
          prop="conditionState"
          align="center"
          label="响应情况"
          header-align="center"
        />
        <el-table-column
          prop="businesslicence"
          align="remark"
          label="备注"
          header-align="center"
        />
      </el-table>
    </section>
    <!--操作按钮-->
    <div class="but_footer">
      <div class="but_footer-h">
        <div class="but_footer-but">
          <gx-button :code="'001_010_003'" @click="close">
            关 闭
          </gx-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/** api */
import { immediatelyQuotedPrice } from '@/api/procurement/procurementSignup'
// import downloadFile from '@comp/common/updownload/downloadFile.vue' // 附件组件
export default {
  inject: ['getTenderBase'],
  components: {
    // downloadFile
  },
  data() {
    return {
      immediatelyQuotedPriceVo: {}, // 采购项目详情
      upLoadData: { // 附件
        bizId: this.$route.query.data.id,
        fileType: 'pro_procurement_signUp_attachment_base'
      },
      signUpList: [], // 响应情况
      tenderBase: this.getTenderBase() // 获取项目信息
    }
  },
  created() {
    // 查询邀请函信息
    this.initData()
  },
  methods: {
    // 获取邀请函信息
    initData() {
      const data = {
        packId: this.tenderBase.packId,
        supplierId: this.$route.query.data.supplierId
      }
      immediatelyQuotedPrice(data).then(res => {
        this.immediatelyQuotedPriceVo = { ...res.data.immediatelyQuotedPriceVo }
        this.signUpList = res.data.signUpConditionVoList
      })
    },
    down() {
    },
    // 关闭
    close() {
      this.$router.push({ path: '/procurement/procurementDrive/supplierResponse/contactInfoNoAuditList'
      })
    }
  }
}
</script>

<style>

</style>
