<template>
  <div>
     <el-table
        stripe
        border
        :data="tableData">
        <table-column
        label="订单号"
        prop="orderNo">
        </table-column>
        <table-column
        label="费用名称"
        prop="feeName">
        </table-column>
        <table-column
        label="状态"
        prop="status">
          <template slot-scope="scope">
           {{ $utils.keyMatcher(scope.row.status, $keys.charging.status).name }}
          </template>
        </table-column>
        <table-column
        label="费用种类">
          <template slot-scope="scope">
            {{ $utils.keyMatcher(scope.row.feeCategory, $keys.charging.feeCategory).name }}
          </template>
        </table-column>
        <table-column
        label="收支类型">
          <template slot-scope="scope">
            {{ $utils.keyMatcher(scope.row.receivePay, $keys.charging.receivePay).name }}
          </template>
        </table-column>
        <table-column
        label="单价"
        prop="price">
        </table-column>
        <table-column
        label="计算/实际金额">
          <template slot-scope="scope">
            {{scope.row.amount}}/{{scope.row.actAmout}}
          </template>
        </table-column>
        <table-column
        label="含税/不含税金额">
          <template slot-scope="scope">
            {{scope.row.taxAmount}}/{{scope.row.noTaxAmount}}
          </template>
        </table-column>
        <table-column
        label="费用时间"
        prop="feeDate">
        </table-column>
        <table-column
        label="费用ID"
        prop="feeId">
        </table-column>
        <table-column
        label="业务量"
        prop="quantity">
        </table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  props: {
    tableData: {
      type: Array,
      default: () => []
    }
  },
  methods: {

  }
}
</script>
