<template>
    <div style="margin-bottom: 20px;">
        <a-button type="primary">添加案例</a-button>
        <a-table style="margin-top: 10px;" :dataSource="dataSource" :pagination="pagination" 
          :columns="columns" :bordered="true" 
        />
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
    data() {
        return {
            dataSource: [],
            pagination: {
                current: 1,
                pageSize: 10,
                total: 0,
                showTotal: total => `共 ${total} 条数据`
            },
            columns: [
                {
                    title: '案例编号',
                    dataIndex: 'actNo',
                    key: 'actNo',
                },
                {
                    title: '业界实践',
                    dataIndex: 'actName',
                    key: 'actName',
                },
                {
                    title: '适用对象',
                    dataIndex: 'domain',
                    key: 'domain',
                },
                {
                    title: '执行规则',
                    dataIndex: 'domain',
                    key: 'domain',
                },
            ],
        }
    }
})
</script>