49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
|
<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>
|