<template>
    <my-table url="/api/v1/menus" addBtn="addBtn">
        <template #search="{query}">
            <a-form-model-item label="菜单、目录名称">
                <a-input v-model="query.name" />
            </a-form-model-item>
        </template>
        <template #add>
            <a-input v-model="add.name" />
        </template>
        <a-table-column title="姓名" data-index="name" />
        <a-table-column title="操作">
            <template #default="row">
                <span>
                    <a> {{ row }}</a>
                    <a-divider type="vertical" />
                    <a>Delete</a>
                </span>
            </template>
        </a-table-column>
    </my-table>
</template>

<script>
export default {
    data: () => ({
        add: {},
        addBtn: { text: '新建', title: '菜单配置' },
    }),
};
</script>
