初始化项目，自 v1.7.1 版本开始

src/views/infra/codegen/index.vue

@@ -0,0 +1,107 @@
+<template>
+  <ContentWrap>
+    <!-- 列表 -->
+    <XTable @register="registerTable">
+      <template #toolbar_buttons>
+        <!-- 操作：导入 -->
+        <XButton
+          type="primary"
+          preIcon="ep:zoom-in"
+          :title="t('action.import')"
+          v-hasPermi="['infra:codegen:create']"
+          @click="openImportTable()"
+        />
+      </template>
+      <template #actionbtns_default="{ row }">
+        <!-- 操作：预览 -->
+        <XTextButton
+          preIcon="ep:view"
+          :title="t('action.preview')"
+          v-hasPermi="['infra:codegen:query']"
+          @click="handlePreview(row)"
+        />
+        <!-- 操作：编辑 -->
+        <XTextButton
+          preIcon="ep:edit"
+          :title="t('action.edit')"
+          v-hasPermi="['infra:codegen:update']"
+          @click="handleUpdate(row.id)"
+        />
+        <!-- 操作：删除 -->
+        <XTextButton
+          preIcon="ep:delete"
+          :title="t('action.del')"
+          v-hasPermi="['infra:codegen:delete']"
+          @click="deleteData(row.id)"
+        />
+        <!-- 操作：同步 -->
+        <XTextButton
+          preIcon="ep:refresh"
+          :title="t('action.sync')"
+          v-hasPermi="['infra:codegen:update']"
+          @click="handleSynchDb(row)"
+        />
+        <!-- 操作：生成 -->
+        <XTextButton
+          preIcon="ep:download"
+          :title="t('action.generate')"
+          v-hasPermi="['infra:codegen:download']"
+          @click="handleGenTable(row)"
+        />
+      </template>
+    </XTable>
+  </ContentWrap>
+  <!-- 弹窗：导入表 -->
+  <ImportTable ref="importRef" @ok="reload()" />
+  <!-- 弹窗：预览代码 -->
+  <Preview ref="previewRef" />
+</template>
+<script setup lang="ts" name="Codegen">
+import download from '@/utils/download'
+import * as CodegenApi from '@/api/infra/codegen'
+import { CodegenTableVO } from '@/api/infra/codegen/types'
+import { allSchemas } from './codegen.data'
+import { ImportTable, Preview } from './components'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+const { push } = useRouter() // 路由跳转
+// 列表相关的变量
+const [registerTable, { reload, deleteData }] = useXTable({
+  allSchemas: allSchemas,
+  getListApi: CodegenApi.getCodegenTablePageApi,
+  deleteApi: CodegenApi.deleteCodegenTableApi
+})
+
+// 导入操作
+const importRef = ref()
+const openImportTable = () => {
+  importRef.value.show()
+}
+// 预览操作
+const previewRef = ref()
+const handlePreview = (row: CodegenTableVO) => {
+  previewRef.value.show(row)
+}
+// 编辑操作
+const handleUpdate = (rowId: number) => {
+  push('/codegen/edit?id=' + rowId)
+}
+// 同步操作
+const handleSynchDb = (row: CodegenTableVO) => {
+  // 基于 DB 同步
+  const tableName = row.tableName
+  message
+    .confirm('确认要强制同步' + tableName + '表结构吗?', t('common.reminder'))
+    .then(async () => {
+      await CodegenApi.syncCodegenFromDBApi(row.id)
+      message.success('同步成功')
+    })
+}
+
+// 生成代码操作
+const handleGenTable = async (row: CodegenTableVO) => {
+  const res = await CodegenApi.downloadCodegenApi(row.id)
+  download.zip(res, 'codegen-' + row.className + '.zip')
+}
+</script>