交付任务列表现在也有“时间”列
This commit is contained in:
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user