<!--
  @description: 文件领购记录-查看—凭证
  @Modifier: wxy
  @routerPath:/procurement/procurementDrive/supplierResponse/docRecorLookVoucher
  @date: 2020-6-2 14:53:31
-->
<template>
  <div class="p0-16">
    <p class="page-title">
      1、开票信息
    </p>
    <table class="tableData">
      <tr>
        <td>发票抬头</td>
        <td>{{ invoiceVo.invoiceTitle }}</td>
        <td>发票类型</td>
        <td>  {{ invoiceVo.invoiceType === '00'?'电子发票（普通发票）':'增值税专用发票' }}</td>
      </tr>
      <tr>
        <td>纳税人识别号（统一社会信用识别码）</td>
        <td>{{ invoiceVo.taxpayerIdentificationNumber }}</td>
        <td>地址、电话</td>
        <td>{{ invoiceVo.taxpayeraddr }} </td>
      </tr>
      <tr>
        <td>开户行及账号</td>
        <td>{{ invoiceVo.bankname }}</td>
        <td>邮箱</td>
        <td>{{ invoiceVo.email }}</td>
      </tr>
    </table>
    <p class="page-title">
      2、订单支付
    </p>
    <table class="tableData">
      <tr>
        <td class="singleRow">
          标书费（元）
        </td>
        <td colspan="3">
          {{ invoiceInfo.payAmount }}
        </td>
      </tr>
      <tr>
        <td class="singleRow">
          支付方式
        </td>
        <td colspan="3">
          {{ invoiceInfo.payType==='01'?'微信支付':invoiceInfo.payType==='02'?'支付宝支付':'其他支付' }}
        </td>
      </tr>
      <tr>
        <td class="singleRow">
          附件
        </td>
        <td colspan="3">
          <downloadFile :data="upLoadData" />
        </td>
      </tr>
      <tr>
        <td class="singleRow">
          提交时间
        </td>
        <td colspan="3">
          {{ invoiceInfo.createTime }}
        </td>
      </tr>
    </table>
    <p class="page-title">
      审核信息
    </p>
    <section>
      <el-table
        ref="smallTable"
        :data="tableData"
      >
        <el-table-column
          prop="auditDate"
          label="审核时间"
          align="center"
        />
        <el-table-column
          prop="auditName"
          label="审核人"
          header-align="center"
        />
        <el-table-column
          prop="auditStatus"
          align="center"
          label="审核状态"
          header-align="center"
        >
          <template slot-scope="scope">
            <span v-if="scope.row.auditStatus === '01'">审核通过</span>
            <span v-else>审核不通过</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="auditOpinion"
          align="left"
          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_011_004'" @click="back">
            关 闭
          </gx-button>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
/* 接口*/
import { queryFeeInfo } from '@/api/procurement/procurementFee'// 获取信息
// import { saveDownloadProcfileRecord } from '@/api/procurement/procurementProtdoc'
import downloadFile from '@comp/common/updownload/downloadFile.vue'
export default {
  components: {
    downloadFile
  },
  data() {
    return {
      tableData: [],
      invoiceVo: {}, // 开票信息
      invoiceInfo: {}, // 订单方式
      upLoadData: { // 附件
        bizId: '',
        fileType: 'pay_extinfo_invoice_attachment_base'
      }
    }
  },
  created() {
    // this.initData()
  },
  methods: {
    // 查询邀请函信息
    initData() {
      queryFeeInfo().then(response => {
        this.invoiceVo = response.data.data.invoiceVo
        this.invoiceInfo.payType = response.data.data.payType
        this.invoiceInfo.payAmount = response.data.data.payAmount
        this.invoiceInfo.createTime = response.data.data.createTime
        this.tableData = response.data.auditList
      }).catch(() => {
      })
    },
    // 关闭
    back() {
      this.$router.history.go('-1')
    }
  }
}

</script>
<style lang="less" scoped>

</style>
