Merge pull request #1478 from jumpserver/pr@dev@fix_drag_session

fixed: Fixed the issue of dragging tab talkback
jumpserver · Sep 11, 2024 · e42787d · e42787d
2 parents 22a4e35 + 8b72ce8
commit e42787d
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/ui/src/components/Kubernetes/MainContent/index.vue b/ui/src/components/Kubernetes/MainContent/index.vue
@@ -300,7 +300,6 @@ const initializeDraggable = () => {
         // @ts-ignore
         useDraggable<UseDraggableReturn>(tabsContainer, panels.value, {
             animation: 150,
-            onStart: () => console.log('Drag started'),
             onEnd: async event => {
                 const newIndex = event.newIndex;
                 const oldIndex = event.oldIndex;
@@ -328,17 +327,18 @@ const initializeDraggable = () => {
                     updatedPanels.splice(oldIndex, 1);
                     updatedPanels.splice(newIndex, 0, movedPanel);
 
-                    // await nextTick();
+                    await nextTick(() => {
+                        panels.value = updatedPanels;
 
-                    panels.value = updatedPanels;
+                        // 更新当前激活的标签
+                        const newActiveTab: string = panels.value[newIndex]?.name as string;
 
-                    // 更新当前激活的标签
-                    const newActiveTab: string = panels.value[newIndex]?.name as string;
-
-                    if (newActiveTab) {
-                        nameRef.value = newActiveTab;
-                        terminalStore.setTerminalConfig('currentTab', newActiveTab);
-                    }
+                        if (newActiveTab) {
+                            nameRef.value = newActiveTab;
+                            findNodeById(newActiveTab);
+                            terminalStore.setTerminalConfig('currentTab', newActiveTab);
+                        }
+                    });
                 }
             }
         });