From 0ba32f8afe9cef5208278cb67905df03174db4d7 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 6 Jan 2026 23:21:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=AD=90=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E8=BF=9B=E5=BA=A6=E6=98=BE=E7=A4=BA=E4=B8=BA=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/TaskHall.vue | 42 +++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index d8d8126..d751478 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -1550,11 +1550,13 @@
                       <Icon name="layers" size="sm" color="#31f08b" />
                     </span>
                     <span class="subtask-stats">
-                      子任务: 
-                      <span class="stat completed">已完成 {{ task.subTaskCompleted || 0 }}</span>
-                      <span class="stat in-progress">进行中 {{ task.subTaskInProgress || 0 }}</span>
-                      <span class="stat pending">待接单 {{ task.subTaskPending || 0 }}</span>
-                      <span class="stat total">/ 共 {{ task.subTaskTotal }}</span>
+                      子任务进度: 
+                      <span class="stat completed" title="已完成">{{ task.subTaskCompleted || 0 }}</span>
+                      <span class="stat-separator">/</span>
+                      <span class="stat in-progress" title="进行中">{{ task.subTaskInProgress || 0 }}</span>
+                      <span class="stat-separator">/</span>
+                      <span class="stat pending" title="待接单">{{ task.subTaskPending || 0 }}</span>
+                      <span class="stat-label">（共{{ task.subTaskTotal }}个）</span>
                     </span>
                   </div>
                   <div v-if="task.brandName" class="detail-item">
@@ -4967,16 +4969,21 @@ onUnmounted(() => {
     .subtask-stats {
       display: flex;
       align-items: center;
-      gap: 8px;
-      flex-wrap: wrap;
-      white-space: normal;
-      overflow: visible;
+      gap: 4px;
+      flex-wrap: nowrap;
+      white-space: nowrap;
       
       .stat {
-        padding: 2px 8px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 24px;
+        height: 24px;
+        padding: 0 8px;
         border-radius: 4px;
-        font-size: 12px;
-        font-weight: 500;
+        font-size: 13px;
+        font-weight: 600;
+        cursor: help;
         white-space: nowrap;
         
         &.completed {
@@ -4999,6 +5006,17 @@ onUnmounted(() => {
           padding: 0;
         }
       }
+      
+      .stat-separator {
+        color: #666;
+        font-size: 12px;
+      }
+      
+      .stat-label {
+        color: #888;
+        font-size: 12px;
+        margin-left: 4px;
+      }
     }
   }
 }