mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-10 20:57:10 +08:00
97 lines
3.0 KiB
Vue
97 lines
3.0 KiB
Vue
<template>
|
|
<div class="gi_page">
|
|
<a-card title="代码生成" class="general-card">
|
|
<GiTable
|
|
row-key="tableName"
|
|
:data="dataList"
|
|
:columns="columns"
|
|
:loading="loading"
|
|
:scroll="{ x: '100%', y: '100%', minWidth: 1000 }"
|
|
:pagination="pagination"
|
|
:disabledTools="['size', 'setting']"
|
|
:disabledColumnKeys="['tableName']"
|
|
@refresh="search"
|
|
>
|
|
<template #custom-left>
|
|
<a-input v-model="queryForm.tableName" placeholder="请输入表名称" allow-clear @change="search">
|
|
<template #prefix><icon-search /></template>
|
|
</a-input>
|
|
<a-button @click="reset">重置</a-button>
|
|
</template>
|
|
<template #action="{ record }">
|
|
<a-space>
|
|
<a-link @click="onConfig(record.tableName, record.comment)">配置</a-link>
|
|
<a-link
|
|
:title="record.isConfiged ? '生成' : '请先进行生成配置'"
|
|
:disabled="!record.isConfiged"
|
|
@click="onPreview(record.tableName)"
|
|
>生成</a-link
|
|
>
|
|
</a-space>
|
|
</template>
|
|
</GiTable>
|
|
</a-card>
|
|
|
|
<GenConfigDrawer ref="GenConfigDrawerRef" @save-success="search" />
|
|
<GenPreviewModal ref="GenPreviewModalRef" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { listGenerator } from '@/apis'
|
|
import GenConfigDrawer from './GenConfigDrawer.vue'
|
|
import GenPreviewModal from './GenPreviewModal.vue'
|
|
import type { TableInstanceColumns } from '@/components/GiTable/type'
|
|
import { useTable } from '@/hooks'
|
|
import { isMobile } from '@/utils'
|
|
|
|
defineOptions({ name: 'Generator' })
|
|
|
|
const columns: TableInstanceColumns[] = [
|
|
{
|
|
title: '序号',
|
|
width: 66,
|
|
align: 'center',
|
|
render: ({ rowIndex }) => h('span', {}, rowIndex + 1 + (pagination.current - 1) * pagination.pageSize)
|
|
},
|
|
{ title: '表名称', dataIndex: 'tableName', width: 225 },
|
|
{ title: '描述', dataIndex: 'comment', tooltip: true },
|
|
{ title: '存储引擎', dataIndex: 'engine', align: 'center' },
|
|
{ title: '字符集', dataIndex: 'charset' },
|
|
{ title: '创建时间', dataIndex: 'createTime', width: 180 },
|
|
{ title: '操作', slotName: 'action', width: 180, align: 'center', fixed: !isMobile() ? 'right' : undefined }
|
|
]
|
|
|
|
const queryForm = reactive({
|
|
tableName: undefined,
|
|
sort: ['createTime,desc']
|
|
})
|
|
|
|
const {
|
|
tableData: dataList,
|
|
loading,
|
|
pagination,
|
|
search
|
|
} = useTable((p) => listGenerator({ ...queryForm, page: p.page, size: p.size }), { immediate: true })
|
|
|
|
// 重置
|
|
const reset = () => {
|
|
queryForm.tableName = undefined
|
|
search()
|
|
}
|
|
|
|
const GenConfigDrawerRef = ref<InstanceType<typeof GenConfigDrawer>>()
|
|
// 配置
|
|
const onConfig = (tableName: string, comment: string) => {
|
|
GenConfigDrawerRef.value?.onConfig(tableName, comment)
|
|
}
|
|
|
|
const GenPreviewModalRef = ref<InstanceType<typeof GenPreviewModal>>()
|
|
// 预览
|
|
const onPreview = (tableName: string) => {
|
|
GenPreviewModalRef.value?.onPreview(tableName)
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|