liyanyu/video-compliance-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复达人端上传脚本按钮无响应问题

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

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name 2026-02-09 18:07:22 +08:00
parent 86a7865808
commit f634879f1e
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/app/creator/task/[id]/page.tsx
View File

@ -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>