任务跟踪表格样式统一

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;
 }
 
 /* 折叠/展开按钮 */