From df8336ccd85e60c051da5fc476ac7b58c847e9e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?cls=5F=E5=AE=81=E6=B3=A2=E6=9C=AC=E6=9C=BA?=
 <908705107@qq.com>
Date: Fri, 12 Jun 2026 16:29:19 +0800
Subject: [PATCH] chore: lazy load workflow run detail

---
 .../web-ele/src/views/ai-platform/workflow-runs/index.vue  | 7 +++++--
 .../ai-platform/workflow-runs/modules/detail-dialog.vue    | 7 +++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/apps/web-ele/src/views/ai-platform/workflow-runs/index.vue b/web/apps/web-ele/src/views/ai-platform/workflow-runs/index.vue
index e5e85e6..719a3ad 100644
--- a/web/apps/web-ele/src/views/ai-platform/workflow-runs/index.vue
+++ b/web/apps/web-ele/src/views/ai-platform/workflow-runs/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { WorkflowRunListItem } from '#/api/ai-platform/ai-platform';
 
-import { ref } from 'vue';
+import { defineAsyncComponent, ref } from 'vue';
 
 import { Page } from '@vben/common-ui/es/page';
 import { Eye } from '@vben/icons';
@@ -23,7 +23,10 @@ import {
   useSearchFormSchema,
   useZqTableColumns,
 } from './data';
-import DetailDialog from './modules/detail-dialog.vue';
+
+const DetailDialog = defineAsyncComponent(
+  () => import('./modules/detail-dialog.vue'),
+);
 
 defineOptions({ name: 'WorkflowRunHistory' });
 
diff --git a/web/apps/web-ele/src/views/ai-platform/workflow-runs/modules/detail-dialog.vue b/web/apps/web-ele/src/views/ai-platform/workflow-runs/modules/detail-dialog.vue
index 641cc9a..7dfb521 100644
--- a/web/apps/web-ele/src/views/ai-platform/workflow-runs/modules/detail-dialog.vue
+++ b/web/apps/web-ele/src/views/ai-platform/workflow-runs/modules/detail-dialog.vue
@@ -3,7 +3,7 @@ import type { Edge, Node } from '@vue-flow/core';
 
 import type { WorkflowRun } from '#/api/ai-platform/ai-platform';
 
-import { computed, ref } from 'vue';
+import { computed, defineAsyncComponent, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { ExternalLink } from '@vben/icons';
@@ -19,7 +19,6 @@ import { useAppContextStore } from '#/store/app-context';
 import { definitionToFlowElements } from '../../workflow/shared/loadDefinition';
 import { applyRunReplay } from '../../workflow/shared/useRunReplay';
 import RunStatusTag from '../components/RunStatusTag.vue';
-import WorkflowReadonlyCanvas from '../components/WorkflowReadonlyCanvas.vue';
 import {
   formatDuration,
   formatTime,
@@ -28,6 +27,10 @@ import {
   getTriggerOptions,
 } from '../data';
 
+const WorkflowReadonlyCanvas = defineAsyncComponent(
+  () => import('../components/WorkflowReadonlyCanvas.vue'),
+);
+
 const router = useRouter();
 const appContextStore = useAppContextStore();
 const triggerOptions = getTriggerOptions();