抽离平台配置结果信息卡片

apps/frontend/src/components/admin/AdminPlatformKhhaoSection.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import AdminResultCard from '@/components/admin/AdminResultCard.vue'
 import type {
   AdminKhhaoLoginTestResult,
   AdminKhhaoOrderQueryResult,
@@ -130,29 +131,23 @@ defineProps<Props>()
     <p v-if="khhaoResultError" class="error-copy">{{ khhaoResultError }}</p>
 
     <div class="result-grid">
-      <article class="result-card">
-        <span class="result-label">登录结果</span>
-        <strong>{{ khhaoLoginResult ? '成功' : '未执行' }}</strong>
+      <AdminResultCard label="登录结果" :value="khhaoLoginResult ? '成功' : '未执行'">
         <p v-if="khhaoLoginResult">
           第 {{ khhaoLoginResult.attempt }} 次成功，验证码识别 {{ khhaoLoginResult.captcha.recognizedText || '-' }}，
           {{ formatAdminDateTime(khhaoLoginResult.loggedInAt) }}
         </p>
         <p v-else>可先点击“测试登录”验证账号密码与 OCR。</p>
-      </article>
+      </AdminResultCard>
 
-      <article class="result-card">
-        <span class="result-label">查询结果</span>
-        <strong>{{ khhaoQueryResult?.itemCount || 0 }} 条</strong>
+      <AdminResultCard label="查询结果" :value="`${khhaoQueryResult?.itemCount || 0} 条`">
         <p v-if="khhaoQueryResult">当前页 {{ khhaoQueryResult.page }} / 总计 {{ khhaoQueryResult.total }} 条</p>
         <p v-else>可先点击“查询订单”验证拉单链路。</p>
-      </article>
+      </AdminResultCard>
 
-      <article class="result-card">
-        <span class="result-label">同步结果</span>
-        <strong>{{ khhaoSyncResult?.syncedCount || 0 }} 条</strong>
+      <AdminResultCard label="同步结果" :value="`${khhaoSyncResult?.syncedCount || 0} 条`">
         <p v-if="khhaoSyncResult">忽略 {{ khhaoSyncResult.ignoredCount }} 条，拉取 {{ khhaoSyncResult.fetchedCount }} 条</p>
         <p v-else>完成履约配置后可在这里手动同步。</p>
-      </article>
+      </AdminResultCard>
     </div>
 
     <div v-if="khhaoAutoSyncState" class="meta-card compact-meta">