catchAdmin/modules/Develop/views/dymaic/index.vue

<template>
    <div>
        <catch-table
            :columns="columns"
            :api="api"
            :search-form="search"
            row-key="id"
            :pagination="false"
        >
            <template #dialog="row">
                <Create :primary="row?.id" :api="api"/>
            </template>
        </catch-table>
    </div>
</template>

<script lang="ts" setup>
// @ts-nocheck
import Create from './create.vue'

const api = 'permissions/roles'
const columns = [
    {
        label: '角色名称',
        prop: 'role_name'
    },
    {
        label: '角色标识',
        prop: 'description'
    },
    {
        label: '角色描述',
        prop: 'role_name'
    },
    {
        label: '创建时间',
        prop: 'created_at'
    },
    {
        type: 'operate',
        label: '操作',
        width: 200
    }
];
const search = [
    {
        type: 'input',
        label: '角色名称',
        name: 'role_name'
    }
]
</script>