feat: 添加爬虫统计信息页面和功能

新增爬虫统计信息页面，展示各来源的爬取数量、最新更新时间、错误信息等统计指标
后端添加爬虫统计信息存储和查询接口，记录每次爬取的结果
支持按关键词过滤招标信息查询

frontend/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc -b && vite build",
-    "build:watch": "vue-tsc -b && vite build --watch",
+    "build:watch": "concurrently \"vue-tsc -b --watch\" \"vite build --watch\"",
     "preview": "vite preview"
   },
   "dependencies": {

frontend/src/App.vue

@@ -26,6 +26,10 @@
           <el-icon><Setting /></el-icon>
           <span>Keywords</span>
         </el-menu-item>
+        <el-menu-item index="5">
+          <el-icon><Connection /></el-icon>
+          <span>Crawl Info</span>
+        </el-menu-item>
       </el-menu>
     </el-aside>
 
@@ -66,6 +70,10 @@
           :loading="loading"
           @refresh="fetchData"
         />
+
+        <CrawlInfo
+          v-if="activeIndex === '5'"
+        />
       </el-main>
     </el-container>
   </el-container>
@@ -75,11 +83,12 @@
 import { ref, onMounted } from 'vue'
 import axios from 'axios'
 import { ElMessage } from 'element-plus'
-import { DataBoard, Document, Setting, MagicStick } from '@element-plus/icons-vue'
+import { DataBoard, Document, Setting, MagicStick, Connection } from '@element-plus/icons-vue'
 import Dashboard from './components/Dashboard.vue'
 import DashboardAI from './components/Dashboard-AI.vue'
 import Bids from './components/Bids.vue'
 import Keywords from './components/Keywords.vue'
+import CrawlInfo from './components/CrawlInfo.vue'
 
 const activeIndex = ref('1')
 const bids = ref<any[]>([])

frontend/src/components/CrawlInfo.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="crawl-info">
+    <el-card>
+      <template #header>
+        <div class="card-header">
+          <span>爬虫统计信息</span>
+          <el-button type="primary" size="small" @click="fetchCrawlStats" :loading="loading">
+            <el-icon><Refresh /></el-icon>
+            刷新
+          </el-button>
+        </div>
+      </template>
+
+      <el-table :data="crawlStats" stripe style="width: 100%" v-loading="loading">
+        <el-table-column prop="source" label="爬虫来源" width="200" />
+        <el-table-column prop="count" label="本次获取数量" width="120" sortable />
+        <el-table-column label="最近更新时间" width="180">
+          <template #default="{ row }">
+            {{ formatDate(row.latestUpdate) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="最新工程时间" width="180">
+          <template #default="{ row }">
+            {{ formatDate(row.latestPublishDate) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.error ? 'danger' : (row.count > 0 ? 'success' : 'info')">
+              {{ row.error ? '出错' : (row.count > 0 ? '正常' : '无数据') }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="错误信息" min-width="200">
+          <template #default="{ row }">
+            <span v-if="row.error" style="color: #f56c6c">{{ row.error }}</span>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="summary" v-if="crawlStats.length > 0">
+        <el-descriptions :column="3" border>
+          <el-descriptions-item label="爬虫来源总数">
+            {{ crawlStats.length }}
+          </el-descriptions-item>
+          <el-descriptions-item label="本次获取总数">
+            {{ totalCount }}
+          </el-descriptions-item>
+          <el-descriptions-item label="有数据来源">
+            {{ activeSources }}
+          </el-descriptions-item>
+          <el-descriptions-item label="出错来源">
+            {{ errorSources }}
+          </el-descriptions-item>
+        </el-descriptions>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from 'vue'
+import axios from 'axios'
+import { ElMessage } from 'element-plus'
+import { Refresh } from '@element-plus/icons-vue'
+
+interface CrawlStat {
+  source: string
+  count: number
+  latestUpdate: string | null
+  latestPublishDate: string | null
+  error: string | null
+}
+
+const crawlStats = ref<CrawlStat[]>([])
+const loading = ref(false)
+
+const totalCount = computed(() => {
+  return crawlStats.value.reduce((sum, item) => sum + item.count, 0)
+})
+
+const activeSources = computed(() => {
+  return crawlStats.value.filter(item => item.count > 0).length
+})
+
+const errorSources = computed(() => {
+  return crawlStats.value.filter(item => item.error).length
+})
+
+const formatDate = (dateStr: string | null) => {
+  if (!dateStr) return '-'
+  const date = new Date(dateStr)
+  return date.toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
+}
+
+const fetchCrawlStats = async () => {
+  loading.value = true
+  try {
+    const res = await axios.get('/api/bids/crawl-info-stats')
+    crawlStats.value = res.data
+  } catch (error) {
+    console.error('Failed to fetch crawl stats:', error)
+    ElMessage.error('获取爬虫统计信息失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+onMounted(() => {
+  fetchCrawlStats()
+})
+</script>
+
+<style scoped>
+.crawl-info {
+  padding: 20px;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.summary {
+  margin-top: 20px;
+}
+</style>