From a1ce6e69281c62c53f4555a2c12304b7d757f522 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sat, 14 Dec 2024 23:21:41 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/manage/components/ProjectPanel.vue  | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/pages/manage/components/ProjectPanel.vue b/resources/assets/js/pages/manage/components/ProjectPanel.vue
index 84a3731bd..fa26231b5 100644
--- a/resources/assets/js/pages/manage/components/ProjectPanel.vue
+++ b/resources/assets/js/pages/manage/components/ProjectPanel.vue
@@ -527,6 +527,7 @@
 </template>
 
 <script>
+import {debounce} from "lodash";
 import Draggable from 'vuedraggable'
 import TaskPriority from "./TaskPriority";
 import {mapGetters, mapState} from "vuex";
@@ -987,11 +988,20 @@ export default {
             handler(val) {
                 if (val > 0) {
                     this.getFlowData();
-                    this.$nextTick(this.handleColumnScroll);
+                    this.handleColumnDebounce();
                 }
             },
             immediate: true,
         },
+        'allTask.length'() {
+            this.handleColumnDebounce();
+        },
+        'projectData.cacheParameter.completedTask'() {
+            this.handleColumnDebounce();
+        },
+        windowWidth() {
+            this.handleColumnDebounce();
+        }
     },
 
     methods: {
@@ -1658,6 +1668,17 @@ export default {
             return style;
         },
 
+        handleColumnDebounce() {
+            if (!this.columnDebounceInvoke) {
+                this.columnDebounceInvoke = debounce(_ => {
+                    if (this.tabTypeActive === 'column') {
+                        this.$nextTick(this.handleColumnScroll)
+                    }
+                }, 10);
+            }
+            this.columnDebounceInvoke();
+        },
+
         handleColumnScroll() {
             this.columnList.forEach(({id}) => {
                 const ref = this.$refs[`column_${id}`];