'use client' import { useState } from 'react' import Link from 'next/link' import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card' import { Button } from '@/components/ui/Button' import { SuccessTag, PendingTag, WarningTag, ErrorTag } from '@/components/ui/Tag' import { FileText, Video, Search, Filter, Clock, User, Building, ChevronRight, AlertTriangle } from 'lucide-react' import { getPlatformInfo } from '@/lib/platforms' // 模拟脚本待审列表 const mockScriptTasks = [ { id: 'script-001', title: '夏日护肤推广脚本', creatorName: '小美护肤', agencyName: '星耀传媒', projectName: 'XX品牌618推广', platform: 'douyin', aiScore: 88, submittedAt: '2026-02-06 14:30', hasHighRisk: false, agencyApproved: true, }, { id: 'script-002', title: '新品口红试色脚本', creatorName: '美妆Lisa', agencyName: '创意无限', projectName: 'XX品牌618推广', platform: 'xiaohongshu', aiScore: 72, submittedAt: '2026-02-06 12:15', hasHighRisk: true, agencyApproved: true, }, ] // 模拟视频待审列表 const mockVideoTasks = [ { id: 'video-001', title: '夏日护肤推广', creatorName: '小美护肤', agencyName: '星耀传媒', projectName: 'XX品牌618推广', platform: 'douyin', aiScore: 85, duration: '02:15', submittedAt: '2026-02-06 15:00', hasHighRisk: false, agencyApproved: true, }, { id: 'video-002', title: '新品口红试色', creatorName: '美妆Lisa', agencyName: '创意无限', projectName: 'XX品牌618推广', platform: 'xiaohongshu', aiScore: 68, duration: '03:42', submittedAt: '2026-02-06 13:45', hasHighRisk: true, agencyApproved: true, }, { id: 'video-003', title: '健身器材开箱', creatorName: '健身教练王', agencyName: '美妆达人MCN', projectName: 'XX运动品牌', platform: 'bilibili', aiScore: 92, duration: '04:20', submittedAt: '2026-02-06 11:30', hasHighRisk: false, agencyApproved: true, }, ] function ScoreTag({ score }: { score: number }) { if (score >= 85) return {score}分 if (score >= 70) return {score}分 return {score}分 } function TaskCard({ task, type }: { task: typeof mockScriptTasks[0] | typeof mockVideoTasks[0]; type: 'script' | 'video' }) { const href = type === 'script' ? `/brand/review/script/${task.id}` : `/brand/review/video/${task.id}` const platform = getPlatformInfo(task.platform) return (
{/* 平台顶部条 */} {platform && (
{platform.icon} {platform.name}
)}

{task.title}

{task.hasHighRisk && ( 高风险 )}
{task.creatorName} {task.agencyName}
{task.projectName} {task.submittedAt}
{'duration' in task && (
时长: {task.duration}
)}
) } export default function BrandReviewListPage() { const [searchQuery, setSearchQuery] = useState('') const [activeTab, setActiveTab] = useState<'all' | 'script' | 'video'>('all') const filteredScripts = mockScriptTasks.filter(task => task.title.toLowerCase().includes(searchQuery.toLowerCase()) || task.creatorName.toLowerCase().includes(searchQuery.toLowerCase()) ) const filteredVideos = mockVideoTasks.filter(task => task.title.toLowerCase().includes(searchQuery.toLowerCase()) || task.creatorName.toLowerCase().includes(searchQuery.toLowerCase()) ) return (
{/* 页面标题 */}

终审台

审核代理商提交的脚本和视频

待审核: {mockScriptTasks.length} 脚本 {mockVideoTasks.length} 视频
{/* 搜索和筛选 */}
setSearchQuery(e.target.value)} className="w-full pl-10 pr-4 py-2 border border-border-subtle rounded-lg bg-bg-elevated text-text-primary focus:outline-none focus:ring-2 focus:ring-accent-indigo" />
{/* 任务列表 */}
{/* 脚本待审列表 */} {(activeTab === 'all' || activeTab === 'script') && ( 脚本终审 {filteredScripts.length} 条待审 {filteredScripts.length > 0 ? ( filteredScripts.map((task) => ( )) ) : (

暂无待审脚本

)}
)} {/* 视频待审列表 */} {(activeTab === 'all' || activeTab === 'video') && ( {filteredVideos.length > 0 ? ( filteredVideos.map((task) => ( )) ) : (
)}
)}
) }