From 63660000bf50a7c76da5527060b086bfb8bdf14a Mon Sep 17 00:00:00 2001
From: crushing1111 <909171938@qq.com>
Date: Wed, 13 Aug 2025 17:24:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E8=B7=9F=E8=B8=AA=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/task/task-progress/TaskProgress.vue | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/views/task/task-progress/TaskProgress.vue b/src/views/task/task-progress/TaskProgress.vue
index 71d3fa3..861daff 100644
--- a/src/views/task/task-progress/TaskProgress.vue
+++ b/src/views/task/task-progress/TaskProgress.vue
@@ -34,7 +34,7 @@
       >
         <!-- 分组标题（带专门的折叠/展开按钮） -->
         <div class="group-header">
-          <span class="group-title-text">{{ groupKey }}</span>
+          <span class="group-title-text" :class="groupKey">{{ groupKey }}</span>
           <button 
             class="toggle-btn"
             @click="toggleGroup(groupKey)"
@@ -424,16 +424,35 @@ onUnmounted(() => {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 10px 15px;
-  background: #f8f9fa;
+  padding: 8px 15px;
   border-bottom: 1px solid #eee;
   cursor: pointer;
+  background: transparent;
 }
 
 .group-title-text {
   font-weight: 500;
-  color: #333;
   font-size: 15px;
+  padding: 4px 8px;
+  border-radius: 8px;
+  color: #fff;
+}
+
+.group-title-text.重要紧急 {
+  background: #dc3545;
+}
+
+.group-title-text.紧急不重要 {
+  background: #fd7e14;
+}
+
+.group-title-text.重要不紧急 {
+  background: #ffc107;
+  color: #333;
+}
+
+.group-title-text.不紧急不重要 {
+  background: #28a745;
 }
 
 /* 折叠/展开按钮 */