<template>
  <div class="bill-flowing-water">
    <div class="search">
      <div class="left" />
      <div class="right">
        <div>
          <el-input v-model="search.searchNumber" placeholder="请输入平台订单号/平台支付订单号" />
        </div>
        <div>
          <el-input v-model="search.searchNumber" placeholder="请输入对方账号/对方户名/对方行名" />
        </div>
        <div>
          <el-select v-model="search.statusCode" placeholder="请选择收支类型" clearable>
            <el-option
              v-for="item in []"
              :key="item.code"
              :label="item.name"
              :value="item.code"
            />
          </el-select>
        </div>
        <div>
          <el-select v-model="search.statusCode" placeholder="请选择业务类型" clearable>
            <el-option
              v-for="item in []"
              :key="item.code"
              :label="item.name"
              :value="item.code"
            />
          </el-select>
        </div>
        <div class="right-btn">
          <el-button type="primary" @click="fetchData('search')">查询</el-button>
        </div>
      </div>
    </div>
    <cy-comm-table
      ref="commTable"
      v-loading="loading"
      :columns="columns"
      :data="tableData"
      :count="count"
      parent-component="FinancingMain"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      search: {

      },
      count: 0,
      tableData: [],
      columns: [
        {
          label: '序号',
          index: true
        },
        {
          label: '平台订单号',
          prop: 'businessNumber',
          showTooltip: true
        },
        {
          label: '平台支付订单号',
          showTooltip: true,
          prop: 'contractNumber'
        },
        {
          label: '收支类型',
          prop: 'quotaDisburseBatch'
        },
        {
          label: '业务类型',
          prop: 'projectName',
          showTooltip: true
        },
        {
          label: '币种',
          prop: 'mainEnterpriseName',
          showTooltip: true
        },
        {
          label: '金额',
          prop: 'coreEnterpriseName',
          showTooltip: true
        },
        {
          label: '手续费',
          prop: 'platformName',
          showTooltip: true
        },
        {
          label: '对方账号',
          prop: 'financingAmount',
          showTooltip: true
        },
        {
          label: '对方户名',
          prop: 'currentStage',
          showTooltip: true
        },

        {
          label: '交易后余额',
          prop: 'financingStatus',
          showTooltip: true
        },
        {
          label: '交易状态',
          prop: 'financingStatus',
          showTooltip: true
        },
        {
          label: '附言',
          prop: 'financingStatus',
          showTooltip: true
        },
        {
          label: '交易完成时间',
          prop: 'financingStatus',
          showTooltip: true
        }

      ]
    }
  },
  methods: {
    fetchData() {}
  }
}
</script>

<style lang="scss" scoped>

</style>
