<template>
  <c-row class="eibs">
    <c-col :span="24">
      <el-table
				:data="bptbckgData"
				:columns="columns"
				:showButtonFlg="true">
				<el-table-column
					v-for="(item, key) in columns"
					:key="key"
					:label="item.label"
          :width="item.width"
				>
          <template slot-scope="scope">
            <span>{{ ['opnamt', 'bckamt'].includes(item.prop) ? moneyFormat(scope.row[item.prop], scope.row.opncur) : scope.row[item.prop] }}</span>
          </template>
        </el-table-column>
      </el-table>
    </c-col>
  </c-row>
</template>
<script>
export default {
  inject: ['root'],
  props: ['model', 'codes'],
  data() {
    return {
      columns: [
        {
          label: 'Reference',
          prop: 'ownref'
        },
        {
          label:'Cur',
          prop:'opncur'
        },
        {
          label:'Open Amount',
          prop:'opnamt'
        },
        {
          label:'Amount Paid',
          prop:'bckamt'
        },
      ]
    };
  },
  methods: {},
  computed:{
    bptbckgData(){
      return this.model.bptbck.bptbckg
    }
  },
  created: function () {},
};
</script>
<style></style>