From f634879f1ea2a8141653c5819fbd144f05cdbb57 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 9 Feb 2026 18:07:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=BE=BE=E4=BA=BA?=
 =?UTF-8?q?=E7=AB=AF=E4=B8=8A=E4=BC=A0=E8=84=9A=E6=9C=AC=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=97=A0=E5=93=8D=E5=BA=94=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

UploadView 组件的按钮缺少 onClick 处理，现改为点击后导航至专用上传页面。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/app/creator/task/[id]/page.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/frontend/app/creator/task/[id]/page.tsx b/frontend/app/creator/task/[id]/page.tsx
index 9248587..f850d27 100644
--- a/frontend/app/creator/task/[id]/page.tsx
+++ b/frontend/app/creator/task/[id]/page.tsx
@@ -395,8 +395,14 @@ function AgencyBriefSection({ toast, briefData }: {
 }
 
 function UploadView({ task, toast, briefData }: { task: TaskData; toast: ReturnType<typeof useToast>; briefData: typeof mockBriefData }) {
-  const [isDragging, setIsDragging] = useState(false)
+  const router = useRouter()
+  const { id } = useParams()
   const isScript = task.phase === 'script'
+  const uploadPath = isScript ? `/creator/task/${id}/script` : `/creator/task/${id}/video`
+
+  const handleUploadClick = () => {
+    router.push(uploadPath)
+  }
 
   return (
     <div className="flex flex-col gap-6 h-full">
@@ -409,23 +415,19 @@ function UploadView({ task, toast, briefData }: { task: TaskData; toast: ReturnT
         <span className="px-2.5 py-1 rounded-full text-xs font-semibold bg-accent-indigo/15 text-accent-indigo">待提交</span>
       </div>
       <div
-        className={cn('flex-1 flex flex-col items-center justify-center gap-5 rounded-2xl border-2 border-dashed transition-colors card-shadow bg-bg-card min-h-[400px]',
-          isDragging ? 'border-accent-indigo bg-accent-indigo/5' : 'border-border-subtle'
-        )}
-        onDragOver={(e) => { e.preventDefault(); setIsDragging(true) }}
-        onDragLeave={() => setIsDragging(false)}
-        onDrop={(e) => { e.preventDefault(); setIsDragging(false) }}
+        className="flex-1 flex flex-col items-center justify-center gap-5 rounded-2xl border-2 border-dashed transition-colors card-shadow bg-bg-card min-h-[400px] border-border-subtle hover:border-accent-indigo/50 cursor-pointer"
+        onClick={handleUploadClick}
       >
         <div className="w-20 h-20 rounded-full bg-accent-indigo/15 flex items-center justify-center">
           <Upload className="w-10 h-10 text-accent-indigo" />
         </div>
         <div className="flex flex-col items-center gap-2 text-center">
-          <p className="text-lg font-semibold text-text-primary">点击或拖拽文件到此处</p>
+          <p className="text-lg font-semibold text-text-primary">点击进入上传页面</p>
           <p className="text-sm text-text-tertiary">{isScript ? '支持 .doc、.docx、.txt 格式' : '支持 MP4/MOV 格式，≤ 100MB'}</p>
         </div>
-        <button type="button" className="flex items-center gap-2 px-8 py-3.5 rounded-xl bg-gradient-to-r from-accent-indigo to-[#4F46E5] text-white font-semibold">
+        <button type="button" onClick={handleUploadClick} className="flex items-center gap-2 px-8 py-3.5 rounded-xl bg-gradient-to-r from-accent-indigo to-[#4F46E5] text-white font-semibold hover:opacity-90 transition-opacity">
           <Upload className="w-5 h-5" />
-          {isScript ? '选择脚本文档' : '选择视频文件'}
+          {isScript ? '上传脚本文档' : '上传视频文件'}
         </button>
       </div>
     </div>