<!--
  @description:供应商审核查看
  @Modifier:gmy
  @routerPath:/procurement/procurementDriveSupplier/procurementBiddingAudit
  @date:2020/8/11-11:21
-->
<template>
  <div>
    <el-form
      v-if="JSON.stringify(projectData)!=='{}'"
      ref="form"
      :model="projectData"
    >
      <p class="page-title">
        1.采购项目概况
      </p>
      <table class="tableData mb16">
        <tr>
          <td>
            <p>采购项目名称</p>
          </td>
          <td>
            <p>{{ projectData.tenderName }}</p>
          </td>
          <td>
            <p>采购项目编号</p>
          </td>
          <td>
            <p>{{ projectData.tenderNo }}</p>
          </td>
        </tr>
        <tr>
          <td>
            <P>公告标题</P>
          </td>
          <td colspan="3">
            <p>{{ projectData.title }}</p>
          </td>
        </tr>
        <tr>
          <td>
            <P>采购单位</P>
          </td>
          <td colspan="3">
            <p>{{ projectData.projectBuyersName }}</p>
          </td>
        </tr>
        <tr>
          <td>
            <P>公告发布时间</P>
          </td>
          <td>
            <p v-if="projectData.publishTime">
              {{ $Moment(projectData.publishTime).format(momentDateTime) }}
            </p>
          </td>
          <td>
            <P>报价截止时间</P>
          </td>
          <td>
            <p v-if="projectData.quoteEndTime">
              {{ $Moment(projectData.quoteEndTime).format(momentDateTime) }}
            </p>
          </td>
        </tr>
        <tr v-if="isAuditInfo">
          <td>
            <P>报价时长</P>
          </td>
          <td colspan="3">
            <p>{{ projectCaseData.publishTime }}</p>
          </td>
        </tr>
      </table>
      <p class="page-title">
        2.报名信息
      </p>
      <table class="tableData">
        <tr>
          <td>
            <p>单位名称</p>
          </td>
          <td>
            <p>{{ projectData.supplierName }}</p>
          </td>
          <td>
            <p>联系人</p>
          </td>
          <td>
            <p>{{ projectData.linker }}</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>联系电话</p>
          </td>
          <td>
            <p>{{ projectData.linkerTel }}</p>
          </td>
          <td>
            <p>邮箱</p>
          </td>
          <td>
            <p>{{ projectData.linkerEmail }}</p>
          </td>
        </tr>
      <!--<tr>-->
        <!--<td>-->
        <!--<el-form-item label="附件" />-->
        <!--</td>-->
        <!--<td colspan="3">-->
        <!--<downloadFile :data="principalData" :down-load="true" />-->
        <!--</td>-->
      <!--</tr>-->
      </table>
    </el-form>
    <!-- 审核信息 -->
    <auditInfoComp v-if="procurementSignUpAuditList.length>0 && isAuditInfo" :audit-list="procurementSignUpAuditList" />
  </div>
</template>

<script>
// 公共 方法
import { procurementContactsApplyMinxs } from '../mixins/procurementContactsApplyMixins'
import { procurementGroupMixins } from '@/views/procurement/mixins/procurementGrounpMixins' // 公共字典
// 引入审核组件
import auditInfoComp from '@/views/procurement/components/procurementAuditComp/procurementAuditComp-detail'
// import downloadFile from '@comp/common/updownload/downloadFile'// 文件下载组件
// vuex
import { mapGetters } from 'vuex'
export default {
  name: 'ProcurementProjectAdd',
  inject: ['getTenderBase'],
  components: {
    auditInfoComp // 审核信息组件
    // downloadFile // 文件回显组件
  },
  mixins: [procurementGroupMixins, procurementContactsApplyMinxs],
  props: {
    // 项目信息
    projectData: {
      type: Object,
      default: () => {
        return {}
      }
    },
    // 审核信息
    procurementSignUpAuditList: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      loading: true,
      isAuditInfo: false, // 是否展示竞价
      tenderBaer: this.getTenderBase() // 获取项目信息

    }
  },
  computed: {
    /* language 国际化*/
    ...mapGetters(['language'])
  },
  watch: {
  },
  created() {
    this.isAuditInfo = this.tenderBaer.tenderMethod === '14'
    this.principalData.bizId = this.projectData.signUpId // 获取附件回显的主键id
  },
  methods: {
    // 返回
    back() {
      this.$router.push({
        path: '/procurement/procurementSupplier'
      })
    }
  }
}
</script>

<style lang="less" scoped>

  /deep/.show-word-limit-padding{
    .el-input__inner{
      padding-right: 70px;
    }
  }
</style>
