<!--
  @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="voucherCode"
      label="收款编号"
      header-align="center"
      width="180"
    />
    <el-table-column
      :formatter="formatterOrderTotalMoney"
      prop="voucherMoney"
      label="收款总金额（元）"
      min-width="120"
      header-align="center"
      align="right"
    />
    <el-table-column
      prop="createTime"
      :formatter="formatterMoment"
      label="收费单生成日期"
      align="center"
      width="150"
      header-align="center"
    />
    <el-table-column
      prop="accountOpeningBank"
      label="收款银行"
      align="center"
      min-width="220"
      header-align="center"
    />
    <el-table-column
      prop="bankName"
      label="收款账户名"
      align="center"
      min-width="220"
      header-align="center"
    />
    <el-table-column
      prop="bankno"
      label="收款账号"
      align="center"
      min-width="200"
      header-align="center"
    />
    <el-table-column
      :formatter="formatterVoucherStatus"
      prop="status"
      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.id
        }
      })
    }
  }
}
</script>

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