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

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>