From 8149547236dd643f3221541aca83c8a899d98a28 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 5 Sep 2025 10:53:19 +0800
Subject: [PATCH] fix(Embedded Management): There is a problem with the display
 when it is collapsed

---
 frontend/src/components/layout/LayoutDsl.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/layout/LayoutDsl.vue b/frontend/src/components/layout/LayoutDsl.vue
index 4691f85d..ce754ff9 100644
--- a/frontend/src/components/layout/LayoutDsl.vue
+++ b/frontend/src/components/layout/LayoutDsl.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed } from 'vue'
+import { ref, computed, onUnmounted } from 'vue'
 import Menu from './Menu.vue'
 import LOGOCustom from '@/assets/svg/LOGO-custom.svg'
 import custom_small from '@/assets/svg/logo-custom_small.svg'
@@ -18,17 +18,25 @@ import { useEmitt } from '@/utils/useEmitt'
 
 const router = useRouter()
 const collapse = ref(false)
+const collapseCopy = ref(false)
 const appearanceStore = useAppearanceStoreWithOut()
-
+let time: any
+onUnmounted(() => {
+  clearTimeout(time)
+})
 const handleCollapseChange = (val: any = true) => {
-  collapse.value = val
+  collapseCopy.value = val
+  clearTimeout(time)
+  time = setTimeout(() => {
+    collapse.value = val
+  }, 100)
 }
 useEmitt({
   name: 'collapse-change',
   callback: handleCollapseChange,
 })
 const handleFoldExpand = () => {
-  collapse.value = !collapse.value
+  handleCollapseChange(!collapse.value)
 }
 
 const toWorkspace = () => {
@@ -62,7 +70,7 @@ const showSysmenu = computed(() => {
         <LOGO v-else style="margin-bottom: 6px"></LOGO>
       </template>
       <Workspace v-if="!showSysmenu" :collapse="collapse"></Workspace>
-      <Menu :collapse="collapse"></Menu>
+      <Menu :collapse="collapseCopy"></Menu>
       <div class="bottom">
         <div
           v-if="showSysmenu"