lunanting/qiangdanxitong
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复子任务组卡片样式 - 任务编号文字改为白色，添加任务编号区域样式

Browse Source
This commit is contained in:
Your Name 2026-01-07 19:52:48 +08:00
parent 0dd78c3bf8
commit a7ddef22e3
1 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/views/TaskHall.vue
View File

@ -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;