38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<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>
|