From 671b1640aa606f489d03ce19dc20e66ce8f5a114 Mon Sep 17 00:00:00 2001
From: yml <yml@yml.com>
Date: Tue, 19 May 2026 19:27:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=EF=BC=9A=E8=BF=81=E7=A7=BB3?=
 =?UTF-8?q?=E4=B8=AA=E5=88=97=E8=A1=A8=E8=A7=86=E5=9B=BE=E5=88=B0useAdminL?=
 =?UTF-8?q?istPage=20+=20=E6=8F=90=E5=8F=96useAdminAction=E7=BB=84?=
 =?UTF-8?q?=E5=90=88=E5=BC=8F=E5=87=BD=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/composables/useAdminAction.ts         |  42 +++
 .../admin/audit-logs/AdminAuditLogsView.vue   | 138 ++++----
 .../AdminMessageDeliveriesView.vue            |  58 ++-
 .../src/views/admin/tasks/AdminTasksView.vue  | 334 ++++++++++--------
 4 files changed, 306 insertions(+), 266 deletions(-)
 create mode 100644 apps/frontend/src/composables/useAdminAction.ts

diff --git a/apps/frontend/src/composables/useAdminAction.ts b/apps/frontend/src/composables/useAdminAction.ts
new file mode 100644
index 00000000..2bcb9321
--- /dev/null
+++ b/apps/frontend/src/composables/useAdminAction.ts
@@ -0,0 +1,42 @@
+import { ref } from 'vue'
+
+import { isFeedbackDismissed, showConfirm, showError, showSuccess } from '@/lib/feedback'
+
+export interface RunActionOptions {
+  id: number | string
+  action: () => Promise<unknown>
+  successMessage: string
+  confirmText: string
+  onAfterAction?: () => Promise<unknown> | void
+}
+
+export function useAdminAction() {
+  const actionLoadingId = ref<number | string | null>(null)
+
+  async function runAction(options: RunActionOptions) {
+    try {
+      await showConfirm(options.confirmText, '确认操作', {
+        type: 'warning',
+        confirmButtonText: '继续执行',
+        cancelButtonText: '取消',
+      })
+    } catch (error) {
+      if (isFeedbackDismissed(error)) return
+      throw error
+    }
+
+    actionLoadingId.value = options.id
+
+    try {
+      await options.action()
+      showSuccess(options.successMessage)
+      if (options.onAfterAction) await options.onAfterAction()
+    } catch (error) {
+      showError(error instanceof Error ? error.message : '操作失败')
+    } finally {
+      actionLoadingId.value = null
+    }
+  }
+
+  return { actionLoadingId, runAction }
+}
diff --git a/apps/frontend/src/views/admin/audit-logs/AdminAuditLogsView.vue b/apps/frontend/src/views/admin/audit-logs/AdminAuditLogsView.vue
index 53ddd73e..91d5eb06 100644
--- a/apps/frontend/src/views/admin/audit-logs/AdminAuditLogsView.vue
+++ b/apps/frontend/src/views/admin/audit-logs/AdminAuditLogsView.vue
@@ -1,62 +1,52 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
+import { computed, ref } from 'vue'
 
+import { useAdminListPage } from '@/composables/useAdminListPage'
 import AdminPageHeader from '@/components/admin/AdminPageHeader.vue'
 import AdminStatusTag from '@/components/admin/AdminStatusTag.vue'
 import { fetchAdminAuditLogs } from '@/services/admin'
-import type { AdminAuditLogItem, AdminPagination } from '@/types/admin'
+import type { AdminAuditLogItem } from '@/types/admin'
 import { hasAdminRole } from '@/utils/admin-auth'
 import { formatAuditAction, formatAuditTargetType } from '@/utils/admin-display'
 import { adminAuditActionOptions, adminAuditTargetTypeOptions } from '@/utils/admin-options'
 import { formatAdminDateTime } from '@/utils/admin-time'
 import { stringifyDisplayJson } from '@/utils/date-time'
 
-const loading = ref(true)
-const errorMessage = ref('')
 const actorUsername = ref('')
 const action = ref('')
 const targetType = ref('')
 const dateFrom = ref('')
 const dateTo = ref('')
-const items = ref<AdminAuditLogItem[]>([])
-const pagination = ref<AdminPagination>({
-  page: 1,
-  pageSize: 20,
-  total: 0,
+
+const isAdmin = hasAdminRole('admin')
+
+const {
+  loading,
+  errorMessage,
+  items,
+  pagination,
+  loadPage: loadAuditLogs,
+} = useAdminListPage<AdminAuditLogItem>({
+  defaultErrorMessage: '读取审计日志失败',
+  fetchPage: isAdmin
+    ? (page, pageSize) =>
+        fetchAdminAuditLogs({
+          page,
+          pageSize,
+          actorUsername: actorUsername.value.trim(),
+          action: action.value.trim(),
+          targetType: targetType.value.trim(),
+          dateFrom: dateFrom.value.trim(),
+          dateTo: dateTo.value.trim(),
+        })
+    : () =>
+        Promise.resolve({
+          code: 0,
+          msg: '',
+          data: { items: [], pagination: { page: 1, pageSize: 20, total: 0 } },
+        }),
 })
 
-async function loadAuditLogs(page = 1) {
-  if (!hasAdminRole('admin')) {
-    loading.value = false
-    return
-  }
-
-  loading.value = true
-  errorMessage.value = ''
-
-  try {
-    const response = await fetchAdminAuditLogs({
-      page,
-      pageSize: pagination.value.pageSize,
-      actorUsername: actorUsername.value.trim(),
-      action: action.value.trim(),
-      targetType: targetType.value.trim(),
-      dateFrom: dateFrom.value.trim(),
-      dateTo: dateTo.value.trim(),
-    })
-    items.value = response.data.items
-    pagination.value = response.data.pagination
-  } catch (error) {
-    errorMessage.value = error instanceof Error ? error.message : '读取审计日志失败'
-  } finally {
-    loading.value = false
-  }
-}
-
-function handlePageChange() {
-  loadAuditLogs(pagination.value.page)
-}
-
 function formatPayload(payload: Record<string, unknown>) {
   const text = stringifyDisplayJson(payload, 0)
   return text.length > 120 ? `${text.slice(0, 120)}...` : text
@@ -68,7 +58,14 @@ function resolveTargetLabel(targetType: string, targetId: string) {
 
 const totalLabel = computed(() => `共 ${pagination.value.total} 条审计记录`)
 
-onMounted(loadAuditLogs)
+function resetFilters() {
+  actorUsername.value = ''
+  action.value = ''
+  targetType.value = ''
+  dateFrom.value = ''
+  dateTo.value = ''
+  void loadAuditLogs(1)
+}
 </script>
 
 <template>
@@ -78,25 +75,31 @@ onMounted(loadAuditLogs)
       description="集中查看高风险后台动作，便于排查谁在什么时间改了什么。"
     >
       <template #extra>
-        <span class="total-label">{{ totalLabel }}</span>
+        <span class="total-badge">{{ totalLabel }}</span>
       </template>
     </AdminPageHeader>
 
     <!-- 权限检查 -->
-    <el-result v-if="!hasAdminRole('admin')" icon="warning" title="仅管理员可以访问操作审计" />
+    <el-result v-if="!isAdmin" icon="warning" title="仅管理员可以访问操作审计" />
 
     <template v-else>
       <!-- 筛选栏 -->
-      <el-card shadow="never" class="filter-card">
-        <div class="filter-row">
+      <el-card shadow="never" class="section-card">
+        <template #header>
+          <div class="card-header">
+            <span class="card-title">筛选审计日志</span>
+            <span class="card-desc">按操作人、动作类型、目标类型和日期筛选。</span>
+          </div>
+        </template>
+        <div class="filter-grid">
           <el-input
             v-model="actorUsername"
             placeholder="操作账号"
             clearable
-            class="filter-col-160"
-            @keyup.enter="handlePageChange"
+            class="filter-control"
+            @keyup.enter="loadAuditLogs()"
           />
-          <el-select v-model="action" placeholder="动作" clearable class="filter-col-160">
+          <el-select v-model="action" placeholder="动作" clearable class="filter-control">
             <el-option
               v-for="opt in adminAuditActionOptions"
               :key="opt.value"
@@ -104,7 +107,7 @@ onMounted(loadAuditLogs)
               :value="opt.value"
             />
           </el-select>
-          <el-select v-model="targetType" placeholder="目标类型" clearable class="filter-col-160">
+          <el-select v-model="targetType" placeholder="目标类型" clearable class="filter-control">
             <el-option
               v-for="opt in adminAuditTargetTypeOptions"
               :key="opt.value"
@@ -117,16 +120,19 @@ onMounted(loadAuditLogs)
             type="date"
             placeholder="开始日期"
             value-format="YYYY-MM-DD"
-            class="filter-col-160"
+            class="filter-control"
           />
           <el-date-picker
             v-model="dateTo"
             type="date"
             placeholder="结束日期"
             value-format="YYYY-MM-DD"
-            class="filter-col-160"
+            class="filter-control"
           />
-          <el-button type="primary" @click="handlePageChange">查询</el-button>
+          <div class="filter-buttons">
+            <el-button round @click="resetFilters">重置</el-button>
+            <el-button round type="primary" @click="loadAuditLogs()">查询</el-button>
+          </div>
         </div>
       </el-card>
 
@@ -141,13 +147,14 @@ onMounted(loadAuditLogs)
       />
 
       <!-- 表格 -->
-      <el-card shadow="never" class="table-card mt-4">
+      <el-card shadow="never" class="section-card">
         <el-table
           :data="items"
           stripe
           size="small"
           v-loading="loading"
           element-loading-text="审计日志加载中"
+          class="data-table"
         >
           <el-table-column label="时间" width="180">
             <template #default="{ row }">{{ formatAdminDateTime(row.createdAt) }}</template>
@@ -183,7 +190,8 @@ onMounted(loadAuditLogs)
           :page-size="pagination.pageSize"
           :total="pagination.total"
           layout="total, prev, pager, next"
-          @current-change="handlePageChange"
+          class="pagination-center"
+          @current-change="loadAuditLogs"
         />
       </el-card>
     </template>
@@ -193,26 +201,6 @@ onMounted(loadAuditLogs)
 <style scoped>
 @import '../../../styles/admin-list-pages.css';
 
-.total-label {
-  color: var(--text-secondary);
-  font-size: var(--text-sm);
-}
-
-.filter-card {
-  margin-top: var(--space-4);
-}
-
-.filter-row {
-  display: flex;
-  gap: var(--space-3);
-  align-items: center;
-  flex-wrap: wrap;
-}
-
-.table-card {
-  overflow: visible;
-}
-
 .payload-text {
   font-family: var(--font-mono);
   font-size: var(--text-xs);
diff --git a/apps/frontend/src/views/admin/message-deliveries/AdminMessageDeliveriesView.vue b/apps/frontend/src/views/admin/message-deliveries/AdminMessageDeliveriesView.vue
index 3a3b5fa3..27615b0c 100644
--- a/apps/frontend/src/views/admin/message-deliveries/AdminMessageDeliveriesView.vue
+++ b/apps/frontend/src/views/admin/message-deliveries/AdminMessageDeliveriesView.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
+import { computed, ref } from 'vue'
 
+import { useAdminListPage } from '@/composables/useAdminListPage'
 import AdminPageHeader from '@/components/admin/AdminPageHeader.vue'
 import AdminStatusTag from '@/components/admin/AdminStatusTag.vue'
 import { fetchAdminMessageDeliveries } from '@/services/admin'
-import type { AdminMessageDeliveryListItem, AdminPagination } from '@/types/admin'
+import type { AdminMessageDeliveryListItem } from '@/types/admin'
 import { formatAdminDateTime } from '@/utils/admin-time'
 import { adminMessageDeliveryStatusOptions } from '@/utils/admin-options'
 
-const loading = ref(true)
-const errorMessage = ref('')
-const items = ref<AdminMessageDeliveryListItem[]>([])
-
 const provider = ref('agiso')
 const platform = ref('xianyu')
 const status = ref('')
@@ -21,26 +18,18 @@ const taskNo = ref('')
 const dateFrom = ref('')
 const dateTo = ref('')
 
-const pagination = ref<AdminPagination>({
-  page: 1,
-  pageSize: 20,
-  total: 0,
-})
-
-const summary = computed(() => ({
-  successCount: items.value.filter((item) => item.status === 'success').length,
-  failedCount: items.value.filter((item) => item.status === 'failed').length,
-  pendingCount: items.value.filter((item) => item.status === 'pending').length,
-}))
-
-async function loadMessageDeliveries(page = pagination.value.page) {
-  loading.value = true
-  errorMessage.value = ''
-
-  try {
-    const response = await fetchAdminMessageDeliveries({
+const {
+  loading,
+  errorMessage,
+  items,
+  pagination,
+  loadPage: loadMessageDeliveries,
+} = useAdminListPage<AdminMessageDeliveryListItem>({
+  defaultErrorMessage: '读取消息发送记录失败',
+  fetchPage: (page, pageSize) =>
+    fetchAdminMessageDeliveries({
       page,
-      pageSize: pagination.value.pageSize,
+      pageSize,
       provider: provider.value.trim(),
       platform: platform.value.trim(),
       status: status.value.trim(),
@@ -49,15 +38,14 @@ async function loadMessageDeliveries(page = pagination.value.page) {
       taskNo: taskNo.value.trim(),
       dateFrom: dateFrom.value.trim(),
       dateTo: dateTo.value.trim(),
-    })
-    items.value = response.data.items
-    pagination.value = response.data.pagination
-  } catch (error) {
-    errorMessage.value = error instanceof Error ? error.message : '读取消息发送记录失败'
-  } finally {
-    loading.value = false
-  }
-}
+    }),
+})
+
+const summary = computed(() => ({
+  successCount: items.value.filter((item) => item.status === 'success').length,
+  failedCount: items.value.filter((item) => item.status === 'failed').length,
+  pendingCount: items.value.filter((item) => item.status === 'pending').length,
+}))
 
 function resetFilters() {
   provider.value = 'agiso'
@@ -70,8 +58,6 @@ function resetFilters() {
   dateTo.value = ''
   void loadMessageDeliveries(1)
 }
-
-onMounted(loadMessageDeliveries)
 </script>
 
 <template>
diff --git a/apps/frontend/src/views/admin/tasks/AdminTasksView.vue b/apps/frontend/src/views/admin/tasks/AdminTasksView.vue
index 474a3ffe..b40209dc 100644
--- a/apps/frontend/src/views/admin/tasks/AdminTasksView.vue
+++ b/apps/frontend/src/views/admin/tasks/AdminTasksView.vue
@@ -1,51 +1,56 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { ref } from "vue";
 
-import AdminPageHeader from '@/components/admin/AdminPageHeader.vue'
-import AdminStatusTag from '@/components/admin/AdminStatusTag.vue'
-import { showConfirm, showError, showSuccess } from '@/lib/feedback'
+import { useAdminAction } from "@/composables/useAdminAction";
+import { useAdminListPage } from "@/composables/useAdminListPage";
+import AdminPageHeader from "@/components/admin/AdminPageHeader.vue";
+import AdminStatusTag from "@/components/admin/AdminStatusTag.vue";
 import {
   closeAdminTask,
   fetchAdminTasks,
   markAdminTaskManualReview,
   regenerateAdminTaskClaimLink,
   retryAdminTask,
-} from '@/services/admin'
-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'
+} from "@/services/admin";
+import type { AdminTaskActionResponse, AdminTaskListItem } from "@/types/admin";
+import { hasAdminRole } from "@/utils/admin-auth";
+import {
+  formatBindingCountSummary,
+  formatBindingRoleSummary,
+} from "@/utils/admin-display";
+import { adminTaskStatusOptions } from "@/utils/admin-options";
+import { formatAdminDateTime } from "@/utils/admin-time";
 
-const loading = ref(true)
-const actionLoadingId = ref<number | null>(null)
-const errorMessage = ref('')
-const status = ref('')
-const taskNo = ref('')
-const platformOrderId = ref('')
-const roleId = ref('')
-const skuCode = ref('')
-const dateFrom = ref('')
-const dateTo = ref('')
-const items = ref<AdminTaskListItem[]>([])
-const lastClaimUrl = ref('')
-const pagination = ref<AdminPagination>({
-  page: 1,
-  pageSize: 20,
-  total: 0,
-})
-const canManageTaskLifecycle = hasAdminRole('operator')
-const canCloseTasks = hasAdminRole('support')
+const status = ref("");
+const taskNo = ref("");
+const platformOrderId = ref("");
+const roleId = ref("");
+const skuCode = ref("");
+const dateFrom = ref("");
+const dateTo = ref("");
+const lastClaimUrl = ref("");
 
-type AdminTaskActionKey = 'retry' | 'regenerate_claim_link' | 'manual_review' | 'close'
+const canManageTaskLifecycle = hasAdminRole("operator");
+const canCloseTasks = hasAdminRole("support");
 
-async function loadTasks(page = pagination.value.page) {
-  loading.value = true
-  errorMessage.value = ''
+type AdminTaskActionKey =
+  | "retry"
+  | "regenerate_claim_link"
+  | "manual_review"
+  | "close";
 
-  try {
-    const response = await fetchAdminTasks({
+const {
+  loading,
+  errorMessage,
+  items,
+  pagination,
+  loadPage: loadTasks,
+} = useAdminListPage<AdminTaskListItem>({
+  defaultErrorMessage: "读取任务列表失败",
+  fetchPage: (page, pageSize) =>
+    fetchAdminTasks({
       page,
-      pageSize: pagination.value.pageSize,
+      pageSize,
       status: status.value.trim(),
       taskNo: taskNo.value.trim(),
       platformOrderId: platformOrderId.value.trim(),
@@ -53,105 +58,82 @@ async function loadTasks(page = pagination.value.page) {
       skuCode: skuCode.value.trim(),
       dateFrom: dateFrom.value.trim(),
       dateTo: dateTo.value.trim(),
-    })
-    items.value = response.data.items
-    pagination.value = response.data.pagination
-  } catch (error) {
-    errorMessage.value = error instanceof Error ? error.message : '读取任务列表失败'
-  } finally {
-    loading.value = false
-  }
-}
+    }),
+});
 
-function formatBindingRoles(item: AdminTaskListItem) {
-  const roles = item.bindingSummary.roleKeys
-  if (!Array.isArray(roles) || roles.length === 0) return '无绑定角色'
-  return roles.join(' / ')
-}
+const { actionLoadingId, runAction } = useAdminAction();
 
-function formatBindingCountSummary(item: AdminTaskListItem) {
-  const summary = item.bindingSummary
-  return `共 ${summary.totalBindingCount} 条 · 预占 ${summary.reservedBindingCount} · 已消费 ${summary.consumedBindingCount} · 已释放 ${summary.releasedBindingCount}`
-}
+import {
+  formatBindingCountSummary,
+  formatBindingRoleSummary,
+} from "@/utils/admin-display";
 
-onMounted(() => {
-  void loadTasks()
-})
-
-async function runAction(
-  taskId: number,
-  action: () => Promise<{ data: AdminTaskActionResponse }>,
-  successMessage: string,
-  confirmText: string,
+function handleActionCommand(
+  actionKey: AdminTaskActionKey,
+  item: AdminTaskListItem
 ) {
-  try {
-    await showConfirm(confirmText, '确认操作', {
-      type: 'warning',
-      confirmButtonText: '继续执行',
-      cancelButtonText: '取消',
-    })
-  } catch {
-    return
+  if (actionKey === "retry") {
+    void runAction({
+      id: item.taskId,
+      action: async () => {
+        const response = await retryAdminTask(item.taskId);
+        if (response.data.claimUrl) lastClaimUrl.value = response.data.claimUrl;
+      },
+      successMessage: "任务已重试",
+      confirmText: `确认重试任务 ${item.taskNo} 吗？`,
+      onAfterAction: async () => {
+        await loadTasks();
+      },
+    });
+    return;
   }
-
-  actionLoadingId.value = taskId
-  try {
-    const response = await action()
-    if (response.data.claimUrl) lastClaimUrl.value = response.data.claimUrl
-    showSuccess(successMessage)
-    await loadTasks()
-  } catch (error) {
-    showError(error instanceof Error ? error.message : '操作失败')
-  } finally {
-    actionLoadingId.value = null
+  if (actionKey === "regenerate_claim_link") {
+    void runAction({
+      id: item.taskId,
+      action: async () => {
+        const response = await regenerateAdminTaskClaimLink(item.taskId);
+        if (response.data.claimUrl) lastClaimUrl.value = response.data.claimUrl;
+      },
+      successMessage: "领取链接已重新生成",
+      confirmText: `确认重新生成任务 ${item.taskNo} 的领取链接吗？旧链接会失效。`,
+      onAfterAction: async () => {
+        await loadTasks();
+      },
+    });
+    return;
   }
-}
-
-function handleActionCommand(actionKey: AdminTaskActionKey, item: AdminTaskListItem) {
-  if (actionKey === 'retry') {
-    void runAction(
-      item.taskId,
-      () => retryAdminTask(item.taskId),
-      '任务已重试',
-      `确认重试任务 ${item.taskNo} 吗？`,
-    )
-    return
+  if (actionKey === "manual_review") {
+    void runAction({
+      id: item.taskId,
+      action: () => markAdminTaskManualReview(item.taskId),
+      successMessage: "任务已转人工处理",
+      confirmText: `确认将任务 ${item.taskNo} 转为人工处理吗？`,
+      onAfterAction: async () => {
+        await loadTasks();
+      },
+    });
+    return;
   }
-  if (actionKey === 'regenerate_claim_link') {
-    void runAction(
-      item.taskId,
-      () => regenerateAdminTaskClaimLink(item.taskId),
-      '领取链接已重新生成',
-      `确认重新生成任务 ${item.taskNo} 的领取链接吗？旧链接会失效。`,
-    )
-    return
-  }
-  if (actionKey === 'manual_review') {
-    void runAction(
-      item.taskId,
-      () => markAdminTaskManualReview(item.taskId),
-      '任务已转人工处理',
-      `确认将任务 ${item.taskNo} 转为人工处理吗？`,
-    )
-    return
-  }
-  void runAction(
-    item.taskId,
-    () => closeAdminTask(item.taskId),
-    '任务已关闭',
-    `确认关闭任务 ${item.taskNo} 吗？关闭后不会自动继续推进。`,
-  )
+  void runAction({
+    id: item.taskId,
+    action: () => closeAdminTask(item.taskId),
+    successMessage: "任务已关闭",
+    confirmText: `确认关闭任务 ${item.taskNo} 吗？关闭后不会自动继续推进。`,
+    onAfterAction: async () => {
+      await loadTasks();
+    },
+  });
 }
 
 function resetFilters() {
-  status.value = ''
-  taskNo.value = ''
-  platformOrderId.value = ''
-  roleId.value = ''
-  skuCode.value = ''
-  dateFrom.value = ''
-  dateTo.value = ''
-  void loadTasks(1)
+  status.value = "";
+  taskNo.value = "";
+  platformOrderId.value = "";
+  roleId.value = "";
+  skuCode.value = "";
+  dateFrom.value = "";
+  dateTo.value = "";
+  void loadTasks(1);
 }
 </script>
 
@@ -170,7 +152,9 @@ function resetFilters() {
       <template #header>
         <div class="card-header">
           <span class="card-title">查询任务</span>
-          <span class="card-desc">按状态、任务号、订单号、角色标识、SKU 和日期筛选。</span>
+          <span class="card-desc"
+            >按状态、任务号、订单号、角色标识、SKU 和日期筛选。</span
+          >
         </div>
       </template>
       <div class="filter-grid">
@@ -200,7 +184,12 @@ function resetFilters() {
           clearable
           @keyup.enter="loadTasks(1)"
         />
-        <el-input v-model="skuCode" placeholder="商品 SKU" clearable @keyup.enter="loadTasks(1)" />
+        <el-input
+          v-model="skuCode"
+          placeholder="商品 SKU"
+          clearable
+          @keyup.enter="loadTasks(1)"
+        />
         <el-date-picker
           v-model="dateFrom"
           type="date"
@@ -250,10 +239,17 @@ function resetFilters() {
       <template v-else>
         <div class="tasks-toolbar table-toolbar">
           <strong>任务列表</strong>
-          <span>第 {{ pagination.page }} 页，当前展示 {{ items.length }} 条</span>
+          <span
+            >第 {{ pagination.page }} 页，当前展示 {{ items.length }} 条</span
+          >
         </div>
 
-        <el-table :data="items" stripe size="small" class="tasks-table data-table">
+        <el-table
+          :data="items"
+          stripe
+          size="small"
+          class="tasks-table data-table"
+        >
           <el-table-column label="任务 / 商品" min-width="220">
             <template #default="{ row }">
               <div class="cell-stack">
@@ -268,12 +264,14 @@ function resetFilters() {
                   <span class="compact-chip" :title="row.platformOrderId"
                     >订单 {{ row.platformOrderId }}</span
                   >
-                  <span class="compact-chip compact-chip--muted">重试 {{ row.retryCount }} 次</span>
+                  <span class="compact-chip compact-chip--muted"
+                    >重试 {{ row.retryCount }} 次</span
+                  >
                 </div>
                 <span class="cell-title" :title="row.skuName || row.skuCode">{{
                   row.skuName || row.skuCode
                 }}</span>
-                <span class="cell-subline">SKU {{ row.skuCode || '-' }}</span>
+                <span class="cell-subline">SKU {{ row.skuCode || "-" }}</span>
               </div>
             </template>
           </el-table-column>
@@ -298,15 +296,21 @@ function resetFilters() {
           <el-table-column label="角色 / 凭据" min-width="180">
             <template #default="{ row }">
               <div class="cell-stack">
-                <span class="cell-title" :title="row.roleName || row.roleId || '-'">{{
-                  row.roleName || '-'
-                }}</span>
-                <span class="cell-subline" :title="row.roleId || '-'"
-                  >角色ID {{ row.roleId || '-' }}</span
+                <span
+                  class="cell-title"
+                  :title="row.roleName || row.roleId || '-'"
+                  >{{ row.roleName || "-" }}</span
                 >
-                <span class="cell-subline">登录 {{ row.loginType || '-' }}</span>
-                <span class="cell-subline" :title="row.inventoryDisplayMasked || '-'"
-                  >凭据 {{ row.inventoryDisplayMasked || '-' }}</span
+                <span class="cell-subline" :title="row.roleId || '-'"
+                  >角色ID {{ row.roleId || "-" }}</span
+                >
+                <span class="cell-subline"
+                  >登录 {{ row.loginType || "-" }}</span
+                >
+                <span
+                  class="cell-subline"
+                  :title="row.inventoryDisplayMasked || '-'"
+                  >凭据 {{ row.inventoryDisplayMasked || "-" }}</span
                 >
                 <span class="cell-subline" :title="formatBindingRoles(row)"
                   >绑定 {{ formatBindingRoles(row) }}</span
@@ -322,8 +326,12 @@ function resetFilters() {
           <el-table-column label="时间" min-width="180">
             <template #default="{ row }">
               <div class="cell-stack">
-                <span class="cell-subline">创建 {{ formatAdminDateTime(row.createdAt) }}</span>
-                <span class="cell-subline">更新 {{ formatAdminDateTime(row.updatedAt) }}</span>
+                <span class="cell-subline"
+                  >创建 {{ formatAdminDateTime(row.createdAt) }}</span
+                >
+                <span class="cell-subline"
+                  >更新 {{ formatAdminDateTime(row.updatedAt) }}</span
+                >
                 <span v-if="row.claimedAt" class="cell-subline"
                   >领取 {{ formatAdminDateTime(row.claimedAt) }}</span
                 >
@@ -340,32 +348,46 @@ function resetFilters() {
             <template #default="{ row }">
               <div class="cell-stack">
                 <span class="cell-error" :title="row.lastError || '-'">{{
-                  row.lastError || '当前无异常'
+                  row.lastError || "当前无异常"
                 }}</span>
                 <div class="action-stack">
                   <el-button
                     v-if="canManageTaskLifecycle"
                     :disabled="
                       row.executorKey === 'manual_dispatch' ||
-                      !['retry_pending', 'manual_review', 'waiting_inventory'].includes(row.status)
+                      ![
+                        'retry_pending',
+                        'manual_review',
+                        'waiting_inventory',
+                      ].includes(row.status)
                     "
                     :loading="actionLoadingId === row.taskId"
                     size="small"
                     type="danger"
                     plain
                     @click="
-                      runAction(
-                        row.taskId,
-                        () => retryAdminTask(row.taskId),
-                        '任务已重试',
-                        `确认重试任务 ${row.taskNo} 吗？`,
-                      )
+                      runAction({
+                        id: row.taskId,
+                        action: async () => {
+                          const response = await retryAdminTask(row.taskId);
+                          if (response.data.claimUrl)
+                            lastClaimUrl.value = response.data.claimUrl;
+                        },
+                        successMessage: '任务已重试',
+                        confirmText: `确认重试任务 ${row.taskNo} 吗？`,
+                        onAfterAction: async () => {
+                          await loadTasks();
+                        },
+                      })
                     "
                   >
                     重试
                   </el-button>
                   <el-button
-                    v-if="canManageTaskLifecycle && row.executorKey !== 'manual_dispatch'"
+                    v-if="
+                      canManageTaskLifecycle &&
+                      row.executorKey !== 'manual_dispatch'
+                    "
                     size="small"
                     @click="handleActionCommand('regenerate_claim_link', row)"
                   >
@@ -379,7 +401,10 @@ function resetFilters() {
                     转人工
                   </el-button>
                   <el-button
-                    v-if="canCloseTasks && !['redeemed', 'closed'].includes(row.status)"
+                    v-if="
+                      canCloseTasks &&
+                      !['redeemed', 'closed'].includes(row.status)
+                    "
                     size="small"
                     type="danger"
                     @click="handleActionCommand('close', row)"
@@ -407,13 +432,12 @@ function resetFilters() {
 </template>
 
 <style scoped>
-@import '../../../styles/admin-list-pages.css';
+@import "../../../styles/admin-list-pages.css";
 
 .filter-grid {
-  grid-template-columns: minmax(150px, 0.75fr) minmax(220px, 1fr) minmax(220px, 1fr) minmax(
-      210px,
-      0.95fr
-    );
+  grid-template-columns:
+    minmax(150px, 0.75fr) minmax(220px, 1fr) minmax(220px, 1fr)
+    minmax(210px, 0.95fr);
 }
 .filter-grid :deep(.el-date-editor) {
   width: 100%;