<template>
  <div class="accounts-receivable">
    <cy-info-title type="center">第1笔应收账款</cy-info-title>
    <cy-comm-table
      ref="commTable"
      :columns="columns"
      :data="tableData"
      :count="0"
    />
    <cy-info-title type="center">第1笔放款收放款计划</cy-info-title>
    <cy-comm-table
      ref="commTable"
      :columns="columnsChild"
      :data="tableDataChild"
      :count="0"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { userName: '1111', statusName: '2131231' },
        { userName: '1111', statusName: '2131231' }
      ],
      columns: [
        {
          label: '底层资产编号',
          prop: 'postName',
          showTooltip: true
        },
        {
          label: '贸理通底层编号',
          showTooltip: true,
          prop: 'userNumber'
        },
        {
          label: '应收账款金额',
          prop: 'userName'
        },
        {
          label: '应收账款净额',
          prop: 'userTypeName'
        },
        {
          label: '应收账款起始日',
          prop: 'otherDutyName',
          showTooltip: true
        },
        {
          label: '应收账款期限',
          prop: 'inDate'
        },
        {
          label: '应收账款到期日',
          prop: 'inDate'
        },
        {
          label: '本次付款金额',
          prop: 'inDate'
        }
      ],
      tableDataChild: [
        { userName: '1111', statusName: '2131231' },
        { userName: '1111', statusName: '2131231' }
      ],
      columnsChild: [
        {
          label: '序号',
          index: true
        },
        {
          label: '约定日期',
          prop: 'postName',
          showTooltip: true
        },
        {
          label: '金额类型',
          showTooltip: true,
          prop: 'userNumber'
        },
        {
          label: '收放款类型',
          prop: 'userName'
        },
        {
          label: '金额',
          prop: 'userTypeName'
        },
        {
          label: '实际现金流',
          prop: 'otherDutyName',
          showTooltip: true
        },
        {
          label: '收款主体',
          prop: 'inDate'
        },
        {
          label: ' 宽限期类型',
          prop: 'inDate'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.accounts-receivable {

}
</style>
