交付任务列表现在也有“时间”列

This commit is contained in:
yml
2026-04-14 23:57:06 +08:00
parent 3b169df114
commit 871d99cc93
@@ -14,6 +14,7 @@ import {
import type { AdminPagination, AdminTaskActionResponse, AdminTaskListItem } from '@/types/admin'
import { hasAdminRole } from '@/utils/admin-auth'
import { adminTaskStatusOptions } from '@/utils/admin-options'
import { formatAdminDateTime } from '@/utils/admin-time'
const loading = ref(true)
const actionLoadingId = ref<number | null>(null)
@@ -205,6 +206,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
<col class="col-progress" />
<col class="col-goods" />
<col class="col-role" />
<col class="col-time" />
<col class="col-error" />
<col class="col-actions" />
</colgroup>
@@ -214,6 +216,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
<th>任务进度</th>
<th>商品 / 凭据</th>
<th>角色绑定</th>
<th>时间</th>
<th>错误</th>
<th>操作</th>
</tr>
@@ -267,6 +270,15 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
<span class="role-subline">登录 {{ item.loginType || '-' }}</span>
</div>
</td>
<td>
<div class="time-cell">
<span class="time-line">创建 {{ formatAdminDateTime(item.createdAt) }}</span>
<span class="time-line">更新 {{ formatAdminDateTime(item.updatedAt) }}</span>
<span v-if="item.claimedAt" class="time-line">领取 {{ formatAdminDateTime(item.claimedAt) }}</span>
<span v-if="item.roleConfirmedAt" class="time-line">确认 {{ formatAdminDateTime(item.roleConfirmedAt) }}</span>
<span v-if="item.redeemedAt" class="time-line">兑换 {{ formatAdminDateTime(item.redeemedAt) }}</span>
</div>
</td>
<td>
<span class="cell-error" :title="item.lastError || '-'">{{ item.lastError || '-' }}</span>
</td>
@@ -397,6 +409,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
.col-progress { width: 300px; }
.col-goods { width: 220px; }
.col-role { width: 180px; }
.col-time { width: 200px; }
.col-error { width: 160px; }
.col-actions { width: 130px; }
@@ -439,12 +452,20 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
.meta-cell,
.goods-cell,
.role-cell {
.role-cell,
.time-cell {
display: grid;
gap: 6px;
min-width: 0;
}
.time-line {
min-width: 0;
color: #475467;
font-size: 12px;
line-height: 1.6;
}
.meta-title,
.goods-title,
.role-title {
@@ -605,6 +626,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
.col-progress { width: 280px; }
.col-goods { width: 200px; }
.col-role { width: 160px; }
.col-time { width: 180px; }
}
@media (max-width: 1320px) {