feat: 🎸 自动生成giime页面

zzh948498 · zzh948498 · commit f83e47068e99 · 2024-05-11T15:34:16.000+08:00
diff --git a/src/api/controller/genTable/getGenTableAll.ts b/src/api/controller/genTable/getGenTableAll.ts
@@ -13,6 +13,7 @@ export function getGenTableAll(params: GetGenTableAllParams) {
     const paramsInput = {
         name: params.name,
         desc: params.desc,
+        pathPrefix: params.pathPrefix,
         remark: params.remark,
         tplCategory: params.tplCategory,
     };
@@ -26,6 +27,8 @@ interface GetGenTableAllParams {
     name?: string;
     /** 表描述 */
     desc?: string;
+    /** 路由前缀 */
+    pathPrefix?: string;
     /** 备注 */
     remark?: string;
     /** 生成模板类型 */
diff --git a/src/api/interface/apiTypes/GenTableCreateDto.ts b/src/api/interface/apiTypes/GenTableCreateDto.ts
@@ -3,6 +3,8 @@ export interface GenTableCreateDto {
     name: string;
     /** 表描述 */
     desc: string;
+    /** 路由前缀 */
+    pathPrefix: string;
     /** 备注 */
     remark?: string;
     /** 生成模板类型 */
diff --git a/src/api/interface/apiTypes/GenTableEntity.ts b/src/api/interface/apiTypes/GenTableEntity.ts
@@ -7,6 +7,8 @@ export interface GenTableEntity {
     name: string;
     /** 表描述 */
     desc: string;
+    /** 路由前缀 */
+    pathPrefix: string;
     /** 备注 */
     remark?: string;
     /** 创建时间 */
diff --git a/src/api/interface/apiTypes/GenTableGenCodeDto.ts b/src/api/interface/apiTypes/GenTableGenCodeDto.ts
@@ -5,4 +5,6 @@ export interface GenTableGenCodeDto {
     formType: string;
     /** 模板 */
     template: string;
+    /** 接口地址 */
+    apiController: string;
 }
diff --git a/src/api/interface/apiTypes/GenTableImportInterfaceResultDto.ts b/src/api/interface/apiTypes/GenTableImportInterfaceResultDto.ts
@@ -4,7 +4,7 @@ export interface GenTableImportInterfaceResultDto {
     /** desc */
     desc: string;
     /** tsType */
-    tsType: string;
+    tsType: 'string' | 'number' | 'boolean' | 'Date';
     /** hasQuestionToken */
     hasQuestionToken: boolean;
 }
diff --git a/src/api/interface/apiTypes/GenTableListWhereDto.ts b/src/api/interface/apiTypes/GenTableListWhereDto.ts
@@ -3,6 +3,8 @@ export interface GenTableListWhereDto {
     name?: string;
     /** 表描述 */
     desc?: string;
+    /** 路由前缀 */
+    pathPrefix?: string;
     /** 备注 */
     remark?: string;
     /** 生成模板类型 */
diff --git a/src/api/interface/apiTypes/GenTableUpdateDto.ts b/src/api/interface/apiTypes/GenTableUpdateDto.ts
@@ -3,6 +3,8 @@ export interface GenTableUpdateDto {
     name?: string;
     /** 表描述 */
     desc?: string;
+    /** 路由前缀 */
+    pathPrefix?: string;
     /** 备注 */
     remark?: string;
     /** 生成模板类型 */
diff --git a/src/views/tool/gen/basicInfoForm.vue b/src/views/tool/gen/basicInfoForm.vue
@@ -12,6 +12,11 @@
                     <el-input v-model="info.desc" placeholder="请输入" />
                 </el-form-item>
             </el-col>
+            <el-col :span="12">
+                <el-form-item label="路由前缀" prop="pathPrefix">
+                    <el-input v-model="info.pathPrefix" placeholder="请输入" />
+                </el-form-item>
+            </el-col>
             <el-col :span="12">
                 <el-form-item label="表类型" prop="tplCategory">
                     <el-select v-model="info.tplCategory">
@@ -49,6 +54,7 @@ const basicInfoForm = ref<FormInstance>();
 const rules = ref({
     name: [{ required: true, message: '请输入表名称', trigger: 'blur' }],
     desc: [{ required: true, message: '请输入表描述', trigger: 'blur' }],
+    pathPrefix: [{ required: true, message: '请输入路由前缀', trigger: 'blur' }],
     tplCategory: [{ required: true, message: '请选择表类型', trigger: 'blur' }],
     // className: [{ required: true, message: '请输入实体类名称', trigger: 'blur' }],
     // functionAuthor: [{ required: true, message: '请输入作者', trigger: 'blur' }],
diff --git a/src/views/tool/gen/editTable.vue b/src/views/tool/gen/editTable.vue
@@ -29,7 +29,9 @@
                             :data="columnsForm.columns"
                             row-key="id"
                             :max-height="tableHeight"
+                            @selectionChange="handleSelectionChange"
                         >
+                            <el-table-column fixed type="selection" width="55" align="center" />
                             <el-table-column label="序号" type="index" min-width="5%" />
                             <el-table-column label="字段列名" min-width="10%">
                                 <template #default="scope">
@@ -272,7 +274,7 @@ import genInfoForm from './genInfoForm.vue';
 import { ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { oneOf, PartialByKeys } from '@zeronejs/utils';
-import { GenColumnsEntity, GenTableEntity } from '@/api/interface';
+import { DeepRequired, GenColumnsEntity, GenTableEntity } from '@/api/interface';
 import { CheckboxValueType, ElMessage, FormInstance } from 'element-plus';
 import { ElModalConfirm } from '@/plugins/ElModal';
 import { Upload, Delete, Plus } from '@element-plus/icons-vue';
@@ -589,19 +591,15 @@ const getList = async () => {
     }
 };
 getList();
-const useCheckTitle = (
-    key: keyof Pick<ColumnsListItem, 'isInsert' | 'isEdit' | 'isList' | 'isQuery' | 'required'>
-) => {
-    const checkAll = computed(() => columnsForm.value.columns.every(it => it[key]));
-    const isIndeterminate = computed(() => !checkAll.value && columnsForm.value.columns.some(it => it[key]));
-    const handleCheckAllChange = (val: CheckboxValueType) => {
-        columnsForm.value.columns.forEach(it => (it[key] = Boolean(val)));
-    };
-    return {
-        checkAll,
-        isIndeterminate,
-        handleCheckAllChange,
-    };
+const ids = ref<number[]>([]);
+// 单选
+const single = ref(true);
+// 是否选中了数据
+const multiple = ref(true);
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: DeepRequired<ColumnsListItem[]>) => {
+    ids.value = selection.map(item => item.id);
+    single.value = selection.length !== 1;
+    multiple.value = !selection.length;
 };
-const { checkAll, isIndeterminate, handleCheckAllChange } = useCheckTitle('isInsert');
 </script>
diff --git a/src/views/tool/gen/index.vue b/src/views/tool/gen/index.vue
@@ -70,6 +70,7 @@
             </el-table-column>
             <el-table-column label="表名称" align="center" prop="name" :show-overflow-tooltip="true" />
             <el-table-column label="表描述" align="center" prop="desc" :show-overflow-tooltip="true" />
+            <el-table-column label="路由前缀" align="center" prop="pathPrefix" :show-overflow-tooltip="true" />
             <!-- <el-table-column label="实体" align="center" prop="className" :show-overflow-tooltip="true" /> -->
             <el-table-column label="创建时间" align="center" width="160">
                 <template #default="scope">
@@ -122,20 +123,23 @@
         />
         <!-- 添加或修改用户配置对话框 -->
         <el-dialog v-model="open" title="添加表" width="600px" append-to-body>
-            <el-form ref="tableAddRef" :model="form" :rules="rules" label-width="80px">
+            <el-form ref="tableAddRef" :model="form" :rules="rules" label-width="120px">
                 <!-- <el-row>
                     <el-col :span="12"> -->
-                <el-form-item label="表名称" prop="name">
+                <el-form-item label="表名称（英文）" prop="name">
                     <el-input v-model="form.name" placeholder="请输入表名称" maxlength="30" />
                 </el-form-item>
                 <!-- </el-col>
                 </el-row> -->
 
                 <!-- <el-row>
                     <el-col :span="12"> -->
-                <el-form-item label="表描述" prop="desc">
+                <el-form-item label="表描述（中文）" prop="desc">
                     <el-input v-model="form.desc" placeholder="表描述" maxlength="30" />
                 </el-form-item>
+                <el-form-item label="路由前缀" prop="pathPrefix">
+                    <el-input v-model="form.pathPrefix" placeholder="路由前缀" maxlength="30" />
+                </el-form-item>
                 <!-- </el-col>
                 </el-row> -->
             </el-form>
@@ -160,6 +164,9 @@
                         <el-radio v-for="it in tempList" :key="it" :label="it"> {{ it }}</el-radio>
                     </el-radio-group>
                 </el-form-item>
+                <el-form-item label="接口地址" prop="apiController">
+                    <el-input v-model="apiController" />
+                </el-form-item>
             </el-form>
             <template #footer>
                 <div class="dialog-footer">
@@ -188,6 +195,7 @@ import {
     getGenCodeTemplates,
 } from '@/api/controller';
 import { useRouter } from 'vue-router';
+import { useLocalStorage } from '@vueuse/core';
 const router = useRouter();
 const open = ref(false);
 const tableList = ref<GenTableEntity[]>([]);
@@ -204,13 +212,16 @@ const form = ref<GenTableCreateDto>({
     name: '',
     desc: '',
     tplCategory: 'crud',
+    pathPrefix: '',
 });
 const rules = ref({
     name: [
         { required: true, message: '表名称不能为空', trigger: 'blur' },
         { min: 2, max: 80, message: '表名称长度必须介于 2 和 80 之间', trigger: 'blur' },
     ],
     desc: [{ required: true, message: '表描述不能为空', trigger: 'blur' }],
+    pathPrefix: [{ required: true, message: '路由前缀不能为空', trigger: 'blur' }],
+    
 });
 const data = reactive<{
     queryParams: {
@@ -272,8 +283,10 @@ function handleQuery() {
 const openGenDialog = ref(false);
 const genform = ref({
     formType: 'dialog',
-    template: 'element-plus',
+    template: 'giime',
 });
+const apiController = useLocalStorage('apiController', '@/api/controller');
+
 const genId = ref(0);
 /** 生成代码操作 */
 async function handleGenTable() {
@@ -284,6 +297,7 @@ async function handleGenTable() {
     const { data } = await postGenCode({
         ids: ids,
         ...genform.value,
+        apiController: apiController.value,
     });
     const arraybuffer = new Int8Array(data.data);
     // 再输入到 Blob 生成文件

Original file line number	Diff line number	Diff line change
`@@ -5,4 +5,6 @@ export interface GenTableGenCodeDto {`
`5`	`5`	`formType: string;`
`6`	`6`	`/** 模板 */`
`7`	`7`	`template: string;`
	`8`	`+ /** 接口地址 */`
	`9`	`+ apiController: string;`
`8`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ export interface GenTableImportInterfaceResultDto {`
`4`	`4`	`/** desc */`
`5`	`5`	`desc: string;`
`6`	`6`	`/** tsType */`
`7`		`- tsType: string;`
	`7`	`+ tsType: 'string' \| 'number' \| 'boolean' \| 'Date';`
`8`	`8`	`/** hasQuestionToken */`
`9`	`9`	`hasQuestionToken: boolean;`
`10`	`10`	`}`