From b7aba24569f8bd4bd2b4d82b2770c650257b971c Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 6 Jan 2026 22:14:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AD=90=E4=BB=BB=E5=8A=A1=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E8=BF=94=E5=9B=9E=E9=A2=84=E8=A7=88=E5=9B=BE=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../java/com/designhub/entity/TaskItem.java   |  6 ++++
 .../com/designhub/mapper/TaskItemMapper.java  |  1 +
 frontend/src/views/TaskHall.vue               | 34 +++++++++----------
 3 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/backend/src/main/java/com/designhub/entity/TaskItem.java b/backend/src/main/java/com/designhub/entity/TaskItem.java
index d49a76b..bcd66a6 100644
--- a/backend/src/main/java/com/designhub/entity/TaskItem.java
+++ b/backend/src/main/java/com/designhub/entity/TaskItem.java
@@ -194,4 +194,10 @@ public class TaskItem implements Serializable {
      */
     @TableField(exist = false)
     private String attachmentUrl;
+
+    /**
+     * 预览图URL（非数据库字段，从主任务关联）
+     */
+    @TableField(exist = false)
+    private String previewImage;
 }
diff --git a/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java b/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java
index a54b95b..1c2edcc 100644
--- a/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java
+++ b/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java
@@ -31,6 +31,7 @@ public interface TaskItemMapper extends BaseMapper<TaskItem> {
             "  t.spu_info AS spuInfo, " +
             "  t.task_sub_type AS taskSubType, " +
             "  t.attachment_url AS attachmentUrl, " +
+            "  t.preview_image AS previewImage, " +
             "  u.real_name AS publisherName, " +
             "  b.brand_name AS brandName, " +
             "  c.category_name AS categoryName, " +
diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index aff8ccc..1eab3df 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -210,26 +210,26 @@
               <!-- 卡片内容 -->
               <div class="card-content" :class="{ 'has-preview': task.previewImage }">
                 <!-- 任务标题（单独一行） -->
-                <h3 class="task-title">{{ task.title }}</h3>
+                  <h3 class="task-title">{{ task.title }}</h3>
                 
                 <!-- 状态标签（单独一行） -->
                 <div class="task-badges-row">
-                  <span v-if="task.isSubTask" class="badge badge-subtask">
-                    <Icon name="layers" size="sm" color="#1890ff" style="margin-right: 4px; vertical-align: middle;" />
-                    子任务
-                  </span>
-                  <span v-if="isNewTask(task)" class="badge badge-new">
-                    <Icon name="sparkles" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
-                    新发布
-                  </span>
-                  <span v-if="isHighScoreTask(task)" class="badge badge-high-score">
-                    <Icon name="star" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
-                    高分
-                  </span>
-                  <span v-if="task.isUrgent" class="badge badge-urgent">
-                    <Icon name="fire" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
-                    紧急
-                  </span>
+                    <span v-if="task.isSubTask" class="badge badge-subtask">
+                      <Icon name="layers" size="sm" color="#1890ff" style="margin-right: 4px; vertical-align: middle;" />
+                      子任务
+                    </span>
+                    <span v-if="isNewTask(task)" class="badge badge-new">
+                      <Icon name="sparkles" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
+                      新发布
+                    </span>
+                    <span v-if="isHighScoreTask(task)" class="badge badge-high-score">
+                      <Icon name="star" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
+                      高分
+                    </span>
+                    <span v-if="task.isUrgent" class="badge badge-urgent">
+                      <Icon name="fire" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
+                      紧急
+                    </span>
                 </div>
 
             <!-- 流程阶段 -->