From e237b4db1ca56f320215371d78ff658fef86e9aa Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 19 Aug 2025 22:17:17 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=94=AF=E6=8C=81=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=8E=92=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage.vue                 |  1 +
 .../js/pages/manage/components/ProjectList.vue       | 12 ++++++++++--
 .../assets/sass/pages/components/project-list.scss   | 11 +++++++++++
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index 45f5b4e4b..e100190e1 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -1073,6 +1073,7 @@ export default {
                     list: nonPinnedItems.map(item => item.id)
                 },
                 method: 'post',
+                spinner: 2000
             }).then(({msg}) => {
                 $A.messageSuccess(msg)
             }).catch(({msg}) => {
diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue
index 875a5f51f..89c0d6b44 100644
--- a/resources/assets/js/pages/manage/components/ProjectList.vue
+++ b/resources/assets/js/pages/manage/components/ProjectList.vue
@@ -15,11 +15,11 @@
         <Draggable
             :list="projectDraggableList"
             :animation="150"
-            :disabled="!!projectKeyValue"
+            :disabled="!(isDragging && !projectKeyValue)"
             tag="ul"
             item-key="id"
             draggable="li:not(.pinned)"
-            handle=".project-h1"
+            handle=".project-item"
             @scroll.native="onScroll"
             @touchstart.native="onTouchStart"
             v-longpress="handleLongpress"
@@ -56,6 +56,9 @@
                             <span v-else class="percent-text">{{item.task_percent}}%</span>
                         </iCircle>
                     </div>
+                    <div v-show="isDragging && !projectKeyValue" class="item-sort">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18"/><path d="M3 18h18"/><path d="M3 6h18"/></svg>
+                    </div>
                 </div>
             </li>
             <template v-if="projectLists.length === 0">
@@ -85,6 +88,9 @@
                     <DropdownItem @click.native="handleChatClick">
                         {{ $L('项目讨论') }}
                     </DropdownItem>
+                    <DropdownItem v-if="!projectKeyValue" @click.native="isDragging=!isDragging">
+                        {{ $L(isDragging ? '退出排序' : '调整排序') }}
+                    </DropdownItem>
                 </DropdownMenu>
             </Dropdown>
         </div>
@@ -111,6 +117,7 @@ export default {
             operateVisible: false,
             operateItem: {},
 
+            isDragging: false,
             projectDraggableList: [],
             projectDragging: false,
         }
@@ -182,6 +189,7 @@ export default {
                     list: nonPinnedItems.map(item => item.id)
                 },
                 method: 'post',
+                spinner: 2000
             }).then(({msg}) => {
                 $A.messageSuccess(msg)
             }).catch(({msg}) => {
diff --git a/resources/assets/sass/pages/components/project-list.scss b/resources/assets/sass/pages/components/project-list.scss
index fdc1d1c03..f8f02c2fa 100644
--- a/resources/assets/sass/pages/components/project-list.scss
+++ b/resources/assets/sass/pages/components/project-list.scss
@@ -188,6 +188,17 @@
                         }
                     }
                 }
+                .item-sort {
+                    flex-shrink: 0;
+                    padding-left: 16px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-end;
+                    > svg {
+                        width: 20px;
+                        height: 20px;
+                    }
+                }
             }
         }
     }