From d448b190d741dc736c1b49fb357c92b9db705ddb Mon Sep 17 00:00:00 2001
From: xingyuv <xingyu4j@vip.qq.com>
Date: Thu, 13 Apr 2023 11:07:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../infra/codegen/components/FinishForm.vue   | 53 ++++++++++++++++++-
 src/views/infra/codegen/index.vue             |  2 +-
 2 files changed, 53 insertions(+), 2 deletions(-)

diff --git a/src/views/infra/codegen/components/FinishForm.vue b/src/views/infra/codegen/components/FinishForm.vue
index 7af842a5..0cd12c46 100644
--- a/src/views/infra/codegen/components/FinishForm.vue
+++ b/src/views/infra/codegen/components/FinishForm.vue
@@ -1 +1,52 @@
-<template><span>保存成功,其他功能待完善</span></template>
+<template>
+  <div class="m-5 result-success">
+    <Result status="success" title="代码生成成功" sub-title="可点击下方按钮预览、下载，或返回列表页。">
+      <template #extra>
+        <a-button key="console" type="primary" @click="closeCurrent"> 返回列表 </a-button>
+        <a-button key="preview" @click="handlePreview"> 预览 </a-button>
+        <a-button key="download" @click="handleGenTable"> 生成 </a-button>
+      </template>
+    </Result>
+    <PreviewModal @register="registerPreviewModal" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { Result } from 'ant-design-vue'
+import { useRoute } from 'vue-router'
+import { useModal } from '@/components/Modal'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useTabs } from '@/hooks/web/useTabs'
+import { useMessage } from '@/hooks/web/useMessage'
+import PreviewModal from './PreviewModal.vue'
+import { downloadCodegen, getCodegenTable } from '@/api/infra/codegen'
+
+const { closeCurrent } = useTabs()
+const { query } = useRoute()
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerPreviewModal, { openModal: openPreviewModal }] = useModal()
+
+function handlePreview() {
+  const tableId = query.id as unknown as number
+  const record = { id: tableId }
+  openPreviewModal(true, { record })
+}
+
+async function handleGenTable() {
+  const tableId = query.id as unknown as number
+  const res = await getCodegenTable(tableId)
+  await downloadCodegen(res)
+  createMessage.success(t('common.successText'))
+}
+</script>
+<style lang="less" scoped>
+.result-success {
+  padding: 48px 32px;
+  background-color: @component-background;
+
+  &__content {
+    padding: 24px 40px;
+    background-color: @background-color-light;
+  }
+}
+</style>
diff --git a/src/views/infra/codegen/index.vue b/src/views/infra/codegen/index.vue
index 2dcd2dbc..c597c6dd 100644
--- a/src/views/infra/codegen/index.vue
+++ b/src/views/infra/codegen/index.vue
@@ -10,7 +10,7 @@
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: IconEnum.EDIT, label: '预览', auth: 'infra:codegen:preview', onClick: handlePreview.bind(null, record) },
+              { icon: IconEnum.PREVIEW, label: '预览', auth: 'infra:codegen:preview', onClick: handlePreview.bind(null, record) },
               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'infra:codegen:update', onClick: handleEditTable.bind(null, record) },
               { icon: IconEnum.DOWNLOAD, label: '生成', auth: 'infra:codegen:download', onClick: handleGenTable.bind(null, record) },
               {