使用element ui-2

apps/frontend/src/views/admin/tasks/AdminTaskDetail.css

@@ -147,7 +147,7 @@
   margin-bottom: 14px;
 }
 
-.redeem-summary-card,
+.metric-card,
 .redeem-attempt-card {
   padding: 14px var(--space-4);
   border-radius: var(--radius-md);
@@ -155,7 +155,7 @@
   background: rgba(248, 250, 252, 0.92);
 }
 
-.redeem-summary-card span,
+.metric-card span,
 .redeem-attempt-grid span {
   display: block;
   color: var(--text-secondary);
@@ -163,7 +163,7 @@
   margin-bottom: 6px;
 }
 
-.redeem-summary-card strong,
+.metric-card strong,
 .redeem-attempt-grid strong {
   color: var(--text-primary);
 }

apps/frontend/src/views/admin/tasks/components/AdminTaskAutoDeliverySection.vue

@@ -19,23 +19,23 @@ defineProps<Props>()
     <p class="section-copy">这里展示这条任务最近一次触发咸鱼自动发货的状态、原因和接口回执摘要。</p>
 
     <div class="redeem-summary-grid">
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>当前状态</span>
         <div class="auto-delivery-tag-line">
           <AdminStatusTag :status="autoDeliveryStatus" />
         </div>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>触发来源</span>
         <strong>{{
           formatAutoDeliveryTrigger(detail.task.agisoAutoDelivery?.trigger || '')
         }}</strong>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>最近执行</span>
         <strong>{{ formatAdminDateTime(detail.task.agisoAutoDelivery?.updatedAt) }}</strong>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>接口回执</span>
         <strong>
           {{

apps/frontend/src/views/admin/tasks/components/AdminTaskKuaishouCloudPanel.vue

@@ -74,25 +74,25 @@ const emit = defineEmits<{
     </div>
 
     <div class="redeem-summary-grid">
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>准备状态</span>
         <div class="auto-delivery-tag-line">
           <AdminStatusTag :status="flow.binding.prepareStatus" />
         </div>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>发货状态</span>
         <div class="auto-delivery-tag-line">
           <AdminStatusTag :status="flow.dispatch.status" />
         </div>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>退号状态</span>
         <div class="auto-delivery-tag-line">
           <AdminStatusTag :status="flow.returnNumber.status" />
         </div>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>当前任务状态</span>
         <div class="auto-delivery-tag-line">
           <AdminStatusTag :status="detail.task.status" />

apps/frontend/src/views/admin/tasks/components/AdminTaskRedeemResolutionSection.vue

@@ -18,19 +18,19 @@ defineProps<Props>()
     </p>
 
     <div class="redeem-summary-grid">
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>处理结果</span>
         <strong>{{ formatRedeemResolutionStatus(detail.redeemResolution!.status) }}</strong>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>任务收口状态</span>
         <strong>{{ detail.redeemResolution!.taskStatus || detail.task.status || '-' }}</strong>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>更换新码次数</span>
         <strong>{{ detail.redeemResolution!.replacementCount }}</strong>
       </el-card>
-      <el-card shadow="never" class="redeem-summary-card">
+      <el-card shadow="never" class="metric-card">
         <span>完成时间</span>
         <strong>{{ formatAdminDateTime(detail.redeemResolution!.finishedAt) }}</strong>
       </el-card>