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

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 type { AdminPagination, AdminTaskActionResponse, AdminTaskListItem } from '@/types/admin'
import { hasAdminRole } from '@/utils/admin-auth' import { hasAdminRole } from '@/utils/admin-auth'
import { adminTaskStatusOptions } from '@/utils/admin-options' import { adminTaskStatusOptions } from '@/utils/admin-options'
import { formatAdminDateTime } from '@/utils/admin-time'
const loading = ref(true) const loading = ref(true)
const actionLoadingId = ref<number | null>(null) const actionLoadingId = ref<number | null>(null)
@@ -205,6 +206,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
<col class="col-progress" /> <col class="col-progress" />
<col class="col-goods" /> <col class="col-goods" />
<col class="col-role" /> <col class="col-role" />
<col class="col-time" />
<col class="col-error" /> <col class="col-error" />
<col class="col-actions" /> <col class="col-actions" />
</colgroup> </colgroup>
@@ -214,6 +216,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
<th>任务进度</th> <th>任务进度</th>
<th>商品 / 凭据</th> <th>商品 / 凭据</th>
<th>角色绑定</th> <th>角色绑定</th>
<th>时间</th>
<th>错误</th> <th>错误</th>
<th>操作</th> <th>操作</th>
</tr> </tr>
@@ -267,6 +270,15 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
<span class="role-subline">登录 {{ item.loginType || '-' }}</span> <span class="role-subline">登录 {{ item.loginType || '-' }}</span>
</div> </div>
</td> </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> <td>
<span class="cell-error" :title="item.lastError || '-'">{{ item.lastError || '-' }}</span> <span class="cell-error" :title="item.lastError || '-'">{{ item.lastError || '-' }}</span>
</td> </td>
@@ -397,6 +409,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
.col-progress { width: 300px; } .col-progress { width: 300px; }
.col-goods { width: 220px; } .col-goods { width: 220px; }
.col-role { width: 180px; } .col-role { width: 180px; }
.col-time { width: 200px; }
.col-error { width: 160px; } .col-error { width: 160px; }
.col-actions { width: 130px; } .col-actions { width: 130px; }
@@ -439,12 +452,20 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
.meta-cell, .meta-cell,
.goods-cell, .goods-cell,
.role-cell { .role-cell,
.time-cell {
display: grid; display: grid;
gap: 6px; gap: 6px;
min-width: 0; min-width: 0;
} }
.time-line {
min-width: 0;
color: #475467;
font-size: 12px;
line-height: 1.6;
}
.meta-title, .meta-title,
.goods-title, .goods-title,
.role-title { .role-title {
@@ -605,6 +626,7 @@ function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListI
.col-progress { width: 280px; } .col-progress { width: 280px; }
.col-goods { width: 200px; } .col-goods { width: 200px; }
.col-role { width: 160px; } .col-role { width: 160px; }
.col-time { width: 180px; }
} }
@media (max-width: 1320px) { @media (max-width: 1320px) {