feat: implement batch team owner pooling functionality with dedicated upload, processing, logging, and results pages.

This commit is contained in:
2026-01-30 08:57:16 +08:00
parent 9dfa61ac05
commit 6d236419b9
11 changed files with 477 additions and 693 deletions

View File

@@ -12,7 +12,6 @@ import {
Server,
Mail,
Cog,
UsersRound
} from 'lucide-react'
interface SidebarProps {
@@ -29,8 +28,7 @@ interface NavItem {
const navItems: NavItem[] = [
{ to: '/', icon: LayoutDashboard, label: '仪表盘' },
{ to: '/upload', icon: Upload, label: '上传入库' },
{ to: '/team', icon: UsersRound, label: 'Team 批量处理' },
{ to: '/upload', icon: Upload, label: '批量入库' },
{ to: '/records', icon: History, label: '加号记录' },
{ to: '/accounts', icon: Users, label: '号池账号' },
{ to: '/monitor', icon: Activity, label: '号池监控' },

View File

@@ -10,10 +10,6 @@ interface LogEntry {
step?: string
}
interface LogStreamProps {
apiBase?: string
}
const levelColors: Record<string, string> = {
info: 'text-blue-400',
success: 'text-green-400',
@@ -37,7 +33,7 @@ const stepLabels: Record<string, string> = {
database: '数据库',
}
export default function LogStream({ apiBase = 'http://localhost:8088' }: LogStreamProps) {
export default function LogStream() {
const [logs, setLogs] = useState<LogEntry[]>([])
const [connected, setConnected] = useState(false)
const [paused, setPaused] = useState(false)
@@ -47,7 +43,7 @@ export default function LogStream({ apiBase = 'http://localhost:8088' }: LogStre
useEffect(() => {
if (paused) return
const eventSource = new EventSource(`${apiBase}/api/logs/stream`)
const eventSource = new EventSource('/api/logs/stream')
eventSourceRef.current = eventSource
eventSource.onopen = () => {
@@ -71,7 +67,7 @@ export default function LogStream({ apiBase = 'http://localhost:8088' }: LogStre
return () => {
eventSource.close()
}
}, [apiBase, paused])
}, [paused])
useEffect(() => {
if (logContainerRef.current) {
@@ -81,7 +77,7 @@ export default function LogStream({ apiBase = 'http://localhost:8088' }: LogStre
const handleClear = async () => {
try {
await fetch(`${apiBase}/api/logs/clear`, { method: 'POST' })
await fetch('/api/logs/clear', { method: 'POST' })
setLogs([])
} catch (e) {
console.error('Failed to clear logs:', e)

View File

@@ -10,10 +10,6 @@ interface TeamOwner {
created_at: string
}
interface OwnerListProps {
apiBase?: string
}
const statusColors: Record<string, string> = {
valid: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400',
registered: 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400',
@@ -26,7 +22,7 @@ const statusLabels: Record<string, string> = {
pooled: '已入库',
}
export default function OwnerList({ apiBase = 'http://localhost:8088' }: OwnerListProps) {
export default function OwnerList() {
const [owners, setOwners] = useState<TeamOwner[]>([])
const [total, setTotal] = useState(0)
const [loading, setLoading] = useState(false)
@@ -45,7 +41,7 @@ export default function OwnerList({ apiBase = 'http://localhost:8088' }: OwnerLi
params.set('status', filter)
}
const res = await fetch(`${apiBase}/api/db/owners?${params}`)
const res = await fetch(`/api/db/owners?${params}`)
const data = await res.json()
if (data.code === 0) {
setOwners(data.data.owners || [])
@@ -65,7 +61,7 @@ export default function OwnerList({ apiBase = 'http://localhost:8088' }: OwnerLi
const handleDelete = async (id: number) => {
if (!confirm('确认删除此账号?')) return
try {
await fetch(`${apiBase}/api/db/owners/${id}`, { method: 'DELETE' })
await fetch(`/api/db/owners/${id}`, { method: 'DELETE' })
loadOwners()
} catch (e) {
console.error('Failed to delete:', e)
@@ -75,7 +71,7 @@ export default function OwnerList({ apiBase = 'http://localhost:8088' }: OwnerLi
const handleClearAll = async () => {
if (!confirm('确认清空所有账号?此操作不可恢复!')) return
try {
await fetch(`${apiBase}/api/db/owners/clear`, { method: 'POST' })
await fetch('/api/db/owners/clear', { method: 'POST' })
loadOwners()
} catch (e) {
console.error('Failed to clear:', e)