From 8c2ed421cc467122f2bf71ee563000af2002f19e Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Mon, 24 Aug 2026 10:44:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E9=80=9F=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/flow/components/TestRun.vue | 2 +-
 src/views/flow/index.vue              | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/flow/components/TestRun.vue b/src/views/flow/components/TestRun.vue
index 591f6a8..e9b8e7e 100644
--- a/src/views/flow/components/TestRun.vue
+++ b/src/views/flow/components/TestRun.vue
@@ -209,7 +209,7 @@ const initialize = async () => {
   await Promise.all(roles.value.filter((role) => getMember(role).robotId).map((role) => loadRoleDevices(role)))
 }
 
-watch(() => props.drawer, (open) => { if (open) initialize() })
+watch(() => props.drawer, (open) => { if (open) initialize() }, { immediate: true })
 
 const handleClose = () => {
   remember()
diff --git a/src/views/flow/index.vue b/src/views/flow/index.vue
index db60c9b..c6e0bf4 100644
--- a/src/views/flow/index.vue
+++ b/src/views/flow/index.vue
@@ -181,6 +181,7 @@
     </el-container>
 
     <TestRun
+      v-if="isOpen"
       :drawer="isOpen"
       @close="isOpen = false"
       @changeState="changeState"
@@ -364,7 +365,7 @@
 
 </template>
 <script setup>
-import { computed, reactive, ref, watch, onMounted, onUnmounted, nextTick } from "vue";
+import { computed, defineAsyncComponent, reactive, ref, watch, onMounted, onUnmounted, nextTick } from "vue";
 import { MarkerType, VueFlow, useVueFlow } from "@vue-flow/core";
 import { v4 as uuid } from "uuid";
 import { Background } from "@vue-flow/background";
@@ -376,10 +377,10 @@ import FlowNode from "./vue-flow/FlowNode.vue";
 import FlowEdge from "./vue-flow/FlowEdge.vue";
 import { createFlowFacade } from "./vue-flow/adapter";
 import { useFlowEvents } from "./composables/useFlowEvents";
-import TestRun from "./components/TestRun.vue";
-import ParamsDrawer from "./components/ParamsDrawer.vue";
+const TestRun = defineAsyncComponent(() => import("./components/TestRun.vue"));
+const ParamsDrawer = defineAsyncComponent(() => import("./components/ParamsDrawer.vue"));
 import Aside from "./components/Aside.vue";
-import ActionQueueSingleRun from "./components/ActionQueueSingleRun.vue";
+const ActionQueueSingleRun = defineAsyncComponent(() => import("./components/ActionQueueSingleRun.vue"));
 import { ElMessage, ElMessageBox } from "element-plus";
 import { useFlowStore } from "@/store/modules/flow";
 import { emitter } from "@/utils/eventBus";