feat: Add batch processing and upload functionality, including new backend APIs, logging system, SQLite database, and dedicated frontend pages.

frontend/src/components/upload/BatchResultHistory.tsx

@@ -0,0 +1,430 @@
+import { useState, useEffect, useCallback } from 'react'
+import {
+  ChevronDown,
+  ChevronRight,
+  ChevronLeft,
+  CheckCircle,
+  AlertTriangle,
+  Clock,
+  Users,
+  Settings,
+  RefreshCw,
+  FileText,
+} from 'lucide-react'
+import { Button } from '../common'
+
+interface TeamResult {
+  id: number
+  batch_id: number
+  team_index: number
+  owner_email: string
+  team_id: string
+  registered: number
+  added_to_s2a: number
+  member_emails: string[]
+  errors: string[]
+  duration_ms: number
+  created_at: string
+}
+
+interface BatchRun {
+  id: number
+  started_at: string
+  finished_at: string
+  total_owners: number
+  total_registered: number
+  total_added_to_s2a: number
+  success_rate: number
+  duration_seconds: number
+  status: string
+  errors: string
+}
+
+interface BatchHistoryResponse {
+  runs: BatchRun[]
+  total: number
+  page: number
+  page_size: number
+  total_pages: number
+}
+
+interface BatchDetailResponse {
+  batch: BatchRun
+  results: TeamResult[]
+}
+
+// 格式化时间
+function formatTime(dateStr: string): string {
+  if (!dateStr) return '-'
+  const date = new Date(dateStr)
+  const now = new Date()
+  const isToday = date.toDateString() === now.toDateString()
+
+  if (isToday) {
+    return date.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit', second: '2-digit' })
+  }
+  return date.toLocaleString('zh-CN', {
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+  })
+}
+
+// 格式化耗时
+function formatDuration(seconds: number): string {
+  if (seconds < 60) return `${seconds}s`
+  const minutes = Math.floor(seconds / 60)
+  const secs = seconds % 60
+  if (minutes < 60) return `${minutes}m ${secs}s`
+  const hours = Math.floor(minutes / 60)
+  const mins = minutes % 60
+  return `${hours}h ${mins}m`
+}
+
+// Team 详情行组件
+function TeamResultRow({ result }: { result: TeamResult }) {
+  const [expanded, setExpanded] = useState(false)
+  const hasErrors = result.errors && result.errors.length > 0
+
+  return (
+    <div className="border-b border-slate-100 dark:border-slate-700/50 last:border-b-0">
+      {/* 折叠头部 */}
+      <div
+        onClick={() => setExpanded(!expanded)}
+        className="flex items-center justify-between px-4 py-3 cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-700/30 transition-colors"
+      >
+        <div className="flex items-center gap-3">
+          {expanded ? (
+            <ChevronDown className="h-4 w-4 text-slate-400" />
+          ) : (
+            <ChevronRight className="h-4 w-4 text-slate-400" />
+          )}
+          <span className="px-2 py-0.5 rounded text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400">
+            Team {result.team_index}
+          </span>
+          <span className="text-sm text-slate-600 dark:text-slate-300 truncate max-w-[180px]">
+            {result.owner_email}
+          </span>
+          {hasErrors && (
+            <AlertTriangle className="h-4 w-4 text-amber-500" />
+          )}
+        </div>
+        <div className="flex items-center gap-4 text-sm">
+          <span className="flex items-center gap-1 text-green-600 dark:text-green-400">
+            <CheckCircle className="h-3.5 w-3.5" />
+            {result.registered}
+          </span>
+          <span className="flex items-center gap-1 text-purple-600 dark:text-purple-400">
+            <Settings className="h-3.5 w-3.5" />
+            {result.added_to_s2a}
+          </span>
+          <span className="text-slate-400 text-xs w-16 text-right">
+            {(result.duration_ms / 1000).toFixed(1)}s
+          </span>
+        </div>
+      </div>
+
+      {/* 展开详情 */}
+      {expanded && (
+        <div className="px-4 pb-3 pl-11 space-y-2 animate-in slide-in-from-top-2 duration-200">
+          {result.team_id && (
+            <div className="text-xs text-slate-500">
+              <span className="font-medium">Team ID:</span> {result.team_id}
+            </div>
+          )}
+
+          {result.member_emails && result.member_emails.length > 0 && (
+            <div>
+              <p className="text-xs text-slate-500 mb-1 font-medium">成员邮箱:</p>
+              <div className="flex flex-wrap gap-1">
+                {result.member_emails.map((email, idx) => (
+                  <span
+                    key={idx}
+                    className="px-2 py-0.5 rounded text-xs bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400"
+                  >
+                    {email}
+                  </span>
+                ))}
+              </div>
+            </div>
+          )}
+
+          {hasErrors && (
+            <div>
+              <p className="text-xs text-red-500 mb-1 font-medium flex items-center gap-1">
+                <AlertTriangle className="h-3 w-3" />
+                错误:
+              </p>
+              <div className="space-y-0.5">
+                {result.errors.map((err, idx) => (
+                  <p key={idx} className="text-xs text-red-400 pl-4">
+                    • {err}
+                  </p>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  )
+}
+
+// 批次卡片组件
+function BatchCard({ batch, onLoadDetail }: { batch: BatchRun; onLoadDetail: (id: number) => Promise<TeamResult[]> }) {
+  const [expanded, setExpanded] = useState(false)
+  const [results, setResults] = useState<TeamResult[] | null>(null)
+  const [loading, setLoading] = useState(false)
+
+  const handleToggle = async () => {
+    if (!expanded && results === null) {
+      setLoading(true)
+      try {
+        const data = await onLoadDetail(batch.id)
+        setResults(data)
+      } catch (e) {
+        console.error('加载批次详情失败:', e)
+      }
+      setLoading(false)
+    }
+    setExpanded(!expanded)
+  }
+
+  const errorCount = results?.filter(r => r.errors && r.errors.length > 0).length || 0
+
+  return (
+    <div className="rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800/50 shadow-sm overflow-hidden">
+      {/* 批次头部 */}
+      <div
+        onClick={handleToggle}
+        className="flex items-center justify-between p-4 cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-700/30 transition-colors"
+      >
+        <div className="flex items-center gap-3">
+          {loading ? (
+            <RefreshCw className="h-5 w-5 text-blue-500 animate-spin" />
+          ) : expanded ? (
+            <ChevronDown className="h-5 w-5 text-slate-400" />
+          ) : (
+            <ChevronRight className="h-5 w-5 text-slate-400" />
+          )}
+          <div>
+            <div className="flex items-center gap-2">
+              <FileText className="h-4 w-4 text-blue-500" />
+              <span className="font-medium text-slate-800 dark:text-slate-200">
+                批次 #{batch.id}
+              </span>
+              <span className={`px-2 py-0.5 rounded text-xs font-medium ${
+                batch.status === 'completed'
+                  ? 'bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400'
+                  : 'bg-amber-100 dark:bg-amber-900/30 text-amber-600 dark:text-amber-400'
+              }`}>
+                {batch.status === 'completed' ? '已完成' : '运行中'}
+              </span>
+            </div>
+            <div className="flex items-center gap-2 mt-1 text-xs text-slate-500">
+              <Clock className="h-3 w-3" />
+              {formatTime(batch.started_at)}
+            </div>
+          </div>
+        </div>
+
+        {/* 汇总统计 */}
+        <div className="flex items-center gap-3 text-sm">
+          <div className="flex items-center gap-1 px-2 py-1 rounded bg-slate-100 dark:bg-slate-700">
+            <Users className="h-3.5 w-3.5 text-slate-500" />
+            <span className="text-slate-600 dark:text-slate-300">{batch.total_owners}</span>
+          </div>
+          <div className="flex items-center gap-1 px-2 py-1 rounded bg-green-50 dark:bg-green-900/20">
+            <CheckCircle className="h-3.5 w-3.5 text-green-500" />
+            <span className="text-green-600 dark:text-green-400">{batch.total_registered}</span>
+          </div>
+          <div className="flex items-center gap-1 px-2 py-1 rounded bg-purple-50 dark:bg-purple-900/20">
+            <Settings className="h-3.5 w-3.5 text-purple-500" />
+            <span className="text-purple-600 dark:text-purple-400">{batch.total_added_to_s2a}</span>
+          </div>
+          {expanded && errorCount > 0 && (
+            <div className="flex items-center gap-1 px-2 py-1 rounded bg-red-50 dark:bg-red-900/20">
+              <AlertTriangle className="h-3.5 w-3.5 text-red-500" />
+              <span className="text-red-600 dark:text-red-400">{errorCount}</span>
+            </div>
+          )}
+          <span className="text-slate-400 text-xs">
+            {formatDuration(batch.duration_seconds)}
+          </span>
+        </div>
+      </div>
+
+      {/* 展开的 Team 列表 */}
+      {expanded && (
+        <div className="border-t border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/30">
+          {loading ? (
+            <div className="flex items-center justify-center py-8 text-slate-500">
+              <RefreshCw className="h-5 w-5 animate-spin mr-2" />
+              加载中...
+            </div>
+          ) : results && results.length > 0 ? (
+            <div className="divide-y divide-slate-100 dark:divide-slate-700/50">
+              {results.map((result) => (
+                <TeamResultRow key={result.id || result.team_index} result={result} />
+              ))}
+            </div>
+          ) : (
+            <div className="py-6 text-center text-slate-400 text-sm">
+              暂无 Team 处理记录
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  )
+}
+
+// 分页组件
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+}: {
+  page: number
+  totalPages: number
+  onPageChange: (page: number) => void
+}) {
+  if (totalPages <= 1) return null
+
+  return (
+    <div className="flex items-center justify-center gap-2 mt-4">
+      <Button
+        variant="outline"
+        size="sm"
+        disabled={page <= 1}
+        onClick={() => onPageChange(page - 1)}
+        icon={<ChevronLeft className="h-4 w-4" />}
+      >
+        上一页
+      </Button>
+      <span className="text-sm text-slate-500 px-4">
+        第 {page} / {totalPages} 页
+      </span>
+      <Button
+        variant="outline"
+        size="sm"
+        disabled={page >= totalPages}
+        onClick={() => onPageChange(page + 1)}
+      >
+        下一页
+        <ChevronRight className="h-4 w-4 ml-1" />
+      </Button>
+    </div>
+  )
+}
+
+// 主组件
+export default function BatchResultHistory() {
+  const [batches, setBatches] = useState<BatchRun[]>([])
+  const [page, setPage] = useState(1)
+  const [totalPages, setTotalPages] = useState(1)
+  const [total, setTotal] = useState(0)
+  const [loading, setLoading] = useState(true)
+
+  // 加载批次列表
+  const loadBatches = useCallback(async (p: number) => {
+    setLoading(true)
+    try {
+      const res = await fetch(`/api/batch/history?page=${p}&page_size=5`)
+      if (res.ok) {
+        const data = await res.json()
+        if (data.code === 0) {
+          const result = data.data as BatchHistoryResponse
+          setBatches(result.runs || [])
+          setTotalPages(result.total_pages)
+          setTotal(result.total)
+          setPage(result.page)
+        }
+      }
+    } catch (e) {
+      console.error('加载批次历史失败:', e)
+    }
+    setLoading(false)
+  }, [])
+
+  // 加载批次详情
+  const loadBatchDetail = useCallback(async (batchId: number): Promise<TeamResult[]> => {
+    try {
+      const res = await fetch(`/api/batch/detail?id=${batchId}`)
+      if (res.ok) {
+        const data = await res.json()
+        if (data.code === 0) {
+          const result = data.data as BatchDetailResponse
+          return result.results || []
+        }
+      }
+    } catch (e) {
+      console.error('加载批次详情失败:', e)
+    }
+    return []
+  }, [])
+
+  useEffect(() => {
+    loadBatches(1)
+  }, [loadBatches])
+
+  const handlePageChange = (newPage: number) => {
+    loadBatches(newPage)
+  }
+
+  const handleRefresh = () => {
+    loadBatches(page)
+  }
+
+  return (
+    <div className="h-full flex flex-col">
+      {/* 头部 */}
+      <div className="flex items-center justify-between p-4 border-b border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800">
+        <div className="flex items-center gap-2">
+          <FileText className="h-5 w-5 text-green-500" />
+          <h3 className="font-medium text-slate-800 dark:text-slate-200">处理历史</h3>
+          <span className="text-sm text-slate-500">共 {total} 个批次</span>
+        </div>
+        <Button
+          variant="outline"
+          size="sm"
+          onClick={handleRefresh}
+          disabled={loading}
+          icon={<RefreshCw className={`h-4 w-4 ${loading ? 'animate-spin' : ''}`} />}
+        >
+          刷新
+        </Button>
+      </div>
+
+      {/* 内容区域 */}
+      <div className="flex-1 overflow-y-auto p-4">
+        {loading && batches.length === 0 ? (
+          <div className="flex flex-col items-center justify-center py-12 text-slate-400">
+            <RefreshCw className="h-8 w-8 animate-spin mb-3" />
+            <span>加载中...</span>
+          </div>
+        ) : batches.length === 0 ? (
+          <div className="flex flex-col items-center justify-center py-12 text-slate-400">
+            <FileText className="h-12 w-12 mb-3 opacity-30" />
+            <p>暂无处理记录</p>
+            <p className="text-sm mt-1">上传账号文件并点击开始处理</p>
+          </div>
+        ) : (
+          <div className="space-y-4">
+            {batches.map((batch) => (
+              <BatchCard
+                key={batch.id}
+                batch={batch}
+                onLoadDetail={loadBatchDetail}
+              />
+            ))}
+          </div>
+        )}
+
+        {/* 分页 */}
+        <Pagination page={page} totalPages={totalPages} onPageChange={handlePageChange} />
+      </div>
+    </div>
+  )
+}

frontend/src/components/upload/index.ts

@@ -2,3 +2,4 @@ export { default as FileDropzone } from './FileDropzone'
 export { default as AccountTable } from './AccountTable'
 export { default as CheckProgress } from './CheckProgress'
 export { default as PoolActions } from './PoolActions'
+export { default as BatchResultHistory } from './BatchResultHistory'

frontend/src/pages/Cleaner.tsx

@@ -1,5 +1,5 @@
-import { useState, useEffect } from 'react'
-import { Trash2, Clock, Loader2, Save, RefreshCw, CheckCircle, XCircle, ToggleLeft, ToggleRight, AlertTriangle } from 'lucide-react'
+import { useState, useEffect, useCallback } from 'react'
+import { Trash2, Clock, Loader2, Save, RefreshCw, CheckCircle, XCircle, ToggleLeft, ToggleRight, AlertTriangle, ChevronLeft, ChevronRight, ScrollText } from 'lucide-react'
 import { Card, CardHeader, CardTitle, CardContent, Button } from '../components/common'
 
 interface CleanerStatus {
@@ -9,6 +9,14 @@ interface CleanerStatus {
     last_clean_time: string
 }
 
+interface CleanerLogEntry {
+    timestamp: string
+    level: string
+    message: string
+    email?: string
+    module?: string
+}
+
 export default function Cleaner() {
     const [loading, setLoading] = useState(true)
     const [cleanEnabled, setCleanEnabled] = useState(false)
@@ -18,6 +26,14 @@ export default function Cleaner() {
     const [message, setMessage] = useState<{ type: 'success' | 'error', text: string } | null>(null)
     const [status, setStatus] = useState<CleanerStatus | null>(null)
 
+    // 清理日志状态
+    const [logEntries, setLogEntries] = useState<CleanerLogEntry[]>([])
+    const [logPage, setLogPage] = useState(1)
+    const [logTotalPages, setLogTotalPages] = useState(0)
+    const [logTotal, setLogTotal] = useState(0)
+    const [logLoading, setLogLoading] = useState(false)
+    const logPageSize = 5
+
     // 加载清理设置
     const fetchCleanerSettings = async () => {
         setLoading(true)
@@ -36,10 +52,37 @@ export default function Cleaner() {
         }
     }
 
+    // 加载清理日志
+    const fetchCleanerLogs = useCallback(async (page = 1) => {
+        setLogLoading(true)
+        try {
+            const params = new URLSearchParams({
+                module: 'cleaner',
+                page: String(page),
+                page_size: String(logPageSize),
+            })
+            const res = await fetch(`/api/logs/query?${params}`)
+            const data = await res.json()
+            if (data.code === 0 && data.data) {
+                setLogEntries(data.data.logs || [])
+                setLogTotalPages(data.data.total_pages || 0)
+                setLogTotal(data.data.total || 0)
+            }
+        } catch (error) {
+            console.error('Failed to fetch cleaner logs:', error)
+        } finally {
+            setLogLoading(false)
+        }
+    }, [logPageSize])
+
     useEffect(() => {
         fetchCleanerSettings()
     }, [])
 
+    useEffect(() => {
+        fetchCleanerLogs(logPage)
+    }, [logPage, fetchCleanerLogs])
+
     // 保存清理设置
     const handleSaveCleanerSettings = async () => {
         setSavingClean(true)
@@ -78,8 +121,9 @@ export default function Cleaner() {
             const data = await res.json()
             if (data.code === 0) {
                 setMessage({ type: 'success', text: data.data.message || '清理完成' })
-                // 刷新状态
+                // 刷新状态和日志
                 fetchCleanerSettings()
+                fetchCleanerLogs(logPage)
             } else {
                 setMessage({ type: 'error', text: data.message || '清理失败' })
             }
@@ -132,6 +176,21 @@ export default function Cleaner() {
         }
     }
 
+    // 日志级别样式
+    const levelColors: Record<string, string> = {
+        success: 'text-green-600 dark:text-green-400 bg-green-50 dark:bg-green-900/20',
+        error: 'text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20',
+        warning: 'text-yellow-600 dark:text-yellow-400 bg-yellow-50 dark:bg-yellow-900/20',
+        info: 'text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20',
+    }
+
+    const levelLabels: Record<string, string> = {
+        success: 'SUCCESS',
+        error: 'ERROR',
+        warning: 'WARN',
+        info: 'INFO',
+    }
+
     if (loading) {
         return (
             <div className="flex items-center justify-center h-64">
@@ -326,6 +385,91 @@ export default function Cleaner() {
                 </CardContent>
             </Card>
 
+            {/* 清理日志 */}
+            <Card>
+                <CardHeader>
+                    <CardTitle className="flex items-center gap-2">
+                        <ScrollText className="h-5 w-5 text-blue-500" />
+                        清理日志
+                    </CardTitle>
+                    <div className="flex items-center gap-2">
+                        <span className="text-sm text-slate-500 dark:text-slate-400">
+                            共 {logTotal} 条
+                        </span>
+                        <Button
+                            variant="outline"
+                            size="sm"
+                            onClick={() => fetchCleanerLogs(logPage)}
+                            icon={<RefreshCw className={`h-3 w-3 ${logLoading ? 'animate-spin' : ''}`} />}
+                        >
+                            刷新
+                        </Button>
+                    </div>
+                </CardHeader>
+                <CardContent>
+                    {logLoading && logEntries.length === 0 ? (
+                        <div className="flex items-center justify-center py-8">
+                            <Loader2 className="h-5 w-5 animate-spin text-slate-400" />
+                            <span className="ml-2 text-sm text-slate-500">加载中...</span>
+                        </div>
+                    ) : logEntries.length === 0 ? (
+                        <div className="text-center py-8 text-slate-400">
+                            <ScrollText className="h-8 w-8 mx-auto mb-2 opacity-50" />
+                            <p className="text-sm">暂无清理日志</p>
+                        </div>
+                    ) : (
+                        <div className="space-y-1">
+                            {logEntries.map((log, i) => (
+                                <div key={`${log.timestamp}-${i}`} className="flex items-start gap-3 text-sm py-2.5 border-b border-slate-100 dark:border-slate-800 last:border-0">
+                                    <span className="text-xs text-slate-400 flex-shrink-0 mt-0.5 font-mono whitespace-nowrap">
+                                        {new Date(log.timestamp).toLocaleString('zh-CN', {
+                                            month: '2-digit',
+                                            day: '2-digit',
+                                            hour: '2-digit',
+                                            minute: '2-digit',
+                                            second: '2-digit'
+                                        })}
+                                    </span>
+                                    <span className={`text-xs font-medium flex-shrink-0 mt-0.5 px-1.5 py-0.5 rounded ${levelColors[log.level] || 'text-slate-500 bg-slate-50 dark:bg-slate-800'}`}>
+                                        {levelLabels[log.level] || log.level?.toUpperCase()}
+                                    </span>
+                                    <span className="text-slate-700 dark:text-slate-300 break-all">
+                                        {log.message}
+                                    </span>
+                                </div>
+                            ))}
+                        </div>
+                    )}
+                </CardContent>
+                {logTotalPages > 1 && (
+                    <div className="flex-shrink-0 p-3 border-t border-slate-100 dark:border-slate-800 flex items-center justify-between">
+                        <span className="text-sm text-slate-500 dark:text-slate-400">
+                            第 {logPage} / {logTotalPages} 页
+                        </span>
+                        <div className="flex gap-2">
+                            <Button
+                                variant="outline"
+                                size="sm"
+                                onClick={() => setLogPage(p => Math.max(1, p - 1))}
+                                disabled={logPage <= 1}
+                                icon={<ChevronLeft className="h-4 w-4" />}
+                            >
+                                上一页
+                            </Button>
+                            <Button
+                                variant="outline"
+                                size="sm"
+                                onClick={() => setLogPage(p => Math.min(logTotalPages, p + 1))}
+                                disabled={logPage >= logTotalPages}
+                                icon={<ChevronRight className="h-4 w-4" />}
+                            >
+                                下一页
+                            </Button>
+                        </div>
+                    </div>
+                )}
+            </Card>
+
             {/* 说明信息 */}
             <Card>
                 <CardContent className="py-4">
@@ -337,7 +481,7 @@ export default function Cleaner() {
                                 <li>定期清理功能会自动删除 S2A 号池中状态为"error"的账号</li>
                                 <li>清理操作是<strong>不可逆</strong>的，删除的账号无法恢复</li>
                                 <li>建议设置合理的清理间隔，避免过于频繁的清理操作</li>
-                                <li>清理日志可在"号池监控"页面的实时日志中查看</li>
+                                <li>母号使用完毕或检测为无效后会自动从列表中删除</li>
                                 <li>启用后需要点击"保存设置"才会生效</li>
                             </ul>
                         </div>

frontend/src/pages/Upload.tsx

@@ -16,6 +16,7 @@ import {
 import { FileDropzone } from '../components/upload'
 import LogStream from '../components/upload/LogStream'
 import OwnerList from '../components/upload/OwnerList'
+import BatchResultHistory from '../components/upload/BatchResultHistory'
 import { Card, CardHeader, CardTitle, CardContent, Button, Tabs, Input, Switch } from '../components/common'
 import { useConfig } from '../hooks/useConfig'
 
@@ -65,6 +66,7 @@ export default function Upload() {
     account_id_ok: number
     account_id_fail: number
   } | null>(null)
+  const [batchCount, setBatchCount] = useState(0)
 
   // 配置
   const [membersPerTeam, setMembersPerTeam] = useState(4)
@@ -89,6 +91,19 @@ export default function Upload() {
     }
   }, [])
 
+  // Load batch count
+  const loadBatchCount = useCallback(async () => {
+    try {
+      const res = await fetch('/api/batch/history?page=1&page_size=1')
+      const data = await res.json()
+      if (data.code === 0) {
+        setBatchCount(data.data.total || 0)
+      }
+    } catch (e) {
+      console.error('Failed to load batch count:', e)
+    }
+  }, [])
+
   // 获取状态
   const fetchStatus = useCallback(async () => {
     try {
@@ -100,13 +115,14 @@ export default function Upload() {
           if (!data.data.running) {
             setPolling(false)
             loadStats() // 刷新统计
+            loadBatchCount() // 刷新批次数
           }
         }
       }
     } catch (e) {
       console.error('获取状态失败:', e)
     }
-  }, [loadStats])
+  }, [loadStats, loadBatchCount])
 
   // 轮询状态
   useEffect(() => {
@@ -119,7 +135,8 @@ export default function Upload() {
   useEffect(() => {
     loadStats()
     fetchStatus()
-  }, [loadStats, fetchStatus])
+    loadBatchCount()
+  }, [loadStats, fetchStatus, loadBatchCount])
 
   // Upload and validate
   const handleFileSelect = useCallback(
@@ -217,7 +234,7 @@ export default function Upload() {
     { id: 'upload', label: '上传', icon: UploadIcon },
     { id: 'owners', label: '母号列表', icon: List, count: stats?.total },
     { id: 'logs', label: '日志', icon: Activity },
-    { id: 'results', label: '处理结果', icon: CheckCircle, count: status?.results?.length },
+    { id: 'results', label: '处理结果', icon: CheckCircle, count: batchCount || undefined },
   ]
 
   return (
@@ -240,7 +257,7 @@ export default function Upload() {
             disabled={refreshing}
             onClick={async () => {
               setRefreshing(true)
-              await Promise.all([loadStats(), fetchStatus()])
+              await Promise.all([loadStats(), fetchStatus(), loadBatchCount()])
               setTimeout(() => setRefreshing(false), 500)
             }}
             icon={<RefreshCw className={`h-4 w-4 ${refreshing || polling ? 'animate-spin' : ''}`} />}
@@ -526,95 +543,8 @@ export default function Upload() {
         )}
 
         {activeTab === 'results' && (
-          <div className="h-full overflow-y-auto">
-            <Card>
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2">
-                  <Users className="h-5 w-5 text-green-500" />
-                  处理结果
-                </CardTitle>
-                {status && status.elapsed_ms > 0 && (
-                  <span className="text-sm text-slate-500">
-                    耗时: {(status.elapsed_ms / 1000).toFixed(1)}s
-                  </span>
-                )}
-              </CardHeader>
-              <CardContent>
-                {status?.results && status.results.length > 0 ? (
-                  <div className="space-y-4">
-                    {status.results.map((result) => (
-                      <div
-                        key={result.team_index}
-                        className="p-4 rounded-lg bg-slate-50 dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700"
-                      >
-                        <div className="flex items-center justify-between mb-3">
-                          <div className="flex items-center gap-2">
-                            <span className="px-2 py-1 rounded-full text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600">
-                              Team {result.team_index}
-                            </span>
-                            <span className="text-sm text-slate-500 truncate max-w-[200px]">
-                              {result.owner_email}
-                            </span>
-                          </div>
-                          <div className="flex items-center gap-4 text-sm">
-                            <span className="flex items-center gap-1 text-green-600">
-                              <CheckCircle className="h-4 w-4" />
-                              注册: {result.registered}
-                            </span>
-                            <span className="flex items-center gap-1 text-purple-600">
-                              <Settings className="h-4 w-4" />
-                              入库: {result.added_to_s2a}
-                            </span>
-                          </div>
-                        </div>
-
-                        {result.member_emails.length > 0 && (
-                          <div className="mb-3">
-                            <p className="text-xs text-slate-500 mb-1">成员邮箱:</p>
-                            <div className="flex flex-wrap gap-1">
-                              {result.member_emails.map((email, idx) => (
-                                <span
-                                  key={idx}
-                                  className="px-2 py-0.5 rounded text-xs bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400"
-                                >
-                                  {email}
-                                </span>
-                              ))}
-                            </div>
-                          </div>
-                        )}
-
-                        {result.errors.length > 0 && (
-                          <div>
-                            <p className="text-xs text-red-500 mb-1 flex items-center gap-1">
-                              <AlertTriangle className="h-3 w-3" />
-                              错误:
-                            </p>
-                            <div className="space-y-1">
-                              {result.errors.map((err, idx) => (
-                                <p key={idx} className="text-xs text-red-400 pl-4">
-                                  • {err}
-                                </p>
-                              ))}
-                            </div>
-                          </div>
-                        )}
-
-                        <div className="mt-2 text-xs text-slate-400">
-                          耗时: {(result.duration_ms / 1000).toFixed(1)}s
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                ) : (
-                  <div className="text-center py-12 text-slate-500">
-                    <Users className="h-12 w-12 mx-auto mb-3 opacity-30" />
-                    <p>暂无处理结果</p>
-                    <p className="text-sm mt-1">上传账号文件并点击开始处理</p>
-                  </div>
-                )}
-              </CardContent>
-            </Card>
+          <div className="h-full overflow-hidden rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 shadow-sm">
+            <BatchResultHistory />
           </div>
         )}
       </div>