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) },
               {