<template>
    <div class="receiver-account">
        <div class="bar">
            <el-button type="primary" @click="handleAdd">添加</el-button>
            <el-button type="primary" @click="handleModify">编辑</el-button>
            <el-button type="danger" @click="handleEnable">启用</el-button>
            <el-button type="danger" @click="handleDisable">禁用</el-button>
            <el-button type="primary" @click="handleExport">导出</el-button>
        </div>
         <ReceiverAccountTable :table-data="tableTree" :columns="tableColumnsOptions" row-key="id" ref="tableRef"></ReceiverAccountTable>
    </div>
</template>
<script setup lang="ts">
//组件
import ReceiverAccountTable from '@/components/common/Table.vue'
import { tableColumns } from './options'


//表格数据
const tableRef = ref()
const tableColumnsOptions = ref(tableColumns)
const tableTree = ref([])
</script>
<style scoped>
.receiver-account {
    .bar {
        margin-bottom: 10px;
        display: flex;
        align-items: center;

        span {
            margin-right: 10px;
        }
    }

}
</style>
