From cf5a0b179e3d4874cd4c40f1b3c8346f8a0c0df2 Mon Sep 17 00:00:00 2001
From: dmy <dmy@dmy.com>
Date: Sun, 18 Jan 2026 20:48:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=8D=95=E4=B8=AA?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=BA=90=E6=89=8B=E5=8A=A8=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ionic-app/src/components/CrawlInfo.vue | 68 +++++++++++++++++++++-----
 ionic-app/src/utils/api.ts             |  7 +++
 2 files changed, 64 insertions(+), 11 deletions(-)

diff --git a/ionic-app/src/components/CrawlInfo.vue b/ionic-app/src/components/CrawlInfo.vue
index 9aa70a1..0f2d3a6 100644
--- a/ionic-app/src/components/CrawlInfo.vue
+++ b/ionic-app/src/components/CrawlInfo.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from 'vue'
-import { IonCard, IonCardHeader, IonCardTitle, IonCardContent, IonBadge, IonSpinner, IonRefresher, IonRefresherContent, RefresherEventDetail } from '@ionic/vue'
-import { getCrawlInfoStats } from '@/utils/api'
+import { IonCard, IonCardHeader, IonCardTitle, IonCardContent, IonBadge, IonSpinner, IonRefresher, IonRefresherContent, IonButton, RefresherEventDetail } from '@ionic/vue'
+import { getCrawlInfoStats, crawlSingleSource } from '@/utils/api'
 import type { CrawlInfoStat } from '@/types'
 
 const crawlStats = ref<CrawlInfoStat[]>([])
 const loading = ref<boolean>(true)
 const error = ref<string>('')
+const updatingSources = ref<Set<string>>(new Set())
 
 const loadCrawlStats = async () => {
   try {
@@ -22,6 +23,24 @@ const loadCrawlStats = async () => {
   }
 }
 
+const handleUpdateSource = async (sourceName: string) => {
+  if (updatingSources.value.has(sourceName)) {
+    return
+  }
+
+  try {
+    updatingSources.value.add(sourceName)
+    await crawlSingleSource(sourceName)
+    // 更新成功后重新加载统计数据
+    await loadCrawlStats()
+  } catch (err: any) {
+    console.error(`更新 ${sourceName} 失败:`, err)
+    alert(`更新失败: ${err.message || err}`)
+  } finally {
+    updatingSources.value.delete(sourceName)
+  }
+}
+
 const getStatusText = (stat: CrawlInfoStat): string => {
   if (stat.error) {
     return '出错'
@@ -142,15 +161,27 @@ defineExpose({
         <IonCardContent class="crawl-card-content">
           <div class="crawl-header">
             <span class="source-name">{{ stat.source }}</span>
-            <IonBadge 
-              :style="{ 
-                backgroundColor: getStatusColor(stat),
-                color: getStatusTextColor(stat)
-              }"
-              class="status-badge"
-            >
-              {{ getStatusText(stat) }}
-            </IonBadge>
+            <div class="header-actions">
+              <IonBadge
+                :style="{
+                  backgroundColor: getStatusColor(stat),
+                  color: getStatusTextColor(stat)
+                }"
+                class="status-badge"
+              >
+                {{ getStatusText(stat) }}
+              </IonBadge>
+              <IonButton
+                size="small"
+                fill="outline"
+                :disabled="updatingSources.has(stat.source)"
+                @click="handleUpdateSource(stat.source)"
+                class="update-button"
+              >
+                <span v-if="updatingSources.has(stat.source)">更新中...</span>
+                <span v-else>更新</span>
+              </IonButton>
+            </div>
           </div>
           <div class="crawl-details">
             <div class="detail-item">
@@ -264,6 +295,12 @@ defineExpose({
   color: #333;
 }
 
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .status-badge {
   padding: 4px 12px;
   border-radius: 12px;
@@ -271,6 +308,15 @@ defineExpose({
   font-weight: 500;
 }
 
+.update-button {
+  --padding-start: 8px;
+  --padding-end: 8px;
+  --padding-top: 4px;
+  --padding-bottom: 4px;
+  font-size: 12px;
+  height: 28px;
+}
+
 .crawl-details {
   display: flex;
   flex-direction: column;
diff --git a/ionic-app/src/utils/api.ts b/ionic-app/src/utils/api.ts
index e1e2d2d..85124ca 100644
--- a/ionic-app/src/utils/api.ts
+++ b/ionic-app/src/utils/api.ts
@@ -55,6 +55,13 @@ export function getCrawlInfoStats(): Promise<CrawlInfoStat[]> {
   return api.get('/api/bids/crawl-info-stats').then(res => res.data)
 }
 
+/**
+ * 爬取单个数据源
+ */
+export function crawlSingleSource(sourceName: string): Promise<any> {
+  return api.post(`/api/crawler/crawl/${encodeURIComponent(sourceName)}`).then(res => res.data)
+}
+
 /**
  * 切换置顶状态
  */