表格

src/views/auth/menu/index.vue

@@ -0,0 +1,48 @@
+<template>
+    <Table ref="tableRef" :pagination="false" />
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+defineOptions({
+    name: 'auth/menu'
+})
+const tableRef = ref()
+const tableStore = new TableStore({
+    url: '/menu',
+    column: [
+        { type: 'selection', align: 'center', width: '60' },
+        { label: '标题', prop: 'title', align: 'left' },
+        {
+            label: '图标',
+            prop: 'icon',
+            align: 'center',
+            width: '60',
+            render: 'icon',
+            default: 'fa fa-circle-o'
+        },
+        {
+            label: '操作',
+            align: 'center',
+            width: '130',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '编辑',
+                    type: 'primary',
+                    icon: 'el-icon-EditPen',
+                    render: 'tipButton'
+                }
+            ]
+        }
+    ]
+})
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    tableStore.table.ref = tableRef.value
+    tableStore.index()
+})
+</script>

src/views/auth/role.vue

@@ -0,0 +1,3 @@
+<template>
+    role
+</template>