From a7ddef22e3d11b7b5b7609e6f0ef34481f936cca Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Wed, 7 Jan 2026 19:52:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AD=90=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E7=BB=84=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F=20-=20?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E7=BC=96=E5=8F=B7=E6=96=87=E5=AD=97=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E7=99=BD=E8=89=B2=EF=BC=8C=E6=B7=BB=E5=8A=A0=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E7=BC=96=E5=8F=B7=E5=8C=BA=E5=9F=9F=E6=A0=B7=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, 27 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index c6a2927..f577c86 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -554,15 +554,15 @@
                 <!-- 任务信息 -->
                 <div class="task-info-wrapper">
                   <div class="task-info task-info-3col">
-                    <div class="info-item">
-                      <span class="label">任务类型</span>
+                  <div class="info-item">
+                    <span class="label">任务类型</span>
                       <span class="value">{{ getTaskTypeName(task.taskTypeId, task.taskTypeName, task.taskSubType) }}</span>
-                    </div>
-                    <div class="info-item">
-                      <span class="label">预估积分</span>
+                  </div>
+                  <div class="info-item">
+                    <span class="label">预估积分</span>
                       <span class="value text-brand">{{ task.totalScore || task.score || 0 }} 分</span>
-                    </div>
-                    <div class="info-item">
+                  </div>
+                  <div class="info-item">
                       <span class="label">{{ task._itemType === 'taskGroup' ? '子任务数' : '数量' }}</span>
                       <span class="value">{{ task._itemType === 'taskGroup' ? (task._groupData?.itemCount || 1) : (task.quantity || '--') }} 个</span>
                     </div>
@@ -677,7 +677,7 @@
                 <!-- 任务编号（底部） -->
                 <div class="task-no-section">
                   <Icon name="hash" size="sm" color="#31f08b" />
-                  <span>{{ task.taskNo || '--' }}</span>
+                  <span style="color: #ffffff;">{{ task.taskNo || '--' }}</span>
                 </div>
 
                 <!-- 操作按钮 -->
@@ -693,13 +693,13 @@
                     </a-button>
                   </template>
                   <template v-else>
-                    <a-button size="small" @click="handleViewTaskDetail(task)">查看详情</a-button>
-                    <a-button v-if="canApproveTask(task)" type="primary" size="small" @click="handleApproveTask(task)">
-                      通过审核
-                    </a-button>
-                    <a-button v-if="canRejectTask(task)" danger size="small" @click="handleRejectTask(task)">
-                      驳回任务
-                    </a-button>
+                  <a-button size="small" @click="handleViewTaskDetail(task)">查看详情</a-button>
+                  <a-button v-if="canApproveTask(task)" type="primary" size="small" @click="handleApproveTask(task)">
+                    通过审核
+                  </a-button>
+                  <a-button v-if="canRejectTask(task)" danger size="small" @click="handleRejectTask(task)">
+                    驳回任务
+                  </a-button>
                   </template>
                 </div>
 
@@ -5474,6 +5474,18 @@ onUnmounted(() => {
 }
 
 // 任务底部信息（任务编号、时间等）
+// 任务编号区域样式
+.task-no-section {
+  display: flex;
+  align-items: center;
+  gap: $space-xs;
+  padding: $space-sm 0;
+  margin-top: $space-sm;
+  border-top: 1px solid $border-primary;
+  font-size: $font-size-xs;
+  color: #ffffff;
+}
+
 .task-footer {
   display: flex;
   flex-wrap: wrap;