From af84fc05c76fad921fa71b36c30e7ca7a27ac554 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Fri, 19 Sep 2025 16:28:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=A7=86=E9=A2=91=E6=87=92?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=20=E6=9C=AA=E6=8C=82=E8=BD=BD=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/create-to-video2.tsx | 108 +++++++++++++-------------
 1 file changed, 54 insertions(+), 54 deletions(-)

diff --git a/components/pages/create-to-video2.tsx b/components/pages/create-to-video2.tsx
index 73ab193..3c38f09 100644
--- a/components/pages/create-to-video2.tsx
+++ b/components/pages/create-to-video2.tsx
@@ -191,17 +191,17 @@ export default function CreateToVideo2() {
   const renderProjectCard = (project: any) => {
 
     return (
-      <div
-        key={project.project_id}
-        className="group flex flex-col bg-black/20 rounded-lg overflow-hidden cursor-pointer hover:bg-white/5 transition-all duration-300"
-        onMouseEnter={() => handleMouseEnter(project.project_id)}
-        onMouseLeave={() => handleMouseLeave(project.project_id)}
-        data-alt="project-card"
-      >
-        {/* 视频/图片区域 */}
-        <div className="relative aspect-video" onClick={() => router.push(`/movies/work-flow?episodeId=${project.project_id}`)}>
-          {(project.final_video_url || project.final_simple_video_url || project.video_urls) ? (
-            <LazyLoad once>
+      <LazyLoad once>
+        <div
+          key={project.project_id}
+          className="group flex flex-col bg-black/20 rounded-lg overflow-hidden cursor-pointer hover:bg-white/5 transition-all duration-300"
+          onMouseEnter={() => handleMouseEnter(project.project_id)}
+          onMouseLeave={() => handleMouseLeave(project.project_id)}
+          data-alt="project-card"
+        >
+          {/* 视频/图片区域 */}
+          <div className="relative aspect-video" onClick={() => router.push(`/movies/work-flow?episodeId=${project.project_id}`)}>
+            {(project.final_video_url || project.final_simple_video_url || project.video_urls) ? (
               <video
                 ref={(el) => setVideoRef(project.project_id, el)}
                 src={project.final_video_url || project.final_simple_video_url || project.video_urls}
@@ -214,58 +214,58 @@ export default function CreateToVideo2() {
                   getFirstFrame(project.final_video_url || project.final_simple_video_url || project.video_urls)
                 }
               />
-            </LazyLoad>
-          ) : (
-            <div 
-              className="w-full h-full bg-cover bg-center group-hover:scale-105 transition-transform duration-500"
-              style={{
-                backgroundImage: `url(${cover_image1.src})`,
-              }} 
-            />
-          )}
+            ) : (
+              <div 
+                className="w-full h-full bg-cover bg-center group-hover:scale-105 transition-transform duration-500"
+                style={{
+                  backgroundImage: `url(${cover_image1.src})`,
+                }} 
+              />
+            )}
 
-          {/* 下载按钮 右上角 */}
-          {(project.final_video_url || project.final_simple_video_url) && (
-            <div className="absolute top-1 right-1">
-              <Tooltip placement="top" title="Download">
-                <Button size="small" type="text" disabled={isLoadingDownloadBtn} className="w-[2.5rem] h-[2.5rem] rounded-full items-center justify-center p-0 hidden group-hover:flex transition-all duration-300 hover:bg-white/15" onClick={async (e) => {
-                  e.stopPropagation(); // 阻止事件冒泡
-                  setIsLoadingDownloadBtn(true);
-                  await downloadVideo(project.final_video_url || project.final_simple_video_url);
-                  setIsLoadingDownloadBtn(false);
-                }}>
-                  {isLoadingDownloadBtn ? <Loader2 className="w-4 h-4 animate-spin text-white" /> : <Download className="w-4 h-4 text-white" />}
-                </Button>
-              </Tooltip>
+            {/* 下载按钮 右上角 */}
+            {(project.final_video_url || project.final_simple_video_url) && (
+              <div className="absolute top-1 right-1">
+                <Tooltip placement="top" title="Download">
+                  <Button size="small" type="text" disabled={isLoadingDownloadBtn} className="w-[2.5rem] h-[2.5rem] rounded-full items-center justify-center p-0 hidden group-hover:flex transition-all duration-300 hover:bg-white/15" onClick={async (e) => {
+                    e.stopPropagation(); // 阻止事件冒泡
+                    setIsLoadingDownloadBtn(true);
+                    await downloadVideo(project.final_video_url || project.final_simple_video_url);
+                    setIsLoadingDownloadBtn(false);
+                  }}>
+                    {isLoadingDownloadBtn ? <Loader2 className="w-4 h-4 animate-spin text-white" /> : <Download className="w-4 h-4 text-white" />}
+                  </Button>
+                </Tooltip>
+              </div>
+            )}
+            
+
+            {/* 状态标签 - 左上角 */}
+            <div className="absolute top-3 left-3">
+              {StatusBadge((project.status === 'COMPLETED' || project.final_simple_video_url) ? 'completed' : project.status === 'FAILED' ? 'failed' : 'pending')}
             </div>
-          )}
-          
-
-          {/* 状态标签 - 左上角 */}
-          <div className="absolute top-3 left-3">
-            {StatusBadge((project.status === 'COMPLETED' || project.final_simple_video_url) ? 'completed' : project.status === 'FAILED' ? 'failed' : 'pending')}
           </div>
-        </div>
 
-        {/* 底部信息 */}
-        <div className="p-4 group">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2">
-              <h2 className="text-sm font-medium text-white line-clamp-1">
-                {project.name || "Unnamed"}
-              </h2>
-              {/* TODO 编辑标题 */}
-              {/* <Tooltip title="Edit Title">
+          {/* 底部信息 */}
+          <div className="p-4 group">
+            <div className="flex items-center justify-between">
+              <div className="flex items-center gap-2">
+                <h2 className="text-sm font-medium text-white line-clamp-1">
+                  {project.name || "Unnamed"}
+                </h2>
+                {/* TODO 编辑标题 */}
+                {/* <Tooltip title="Edit Title">
+                  <Button size="small" type="text" className="w-[2.5rem] h-[2.5rem] rounded-full items-center justify-center p-0 hidden group-hover:flex transition-all duration-300 hover:bg-white/15" /></Button>
+                </Tooltip> */}
+              </div>
+              {/* TODO 删除 */}
+              {/* <Tooltip title="Delete">
                 <Button size="small" type="text" className="w-[2.5rem] h-[2.5rem] rounded-full items-center justify-center p-0 hidden group-hover:flex transition-all duration-300 hover:bg-white/15" /></Button>
               </Tooltip> */}
             </div>
-            {/* TODO 删除 */}
-            {/* <Tooltip title="Delete">
-              <Button size="small" type="text" className="w-[2.5rem] h-[2.5rem] rounded-full items-center justify-center p-0 hidden group-hover:flex transition-all duration-300 hover:bg-white/15" /></Button>
-            </Tooltip> */}
           </div>
         </div>
-      </div>
+      </LazyLoad>
     );
   };