yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: 代码生成编辑

pull/69/head
puhui999 2025-04-08 18:30:12 +08:00
parent ffd645c666
commit ff166fb6c3
6 changed files with 272 additions and 288 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
apps/web-antd/src/router/routes/modules/local.ts
View File

@ -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',
},
},
],
},
];

67
apps/web-antd/src/views/infra/codegen/components/BasicInfoForm.vue
View File

@ -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>

101
apps/web-antd/src/views/infra/codegen/components/ColumInfoForm.vue
View File

@ -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>

324
apps/web-antd/src/views/infra/codegen/components/GenerateInfoForm.vue
View File

@ -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>

23
apps/web-antd/src/views/infra/codegen/edit.vue
View File

@ -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>

2
apps/web-antd/src/views/infra/codegen/index.vue
View File

@ -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}`);
}
/** 删除代码生成配置 */