From fb889c02dbbdae56b60eeb146f94ce27b841453c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=96=AF=E7=8B=82=E7=9A=84=E7=8B=AE=E5=AD=90Li?=
 <15040126243@163.com>
Date: Wed, 3 Jun 2026 15:58:34 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96=20=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E7=94=9F=E6=88=90=20=E5=A2=9E=E5=8A=A0=E5=A4=9A?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E6=A8=A1=E6=9D=BF=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/tool/gen/types.ts          |  3 +++
 src/views/tool/gen/editTable.vue   |  2 ++
 src/views/tool/gen/genInfoForm.vue | 24 ++++++++++++++++++++++++
 3 files changed, 29 insertions(+)

diff --git a/src/api/tool/gen/types.ts b/src/api/tool/gen/types.ts
index 234dbdd..fcfb224 100644
--- a/src/api/tool/gen/types.ts
+++ b/src/api/tool/gen/types.ts
@@ -6,6 +6,7 @@ export interface TableVO extends BaseEntity {
   tableComment: string;
   className: string;
   tplCategory: string;
+  frontendType: string;
   packageName: string;
   moduleName: string;
   businessName: string;
@@ -80,6 +81,7 @@ export interface DbTableVO {
   tableComment: string;
   className?: any;
   tplCategory?: any;
+  frontendType?: string;
   packageName?: any;
   moduleName?: any;
   businessName?: any;
@@ -181,6 +183,7 @@ export interface DbTableForm extends BaseEntity {
   tableComment: string;
   className: string;
   tplCategory: string;
+  frontendType: string;
   packageName: string;
   moduleName: string;
   businessName: string;
diff --git a/src/views/tool/gen/editTable.vue b/src/views/tool/gen/editTable.vue
index 7d645bf..6a17f14 100644
--- a/src/views/tool/gen/editTable.vue
+++ b/src/views/tool/gen/editTable.vue
@@ -220,11 +220,13 @@ onMounted(async () => {
     uniqueFields: detail.info.uniqueFields ?? [],
     enableSort: detail.info.enableSort ?? false,
     sortField: detail.info.sortField ?? '',
+    frontendType: detail.info.frontendType ?? 'vue',
     treeRootValue: detail.info.treeRootValue ?? '0',
     treeAncestorsField: detail.info.treeAncestorsField ?? '',
     treeOrderField: detail.info.treeOrderField ?? '',
     ...detail.info
   };
+  info.value.frontendType ||= 'vue';
   const response = await getDictOptionselect();
   dictOptions.value = response.data;
 });
diff --git a/src/views/tool/gen/genInfoForm.vue b/src/views/tool/gen/genInfoForm.vue
index db80fd5..cc2f3fb 100644
--- a/src/views/tool/gen/genInfoForm.vue
+++ b/src/views/tool/gen/genInfoForm.vue
@@ -82,6 +82,22 @@
         </el-form-item>
       </el-col>
 
+      <el-col :span="12">
+        <el-form-item prop="frontendType">
+          <template #label>
+            前端模板
+            <el-tooltip content="对应后端 resources/vm 下的模板目录，例如 vue、react" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-radio-group v-model="infoForm.frontendType">
+            <el-radio v-for="item in frontendTypeOptions" :key="item.value" :value="item.value">
+              {{ item.label }}
+            </el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-col>
+
     </el-row>
 
     <h4 class="form-header">增强选项</h4>
@@ -311,6 +327,10 @@ interface MenuOptionsType {
 
 const menuOptions = ref<Array<MenuOptionsType>>([]);
 const formRef = ref<FormInstance>();
+const frontendTypeOptions = [
+  { label: 'Vue', value: 'vue' },
+  { label: 'React', value: 'react' }
+];
 
 const props = defineProps({
   info: propTypes.any.isRequired,
@@ -328,6 +348,10 @@ const sortableColumns = computed(() =>
 // 表单校验
 const rules = ref({
   tplCategory: [{ required: true, message: '请选择生成模板', trigger: 'blur' }],
+  frontendType: [
+    { required: true, message: '请选择前端模板', trigger: 'change' },
+    { pattern: /^[A-Za-z0-9_-]+$/, message: '仅支持字母、数字、下划线和中划线', trigger: 'change' }
+  ],
   packageName: [{ required: true, message: '请输入生成包路径', trigger: 'blur' }],
   moduleName: [{ required: true, message: '请输入生成模块名', trigger: 'blur' }],
   businessName: [{ required: true, message: '请输入生成业务名', trigger: 'blur' }],