From 0c1a9131346efaff3a00af94349d964877a3d564 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 11 May 2026 02:03:33 +0000
Subject: [PATCH] =?UTF-8?q?feat(TaskAdd):=20=E4=BC=98=E5=8C=96=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E6=B7=BB=E5=8A=A0=E7=95=8C=E9=9D=A2=EF=BC=8C=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E6=A8=A1=E6=9D=BF=E6=B5=8F=E8=A7=88=E5=99=A8=E5=92=8C?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E6=8F=90=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Copilot <copilot@github.com>
---
 .../js/pages/manage/components/TaskAdd.vue    | 12 ++++------
 .../manage/components/TaskTemplateBrowser.vue | 23 +++++++++++++++++--
 .../sass/pages/components/task-add.scss       | 23 ++++++-------------
 3 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/TaskAdd.vue b/resources/assets/js/pages/manage/components/TaskAdd.vue
index 4c9300b3f..f4533bba7 100644
--- a/resources/assets/js/pages/manage/components/TaskAdd.vue
+++ b/resources/assets/js/pages/manage/components/TaskAdd.vue
@@ -23,9 +23,8 @@
             </li>
             <li
                 v-if="hasMoreTemplates"
-                class="more"
                 @click="openTemplateBrowser">
-                {{ $L('更多') }}
+                {{ $L('更多') }}...
             </li>
         </ul>
         <div class="task-add-form">
@@ -197,10 +196,7 @@
         </div>
 
         <TaskExistTips ref="taskExistTipsRef" @onContinue="onAdd(addContinue, true)"/>
-        <TaskTemplateBrowser
-            v-model="templateBrowserVisible"
-            :current-project-id="addData.project_id"
-            @pick="onPickFromBrowser" />
+        <TaskTemplateBrowser v-model="templateBrowserVisible" :current-project-id="addData.project_id" @pick="onPickFromBrowser" />
     </div>
 </template>
 
@@ -326,7 +322,7 @@ export default {
             const others = all.filter(t => t.project_id != currentId)
             return [...others]
                 .sort((a, b) => (b.use_count || 0) - (a.use_count || 0))
-                .slice(0, 5)
+                .slice(0, 3)
         },
 
         /**
@@ -340,7 +336,7 @@ export default {
             if (ownCount > 0) {
                 return otherCount > 0
             }
-            return otherCount > 5
+            return otherCount > 3
         },
     },
 
diff --git a/resources/assets/js/pages/manage/components/TaskTemplateBrowser.vue b/resources/assets/js/pages/manage/components/TaskTemplateBrowser.vue
index 9ee00add2..73ebb2d8f 100644
--- a/resources/assets/js/pages/manage/components/TaskTemplateBrowser.vue
+++ b/resources/assets/js/pages/manage/components/TaskTemplateBrowser.vue
@@ -29,7 +29,10 @@
                     <span v-if="item.user_name" class="creator">· @{{ item.user_name }}</span>
                 </div>
             </div>
-            <div v-if="loading" class="loading">{{ $L('加载中') }}</div>
+            <div v-if="loading" class="loading">
+                <Loading />
+                {{ $L('加载中') }}
+            </div>
             <div v-if="!loading && items.length === 0" class="empty">{{ $L('暂无可用模板') }}</div>
         </div>
     </Modal>
@@ -137,11 +140,16 @@ export default {
 <style lang="scss" scoped>
 .task-template-browser {
     .search-wrap {
-        margin-bottom: 12px;
+        margin-bottom: 8px;
     }
     .list-wrap {
         max-height: 420px;
         overflow-y: auto;
+        > div {
+            &:last-child {
+                margin-bottom: 12px;
+            }
+        }
     }
     .item {
         padding: 10px 12px;
@@ -162,6 +170,17 @@ export default {
             }
         }
     }
+    .loading {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        .common-loading {
+            width: 18px;
+            height: 18px;
+            margin: 0;
+        }
+    }
     .loading, .empty {
         text-align: center;
         padding: 20px;
diff --git a/resources/assets/sass/pages/components/task-add.scss b/resources/assets/sass/pages/components/task-add.scss
index ddd03ee00..ffa29dab8 100644
--- a/resources/assets/sass/pages/components/task-add.scss
+++ b/resources/assets/sass/pages/components/task-add.scss
@@ -93,29 +93,20 @@
             }
 
             &.cross {
-                // 跨项目 chip：左侧添加视觉 marker（小圆点）
                 position: relative;
-                padding-left: 20px;
+                padding-left: 24px;
 
                 &::before {
-                    content: '';
+                    content: "";
                     position: absolute;
                     left: 8px;
                     top: 50%;
                     transform: translateY(-50%);
-                    width: 4px;
-                    height: 4px;
-                    border-radius: 50%;
-                    background: $primary-desc-color;
-                }
-            }
-
-            &.more {
-                font-style: italic;
-                opacity: 0.7;
-
-                &:hover {
-                    opacity: 1;
+                    width: 12px;
+                    height: 12px;
+                    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNoYXJlMi1pY29uIGx1Y2lkZS1zaGFyZS0yIj48Y2lyY2xlIGN4PSIxOCIgY3k9IjUiIHI9IjMiLz48Y2lyY2xlIGN4PSI2IiBjeT0iMTIiIHI9IjMiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE5IiByPSIzIi8+PGxpbmUgeDE9IjguNTkiIHgyPSIxNS40MiIgeTE9IjEzLjUxIiB5Mj0iMTcuNDkiLz48bGluZSB4MT0iMTUuNDEiIHgyPSI4LjU5IiB5MT0iNi41MSIgeTI9IjEwLjQ5Ii8+PC9zdmc+);
+                    background-size: cover;
+                    background-repeat: no-repeat;
                 }
             }
         }