From ff166fb6c3ec54fa2448dfc72994d05794283916 Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Tue, 8 Apr 2025 18:30:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=A3=E7=A0=81=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/routes/modules/local.ts        |  43 +--
 .../codegen/components/BasicInfoForm.vue      |  67 ++--
 .../codegen/components/ColumInfoForm.vue      | 101 +++---
 .../codegen/components/GenerateInfoForm.vue   | 324 +++++++++---------
 .../web-antd/src/views/infra/codegen/edit.vue |  23 +-
 .../src/views/infra/codegen/index.vue         |   2 +-
 6 files changed, 272 insertions(+), 288 deletions(-)

diff --git a/apps/web-antd/src/router/routes/modules/local.ts b/apps/web-antd/src/router/routes/modules/local.ts
index 999972ea2..ff06b80c2 100644
--- a/apps/web-antd/src/router/routes/modules/local.ts
+++ b/apps/web-antd/src/router/routes/modules/local.ts
@@ -1,28 +1,6 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-import { $t } from '#/locales';
-
 const routes: RouteRecordRaw[] = [
-  {
-    meta: {
-      icon: 'ic:baseline-view-in-ar',
-      keepAlive: true,
-      order: 1000,
-      title: $t('demos.title'),
-    },
-    name: 'Demos',
-    path: '/demos',
-    children: [
-      {
-        meta: {
-          title: $t('demos.antd'),
-        },
-        name: 'AntDesignDemos',
-        path: '/demos/ant-design',
-        component: () => import('#/views/demos/antd/index.vue'),
-      },
-    ],
-  },
   {
     path: '/codegen',
     name: 'CodegenEdit',
@@ -30,18 +8,19 @@ const routes: RouteRecordRaw[] = [
       icon: 'ic:baseline-view-in-ar',
       keepAlive: true,
       order: 1000,
-      title: $t('demos.title'),
+      title: '代码生成',
+      hideInMenu: true,
     },
     children: [
-      // {
-      //   path: 'codegen/edit',
-      //   name: 'InfraCodegenEdit',
-      //   component: () => import('#/views/infra/codegen/edit.vue'),
-      //   meta: {
-      //     title: '修改生成配置',
-      //     activeMenu: '/infra/codegen',
-      //   },
-      // },
+      {
+        path: '/codegen/edit',
+        name: 'InfraCodegenEdit',
+        component: () => import('#/views/infra/codegen/edit.vue'),
+        meta: {
+          title: '修改生成配置',
+          activeMenu: '/infra/codegen',
+        },
+      },
     ],
   },
 ];
diff --git a/apps/web-antd/src/views/infra/codegen/components/BasicInfoForm.vue b/apps/web-antd/src/views/infra/codegen/components/BasicInfoForm.vue
index 4c315e9bf..c5af46640 100644
--- a/apps/web-antd/src/views/infra/codegen/components/BasicInfoForm.vue
+++ b/apps/web-antd/src/views/infra/codegen/components/BasicInfoForm.vue
@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 
-import { QuestionCircleFilled } from '@vben/icons';
+import { CircleHelp } from '@vben/icons';
+import { Col, Form, FormItem, Input, Row, Textarea, Tooltip } from 'ant-design-vue';
 
 import { ref, unref, watch } from 'vue';
 
@@ -52,44 +53,44 @@ defineExpose({
 });
 </script>
 <template>
-  <a-form ref="formRef" :model="formData" :rules="rules" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
-    <a-row :gutter="16">
-      <a-col :span="12">
-        <a-form-item label="表名称" name="tableName">
-          <a-input v-model:value="formData.tableName" placeholder="请输入仓库名称" />
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item label="表描述" name="tableComment">
-          <a-input v-model:value="formData.tableComment" placeholder="请输入" />
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item name="className">
+  <Form ref="formRef" :model="formData" :rules="rules" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
+    <Row :gutter="16">
+      <Col :span="12">
+        <FormItem label="表名称" name="tableName">
+          <Input v-model:value="formData.tableName" placeholder="请输入仓库名称" />
+        </FormItem>
+      </Col>
+      <Col :span="12">
+        <FormItem label="表描述" name="tableComment">
+          <Input v-model:value="formData.tableComment" placeholder="请输入" />
+        </FormItem>
+      </Col>
+      <Col :span="12">
+        <FormItem name="className">
           <template #label>
             <span>
               实体类名称
-              <a-tooltip
+              <Tooltip
                 title="默认去除表名的前缀。如果存在重复，则需要手动添加前缀，避免 MyBatis 报 Alias 重复的问题。"
                 placement="top"
               >
-                <QuestionCircleFilled />
-              </a-tooltip>
+                <CircleHelp />
+              </Tooltip>
             </span>
           </template>
-          <a-input v-model:value="formData.className" placeholder="请输入" />
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item label="作者" name="author">
-          <a-input v-model:value="formData.author" placeholder="请输入" />
-        </a-form-item>
-      </a-col>
-      <a-col :span="24">
-        <a-form-item label="备注" name="remark">
-          <a-textarea v-model:value="formData.remark" :rows="3" />
-        </a-form-item>
-      </a-col>
-    </a-row>
-  </a-form>
+          <Input v-model:value="formData.className" placeholder="请输入" />
+        </FormItem>
+      </Col>
+      <Col :span="12">
+        <FormItem label="作者" name="author">
+          <Input v-model:value="formData.author" placeholder="请输入" />
+        </FormItem>
+      </Col>
+      <Col :span="24">
+        <FormItem label="备注" name="remark">
+          <Textarea v-model:value="formData.remark" :rows="3" />
+        </FormItem>
+      </Col>
+    </Row>
+  </Form>
 </template>
diff --git a/apps/web-antd/src/views/infra/codegen/components/ColumInfoForm.vue b/apps/web-antd/src/views/infra/codegen/components/ColumInfoForm.vue
index ff94ef078..b1051e543 100644
--- a/apps/web-antd/src/views/infra/codegen/components/ColumInfoForm.vue
+++ b/apps/web-antd/src/views/infra/codegen/components/ColumInfoForm.vue
@@ -2,23 +2,25 @@
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 import type { SystemDictTypeApi } from '#/api/system/dict/type';
 
+import { Checkbox, Input, Select, SelectOption, Table } from 'ant-design-vue';
+
 import { getSimpleDictTypeList } from '#/api/system/dict/type';
 import { computed, onMounted, ref, watch } from 'vue';
 
 defineOptions({ name: 'InfraCodegenColumInfoForm' });
 
+const props = defineProps<Props>();
+
 interface Props {
   columns?: InfraCodegenApi.CodegenColumn[];
 }
 
-const props = defineProps<Props>();
-
 const formData = ref<InfraCodegenApi.CodegenColumn[]>([]);
 const tableHeight = computed(() => document.documentElement.scrollHeight - 350);
 const dictOptions = ref<SystemDictTypeApi.SystemDictType[]>([]);
 
 // 表格列定义
-const columns = [
+const tableColumns = [
   { title: '字段列名', dataIndex: 'columnName', width: 100 },
   { title: '字段描述', dataIndex: 'columnComment', width: 100 },
   { title: '物理类型', dataIndex: 'dataType', width: 100 },
@@ -62,74 +64,73 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <a-table
-    ref="tableRef"
+  <Table
     :data-source="formData"
-    :columns="columns"
+    :columns="tableColumns"
     :scroll="{ y: tableHeight }"
     :pagination="false"
     row-key="columnId"
   >
-    <template #bodyCell="{ column, text, record }">
+    <template #bodyCell="{ column, record }">
       <template v-if="column.dataIndex === 'columnComment'">
-        <a-input v-model:value="record.columnComment" />
+        <Input v-model:value="record.columnComment" />
       </template>
       <template v-else-if="column.dataIndex === 'javaType'">
-        <a-select v-model:value="record.javaType" style="width: 100%">
-          <a-select-option value="Long">Long</a-select-option>
-          <a-select-option value="String">String</a-select-option>
-          <a-select-option value="Integer">Integer</a-select-option>
-          <a-select-option value="Double">Double</a-select-option>
-          <a-select-option value="BigDecimal">BigDecimal</a-select-option>
-          <a-select-option value="LocalDateTime">LocalDateTime</a-select-option>
-          <a-select-option value="Boolean">Boolean</a-select-option>
-        </a-select>
+        <Select v-model:value="record.javaType" style="width: 100%">
+          <SelectOption value="Long">Long</SelectOption>
+          <SelectOption value="String">String</SelectOption>
+          <SelectOption value="Integer">Integer</SelectOption>
+          <SelectOption value="Double">Double</SelectOption>
+          <SelectOption value="BigDecimal">BigDecimal</SelectOption>
+          <SelectOption value="LocalDateTime">LocalDateTime</SelectOption>
+          <SelectOption value="Boolean">Boolean</SelectOption>
+        </Select>
       </template>
       <template v-else-if="column.dataIndex === 'javaField'">
-        <a-input v-model:value="record.javaField" />
+        <Input v-model:value="record.javaField" />
       </template>
       <template v-else-if="column.dataIndex === 'createOperation'">
-        <a-checkbox v-model:checked="record.createOperation" />
+        <Checkbox v-model:checked="record.createOperation" />
       </template>
       <template v-else-if="column.dataIndex === 'updateOperation'">
-        <a-checkbox v-model:checked="record.updateOperation" />
+        <Checkbox v-model:checked="record.updateOperation" />
       </template>
       <template v-else-if="column.dataIndex === 'listOperationResult'">
-        <a-checkbox v-model:checked="record.listOperationResult" />
+        <Checkbox v-model:checked="record.listOperationResult" />
       </template>
       <template v-else-if="column.dataIndex === 'listOperation'">
-        <a-checkbox v-model:checked="record.listOperation" />
+        <Checkbox v-model:checked="record.listOperation" />
       </template>
       <template v-else-if="column.dataIndex === 'listOperationCondition'">
-        <a-select v-model:value="record.listOperationCondition" style="width: 100%">
-          <a-select-option value="=">=</a-select-option>
-          <a-select-option value="!=">!=</a-select-option>
-          <a-select-option value=">">></a-select-option>
-          <a-select-option value=">=">>=</a-select-option>
-          <a-select-option value="<"><</a-select-option>
-          <a-select-option value="<="><=</a-select-option>
-          <a-select-option value="LIKE">LIKE</a-select-option>
-          <a-select-option value="BETWEEN">BETWEEN</a-select-option>
-        </a-select>
+        <Select v-model:value="record.listOperationCondition" style="width: 100%">
+          <SelectOption value="=">=</SelectOption>
+          <SelectOption value="!=">!=</SelectOption>
+          <SelectOption value=">">&gt;</SelectOption>
+          <SelectOption value=">=">&gt;=</SelectOption>
+          <SelectOption value="<">&lt;</SelectOption>
+          <SelectOption value="<=">&lt;=</SelectOption>
+          <SelectOption value="LIKE">LIKE</SelectOption>
+          <SelectOption value="BETWEEN">BETWEEN</SelectOption>
+        </Select>
       </template>
       <template v-else-if="column.dataIndex === 'nullable'">
-        <a-checkbox v-model:checked="record.nullable" />
+        <Checkbox v-model:checked="record.nullable" />
       </template>
       <template v-else-if="column.dataIndex === 'htmlType'">
-        <a-select v-model:value="record.htmlType" style="width: 100%">
-          <a-select-option value="input">文本框</a-select-option>
-          <a-select-option value="textarea">文本域</a-select-option>
-          <a-select-option value="select">下拉框</a-select-option>
-          <a-select-option value="radio">单选框</a-select-option>
-          <a-select-option value="checkbox">复选框</a-select-option>
-          <a-select-option value="datetime">日期控件</a-select-option>
-          <a-select-option value="imageUpload">图片上传</a-select-option>
-          <a-select-option value="fileUpload">文件上传</a-select-option>
-          <a-select-option value="editor">富文本控件</a-select-option>
-        </a-select>
+        <Select v-model:value="record.htmlType" style="width: 100%">
+          <SelectOption value="input">文本框</SelectOption>
+          <SelectOption value="textarea">文本域</SelectOption>
+          <SelectOption value="select">下拉框</SelectOption>
+          <SelectOption value="radio">单选框</SelectOption>
+          <SelectOption value="checkbox">复选框</SelectOption>
+          <SelectOption value="datetime">日期控件</SelectOption>
+          <SelectOption value="imageUpload">图片上传</SelectOption>
+          <SelectOption value="fileUpload">文件上传</SelectOption>
+          <SelectOption value="editor">富文本控件</SelectOption>
+        </Select>
       </template>
       <template v-else-if="column.dataIndex === 'dictType'">
-        <a-select
+        <Select
           v-model:value="record.dictType"
           allow-clear
           show-search
@@ -137,14 +138,14 @@ onMounted(async () => {
           style="width: 100%"
           :filter-option="filterOption"
         >
-          <a-select-option v-for="dict in dictOptions" :key="dict.id" :value="dict.type">
+          <SelectOption v-for="dict in dictOptions" :key="dict.id" :value="dict.type">
             {{ dict.name }}
-          </a-select-option>
-        </a-select>
+          </SelectOption>
+        </Select>
       </template>
       <template v-else-if="column.dataIndex === 'example'">
-        <a-input v-model:value="record.example" />
+        <Input v-model:value="record.example" />
       </template>
     </template>
-  </a-table>
+  </Table>
 </template>
diff --git a/apps/web-antd/src/views/infra/codegen/components/GenerateInfoForm.vue b/apps/web-antd/src/views/infra/codegen/components/GenerateInfoForm.vue
index 64a83674c..ef20fbc65 100644
--- a/apps/web-antd/src/views/infra/codegen/components/GenerateInfoForm.vue
+++ b/apps/web-antd/src/views/infra/codegen/components/GenerateInfoForm.vue
@@ -2,7 +2,9 @@
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 import type { SystemMenuApi } from '#/api/system/menu';
 
-import { QuestionCircleFilled } from '@vben/icons';
+import { CircleHelp } from '@vben/icons';
+import { Col, Divider, Form, FormItem, Input, Row, Select, SelectOption, Tooltip, TreeSelect } from 'ant-design-vue';
+
 import { getCodegenTableList } from '#/api/infra/codegen';
 import { getSimpleMenusList } from '#/api/system/menu';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
@@ -10,13 +12,13 @@ import { onMounted, ref, unref, watch } from 'vue';
 
 defineOptions({ name: 'InfraCodegenGenerateInfoForm' });
 
+const props = defineProps<Props>();
+
 interface Props {
   columns?: InfraCodegenApi.CodegenColumn[];
   table?: InfraCodegenApi.CodegenTable;
 }
 
-const props = defineProps<Props>();
-
 const formRef = ref();
 const formData = ref<InfraCodegenApi.CodegenTable>({} as InfraCodegenApi.CodegenTable);
 const subColumns = ref<InfraCodegenApi.CodegenColumn[]>([]);
@@ -97,54 +99,54 @@ defineExpose({
 </script>
 
 <template>
-  <a-form ref="formRef" :model="formData" :rules="rules" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
-    <a-row :gutter="16">
-      <a-col :span="12">
-        <a-form-item label="生成模板" name="templateType">
-          <a-select v-model:value="formData.templateType">
-            <a-select-option
+  <Form ref="formRef" :model="formData" :rules="rules" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
+    <Row :gutter="16">
+      <Col :span="12">
+        <FormItem label="生成模板" name="templateType">
+          <Select v-model:value="formData.templateType">
+            <SelectOption
               v-for="dict in getDictOptions(DICT_TYPE.INFRA_CODEGEN_TEMPLATE_TYPE, 'number')"
               :key="dict.value"
               :value="dict.value"
             >
               {{ dict.label }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item label="前端类型" name="frontType">
-          <a-select v-model:value="formData.frontType">
-            <a-select-option
+            </SelectOption>
+          </Select>
+        </FormItem>
+      </Col>
+      <Col :span="12">
+        <FormItem label="前端类型" name="frontType">
+          <Select v-model:value="formData.frontType">
+            <SelectOption
               v-for="dict in getDictOptions(DICT_TYPE.INFRA_CODEGEN_FRONT_TYPE, 'number')"
               :key="dict.value"
               :value="dict.value"
             >
               {{ dict.label }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-      </a-col>
+            </SelectOption>
+          </Select>
+        </FormItem>
+      </Col>
 
-      <a-col :span="12">
-        <a-form-item label="生成场景" name="scene">
-          <a-select v-model:value="formData.scene">
-            <a-select-option
+      <Col :span="12">
+        <FormItem label="生成场景" name="scene">
+          <Select v-model:value="formData.scene">
+            <SelectOption
               v-for="dict in getDictOptions(DICT_TYPE.INFRA_CODEGEN_SCENE, 'number')"
               :key="dict.value"
               :value="dict.value"
             >
               {{ dict.label }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item label="上级菜单">
-          <a-tooltip placement="top">
+            </SelectOption>
+          </Select>
+        </FormItem>
+      </Col>
+      <Col :span="12">
+        <FormItem label="上级菜单">
+          <Tooltip placement="top">
             <template #title>分配到指定菜单下，例如 系统管理</template>
             <template #default>
-              <a-tree-select
+              <TreeSelect
                 v-model:value="formData.parentMenuId"
                 :tree-data="menus"
                 :field-names="menuTreeProps"
@@ -156,193 +158,193 @@ defineExpose({
                 style="width: 100%"
               />
             </template>
-          </a-tooltip>
-        </a-form-item>
-      </a-col>
+          </Tooltip>
+        </FormItem>
+      </Col>
 
-      <a-col :span="12">
-        <a-form-item label="模块名" name="moduleName">
-          <a-tooltip placement="top">
+      <Col :span="12">
+        <FormItem label="模块名" name="moduleName">
+          <Tooltip placement="top">
             <template #title>模块名，即一级目录，例如 system、infra、tool 等等</template>
             <template #default>
-              <a-input v-model:value="formData.moduleName" />
+              <Input v-model:value="formData.moduleName" />
             </template>
-          </a-tooltip>
-        </a-form-item>
-      </a-col>
+          </Tooltip>
+        </FormItem>
+      </Col>
 
-      <a-col :span="12">
-        <a-form-item label="业务名" name="businessName">
-          <a-tooltip placement="top">
+      <Col :span="12">
+        <FormItem label="业务名" name="businessName">
+          <Tooltip placement="top">
             <template #title>业务名，即二级目录，例如 user、permission、dict 等等</template>
             <template #default>
-              <a-input v-model:value="formData.businessName" />
+              <Input v-model:value="formData.businessName" />
             </template>
-          </a-tooltip>
-        </a-form-item>
-      </a-col>
+          </Tooltip>
+        </FormItem>
+      </Col>
 
-      <a-col :span="12">
-        <a-form-item label="类名称" name="className">
-          <a-tooltip placement="top">
+      <Col :span="12">
+        <FormItem label="类名称" name="className">
+          <Tooltip placement="top">
             <template #title>类名称（首字母大写），例如SysUser、SysMenu、SysDictData 等等</template>
             <template #default>
-              <a-input v-model:value="formData.className" />
+              <Input v-model:value="formData.className" />
             </template>
-          </a-tooltip>
-        </a-form-item>
-      </a-col>
+          </Tooltip>
+        </FormItem>
+      </Col>
 
-      <a-col :span="12">
-        <a-form-item label="类描述" name="classComment">
-          <a-tooltip placement="top">
+      <Col :span="12">
+        <FormItem label="类描述" name="classComment">
+          <Tooltip placement="top">
             <template #title>用作类描述，例如 用户</template>
             <template #default>
-              <a-input v-model:value="formData.classComment" />
+              <Input v-model:value="formData.classComment" />
             </template>
-          </a-tooltip>
-        </a-form-item>
-      </a-col>
-    </a-row>
+          </Tooltip>
+        </FormItem>
+      </Col>
+    </Row>
 
     <!-- 树表信息 -->
-    <template v-if="formData.templateType == 2">
-      <a-divider>树表信息</a-divider>
-      <a-row :gutter="16">
-        <a-col :span="12">
-          <a-form-item label="父编号字段" name="treeParentColumnId">
-            <a-tooltip placement="top">
+    <template v-if="formData.templateType === 2">
+      <Divider>树表信息</Divider>
+      <Row :gutter="16">
+        <Col :span="12">
+          <FormItem label="父编号字段" name="treeParentColumnId">
+            <Tooltip placement="top">
               <template #title>树显示的父编码字段名， 如：parent_Id</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-select v-model:value="formData.treeParentColumnId" placeholder="请选择" allow-clear>
-                  <a-select-option v-for="column in columns" :key="column.id" :value="column.id">
+                <Select v-model:value="formData.treeParentColumnId" placeholder="请选择" allow-clear>
+                  <SelectOption v-for="column in columns" :key="column.id" :value="column.id">
                     {{ column.columnName }}
-                  </a-select-option>
-                </a-select>
+                  </SelectOption>
+                </Select>
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="名称字段" name="treeNameColumnId">
-            <a-tooltip placement="top">
+            </Tooltip>
+          </FormItem>
+        </Col>
+        <Col :span="12">
+          <FormItem label="名称字段" name="treeNameColumnId">
+            <Tooltip placement="top">
               <template #title>树节点显示的名称字段，一般是name</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-select v-model:value="formData.treeNameColumnId" placeholder="请选择" allow-clear>
-                  <a-select-option v-for="column in columns" :key="column.id" :value="column.id">
+                <Select v-model:value="formData.treeNameColumnId" placeholder="请选择" allow-clear>
+                  <SelectOption v-for="column in columns" :key="column.id" :value="column.id">
                     {{ column.columnName }}
-                  </a-select-option>
-                </a-select>
+                  </SelectOption>
+                </Select>
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-      </a-row>
+            </Tooltip>
+          </FormItem>
+        </Col>
+      </Row>
     </template>
 
     <!-- 主子表信息 -->
-    <template v-if="formData.templateType == 3">
-      <a-divider>主子表信息</a-divider>
-      <a-row :gutter="16">
-        <a-col :span="24">
-          <a-form-item label="关联子表的成员变量名" name="subJoinColumnId">
-            <a-tooltip placement="top">
+    <template v-if="formData.templateType === 3">
+      <Divider>主子表信息</Divider>
+      <Row :gutter="16">
+        <Col :span="24">
+          <FormItem label="关联子表的成员变量名" name="subJoinColumnId">
+            <Tooltip placement="top">
               <template #title>子表的成员变量名，默认为子表的名称</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-input v-model:value="formData.subJoinColumnId" placeholder="请输入" />
+                <Input v-model:value="formData.subJoinColumnId" placeholder="请输入" />
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="子表的表名" name="subTableName">
-            <a-tooltip placement="top">
+            </Tooltip>
+          </FormItem>
+        </Col>
+        <Col :span="12">
+          <FormItem label="子表的表名" name="subTableName">
+            <Tooltip placement="top">
               <template #title>关联的子表的表名， 如：sys_user_post</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-select
+                <Select
                   v-model:value="formData.subTableName"
                   placeholder="请选择"
                   allow-clear
                   @change="subTableNameSelected"
                 >
-                  <a-select-option v-for="table in tables" :key="table.tableName" :value="table.tableName">
+                  <SelectOption v-for="table in tables" :key="table.tableName" :value="table.tableName">
                     {{ `${table.tableName}：${table.tableComment}` }}
-                  </a-select-option>
-                </a-select>
+                  </SelectOption>
+                </Select>
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="子表的类名" name="subTableClassName">
-            <a-tooltip placement="top">
+            </Tooltip>
+          </FormItem>
+        </Col>
+        <Col :span="12">
+          <FormItem label="子表的类名" name="subTableClassName">
+            <Tooltip placement="top">
               <template #title>子表的类名， 如：SysUserPost</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-input v-model:value="formData.subTableClassName" placeholder="请输入" />
+                <Input v-model:value="formData.subTableClassName" placeholder="请输入" />
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="子表的外键字段" name="subTableFkColumnId">
-            <a-tooltip placement="top">
+            </Tooltip>
+          </FormItem>
+        </Col>
+        <Col :span="12">
+          <FormItem label="子表的外键字段" name="subTableFkColumnId">
+            <Tooltip placement="top">
               <template #title>子表的外键字段的编号，对应主表的主键</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-select v-model:value="formData.subTableFkColumnId" placeholder="请选择" allow-clear>
-                  <a-select-option v-for="column in subColumns" :key="column.id" :value="column.id">
+                <Select v-model:value="formData.subTableFkColumnId" placeholder="请选择" allow-clear>
+                  <SelectOption v-for="column in subColumns" :key="column.id" :value="column.id">
                     {{ column.columnName }}
-                  </a-select-option>
-                </a-select>
+                  </SelectOption>
+                </Select>
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="主表的类名" name="mainTableClassName">
-            <a-tooltip placement="top">
+            </Tooltip>
+          </FormItem>
+        </Col>
+        <Col :span="12">
+          <FormItem label="主表的类名" name="mainTableClassName">
+            <Tooltip placement="top">
               <template #title>主表的类名， 如：SysUser</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-input v-model:value="formData.mainTableClassName" placeholder="请输入" />
+                <Input v-model:value="formData.mainTableClassName" placeholder="请输入" />
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="主表的外键字段" name="mainTableFKColumnId">
-            <a-tooltip placement="top">
+            </Tooltip>
+          </FormItem>
+        </Col>
+        <Col :span="12">
+          <FormItem label="主表的外键字段" name="mainTableFKColumnId">
+            <Tooltip placement="top">
               <template #title>子表的外键关联到主表的主键字段编号</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-select v-model:value="formData.mainTableFKColumnId" placeholder="请选择" allow-clear>
-                  <a-select-option v-for="column in columns" :key="column.id" :value="column.id">
+                <Select v-model:value="formData.mainTableFKColumnId" placeholder="请选择" allow-clear>
+                  <SelectOption v-for="column in columns" :key="column.id" :value="column.id">
                     {{ column.columnName }}
-                  </a-select-option>
-                </a-select>
+                  </SelectOption>
+                </Select>
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="子表的类描述" name="subTableClassComment">
-            <a-tooltip placement="top">
+            </Tooltip>
+          </FormItem>
+        </Col>
+        <Col :span="12">
+          <FormItem label="子表的类描述" name="subTableClassComment">
+            <Tooltip placement="top">
               <template #title>子表的描述，例如 用户岗位</template>
-              <template #icon><QuestionCircleFilled /></template>
+              <template #icon><CircleHelp /></template>
               <template #default>
-                <a-input v-model:value="formData.subTableClassComment" placeholder="请输入" />
+                <Input v-model:value="formData.subTableClassComment" placeholder="请输入" />
               </template>
-            </a-tooltip>
-          </a-form-item>
-        </a-col>
-      </a-row>
+            </Tooltip>
+          </FormItem>
+        </Col>
+      </Row>
     </template>
-  </a-form>
+  </Form>
 </template>
 
 <style scoped>
diff --git a/apps/web-antd/src/views/infra/codegen/edit.vue b/apps/web-antd/src/views/infra/codegen/edit.vue
index 2386eb6aa..2529d04f1 100644
--- a/apps/web-antd/src/views/infra/codegen/edit.vue
+++ b/apps/web-antd/src/views/infra/codegen/edit.vue
@@ -1,17 +1,18 @@
 <script lang="ts" setup>
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 
-import { Page } from '@vben/common-ui';
-import { Button, message, Tabs } from 'ant-design-vue';
-import { ArrowLeftOutlined } from '@vben/icons';
-import { ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { $t } from '#/locales';
-import { getCodegenTable, updateCodegenTable } from '#/api/infra/codegen';
-
 import BasicInfo from './components/BasicInfoForm.vue';
 import ColumnInfo from './components/ColumInfoForm.vue';
 import GenerateInfo from './components/GenerateInfoForm.vue';
+import { Page } from '@vben/common-ui';
+import { ChevronsLeft } from '@vben/icons';
+import { Button, message, Tabs } from 'ant-design-vue';
+
+import { getCodegenTable, updateCodegenTable } from '#/api/infra/codegen';
+import { $t } from '#/locales';
+import { ref } from 'vue';
+
+import { useRoute, useRouter } from 'vue-router';
 
 const route = useRoute();
 const router = useRouter();
@@ -80,7 +81,7 @@ getDetail();
 <template>
   <Page auto-content-height>
     <div v-loading="loading">
-      <Tabs v-model:activeKey="activeKey">
+      <Tabs v-model:active-key="activeKey">
         <Tabs.TabPane key="basicInfo" tab="基本信息">
           <BasicInfo ref="basicInfoRef" :table="formData.table" />
         </Tabs.TabPane>
@@ -92,10 +93,10 @@ getDetail();
         </Tabs.TabPane>
       </Tabs>
 
-      <div class="flex justify-end mt-4">
+      <div class="mt-4 flex justify-end">
         <Button type="primary" :loading="loading" @click="submitForm">保存</Button>
         <Button class="ml-2" @click="close">
-          <ArrowLeftOutlined class="mr-1" />
+          <ChevronsLeft class="mr-1" />
           返回
         </Button>
       </div>
diff --git a/apps/web-antd/src/views/infra/codegen/index.vue b/apps/web-antd/src/views/infra/codegen/index.vue
index 636267aff..8dd7e7e6f 100644
--- a/apps/web-antd/src/views/infra/codegen/index.vue
+++ b/apps/web-antd/src/views/infra/codegen/index.vue
@@ -50,7 +50,7 @@ function onPreview(row: InfraCodegenApi.CodegenTable) {
 
 /** 编辑表格 */
 function onEdit(row: InfraCodegenApi.CodegenTable) {
-  router.push(`/infra/codegen/edit?id=${row.id}`);
+  router.push(`/codegen/edit?id=${row.id}`);
 }
 
 /** 删除代码生成配置 */