|
|
|
|
@ -1,23 +1,20 @@
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import type { GenInfo } from '#/api/tool/gen/model';
|
|
|
|
|
|
|
|
|
|
import { onMounted, provide, ref } from 'vue';
|
|
|
|
|
import { useRoute } from 'vue-router';
|
|
|
|
|
import { onMounted, provide, ref, unref, useTemplateRef } from 'vue';
|
|
|
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
|
|
|
|
|
|
|
import { Page } from '@vben/common-ui';
|
|
|
|
|
import { useTabs } from '@vben/hooks';
|
|
|
|
|
import { safeParseNumber } from '@vben/utils';
|
|
|
|
|
import { cloneDeep, safeParseNumber } from '@vben/utils';
|
|
|
|
|
|
|
|
|
|
import { Skeleton, Step, Steps } from 'ant-design-vue';
|
|
|
|
|
import { Card, Skeleton, TabPane, Tabs } from 'ant-design-vue';
|
|
|
|
|
|
|
|
|
|
import { genInfo } from '#/api/tool/gen';
|
|
|
|
|
import { editSave, genInfo } from '#/api/tool/gen';
|
|
|
|
|
|
|
|
|
|
import { BasicSetting, GenConfig, GenSuccess } from './edit-steps';
|
|
|
|
|
import { emitter } from './mitt';
|
|
|
|
|
import { BasicSetting, GenConfig } from './edit-steps';
|
|
|
|
|
|
|
|
|
|
const current = ref(0);
|
|
|
|
|
|
|
|
|
|
const { setTabTitle } = useTabs();
|
|
|
|
|
const { setTabTitle, closeCurrentTab } = useTabs();
|
|
|
|
|
const routes = useRoute();
|
|
|
|
|
// 获取路由参数
|
|
|
|
|
const tableId = routes.params.tableId as string;
|
|
|
|
|
@ -34,29 +31,89 @@ onMounted(async () => {
|
|
|
|
|
setTabTitle(`生成配置: ${resp.info.tableName}`);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 事件总线 监听切换步骤
|
|
|
|
|
*/
|
|
|
|
|
emitter.on('to', (step: number) => {
|
|
|
|
|
current.value = step;
|
|
|
|
|
});
|
|
|
|
|
const currentTab = ref<'fields' | 'setting'>('setting');
|
|
|
|
|
const basicSettingRef = useTemplateRef('basicSettingRef');
|
|
|
|
|
const genConfigRef = useTemplateRef('genConfigRef');
|
|
|
|
|
|
|
|
|
|
const router = useRouter();
|
|
|
|
|
async function handleSave() {
|
|
|
|
|
try {
|
|
|
|
|
// 校验tab1
|
|
|
|
|
const settingValidate = await basicSettingRef.value?.validateForm();
|
|
|
|
|
if (!settingValidate) {
|
|
|
|
|
currentTab.value = 'setting';
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// 校验tab2
|
|
|
|
|
const genConfigValidate = await genConfigRef.value?.validateTable();
|
|
|
|
|
if (!genConfigValidate) {
|
|
|
|
|
currentTab.value = 'fields';
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const requestData = cloneDeep(unref(genInfoData)!);
|
|
|
|
|
// 获取表单数据
|
|
|
|
|
const formValues = await basicSettingRef.value?.getFormValues();
|
|
|
|
|
// 合并
|
|
|
|
|
Object.assign(requestData, formValues);
|
|
|
|
|
// 从表格获取最新的
|
|
|
|
|
requestData.columns = genConfigRef.value?.getTableRecords() ?? [];
|
|
|
|
|
// 树表需要添加这个参数
|
|
|
|
|
if (requestData && requestData.tplCategory === 'tree') {
|
|
|
|
|
const { treeCode, treeName, treeParentCode } = requestData;
|
|
|
|
|
requestData.params = {
|
|
|
|
|
treeCode,
|
|
|
|
|
treeName,
|
|
|
|
|
treeParentCode,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
// 需要进行参数转化
|
|
|
|
|
if (requestData) {
|
|
|
|
|
const transform = (ret: boolean) => (ret ? '1' : '0');
|
|
|
|
|
requestData.columns.forEach((column) => {
|
|
|
|
|
const { edit, insert, query, required, list } = column;
|
|
|
|
|
column.isInsert = transform(insert);
|
|
|
|
|
column.isEdit = transform(edit);
|
|
|
|
|
column.isList = transform(list);
|
|
|
|
|
column.isQuery = transform(query);
|
|
|
|
|
column.isRequired = transform(required);
|
|
|
|
|
});
|
|
|
|
|
// 需要手动添加父级菜单 弹窗类型
|
|
|
|
|
requestData.params = {
|
|
|
|
|
...requestData.params,
|
|
|
|
|
parentMenuId: requestData.parentMenuId,
|
|
|
|
|
popupComponent: requestData.popupComponent,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
// 保存
|
|
|
|
|
await editSave(requestData);
|
|
|
|
|
// 关闭 & 跳转
|
|
|
|
|
await closeCurrentTab();
|
|
|
|
|
router.push({ path: '/tool/gen', replace: true });
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.error(error);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<Page content-class="bg-background p-5 rounded-lg">
|
|
|
|
|
<div class="flex items-center justify-center">
|
|
|
|
|
<Steps :current="current" class="w-fit">
|
|
|
|
|
<Step title="生成信息" />
|
|
|
|
|
<Step disabled title="字段信息" />
|
|
|
|
|
<Step disabled title="完成" />
|
|
|
|
|
</Steps>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- content -->
|
|
|
|
|
<div v-if="genInfoData">
|
|
|
|
|
<BasicSetting v-if="current === 0" />
|
|
|
|
|
<GenConfig v-if="current === 1" />
|
|
|
|
|
<GenSuccess v-if="current === 2" />
|
|
|
|
|
</div>
|
|
|
|
|
<Page :auto-content-height="true">
|
|
|
|
|
<Card
|
|
|
|
|
class="h-full"
|
|
|
|
|
v-if="genInfoData"
|
|
|
|
|
:body-style="{ padding: '0 16px 16px' }"
|
|
|
|
|
>
|
|
|
|
|
<Tabs v-model:active-key="currentTab" size="middle">
|
|
|
|
|
<template #rightExtra>
|
|
|
|
|
<a-button type="primary" @click="handleSave">保存配置</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
<TabPane key="setting" tab="生成信息" :force-render="true">
|
|
|
|
|
<BasicSetting ref="basicSettingRef" />
|
|
|
|
|
</TabPane>
|
|
|
|
|
<TabPane key="fields" tab="字段信息" :force-render="true">
|
|
|
|
|
<GenConfig ref="genConfigRef" />
|
|
|
|
|
</TabPane>
|
|
|
|
|
</Tabs>
|
|
|
|
|
</Card>
|
|
|
|
|
<Skeleton v-else :active="true" />
|
|
|
|
|
</Page>
|
|
|
|
|
</template>
|
|
|
|
|
|
dap
11 months ago