<!--
  @description:供应商-服务费单管理-列表-已缴费
  @Modifier: 王俊楠
  @routerPath:
  @date: 2020-11-18-21:12
-->
<template>
  <el-table
    ref="smallTable"
    v-loading="loading"
    :data="tableData"
  >
    <el-table-column
      type="index"
      label="序号"
      align="center"
      width="60"
    />
    <el-table-column
      prop="orderCode"
      label="订单编号"
      header-align="center"
      min-width="220"
    />
    <el-table-column
      :formatter="formatterOrderTotalMoney"
      prop="taxOrderTotalMoney"
      label="订单含税总额(元)"
      min-width="130"
      header-align="center"
      align="right"
    />
    <el-table-column
      prop="voucherCode"
      label="收款单号"
      header-align="center"
      min-width="180"
    />
    <el-table-column
      :formatter="formatterOrderTotalMoney"
      prop="actualChargeMoney"
      label="应收金额(元)"
      min-width="110"
      header-align="center"
      align="right"
    />
    <el-table-column
      prop="purchaseDepartName"
      label="采购单位"
      min-width="180"
      header-align="center"
    />
    <el-table-column
      prop="orderCreateTime"
      :formatter="formatterMoment"
      label="收费单生成日期"
      align="center"
      width="150"
      header-align="center"
    />
    <el-table-column
      :formatter="formatterOrderStatus"
      prop="status"
      label="状态"
      width="120"
      header-align="center"
      align="center"
    />
    <el-table-column
      :formatter="formatterOrderTotalMoney"
      prop="paidMoney"
      label="已缴金额"
      header-align="center"
      min-width="180"
    />
    <el-table-column
      prop="accountCreateTime"
      label="到账时间"
      align="center"
      width="160"
      header-align="center"
    />
    <el-table-column
      prop="payeracctno"
      label="缴费账号"
      header-align="center"
      min-width="180"
    />
    <el-table-column
      prop="payeracctname"
      label="缴费账户名"
      header-align="center"
      min-width="180"
    />
    <el-table-column
      prop="bankno"
      label="收款账号"
      header-align="center"
      align="right"
      min-width="180"
    />
    <el-table-column
      :formatter="formatterInvoiceStatus"
      prop="invoiceStatus"
      label="开票状态"
      width="120"
      header-align="center"
      align="center"
    />
    <el-table-column
      label="操作"
      align="center"
      fixed="right"
      width="80"
    >
      <template slot-scope="scope">
        <el-link
          type="primary"
          @click="navSupplierServeDetail(scope.row)"
        >
          [查看]
        </el-link>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
import { orderServeFeeMixins } from '@/views/procurement/procurementOrder/mixins/orderServeFeeMixins.js'

export default {
  name: 'WaitPayList',
  mixins: [orderServeFeeMixins],
  props: {
    tableData: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
      loading: false
    }
  },
  created() {
    this.getGroupType()
  },
  methods: {
    // 跳转服务单详情
    navSupplierServeDetail(row) {
      this.$router.push({
        name: 'ProcurementOrderServeFeeDeliverDetail',
        params: {
          voucherId: row.voucherId
        }
      })
    }
  }
}
</script>

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