From d36d8ea5d263558be0bbc829b2d997a19c965d8e 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: Wed, 3 Sep 2025 14:24:22 +0800
Subject: [PATCH] list title

---
 components/pages/create-to-video2.tsx         | 23 ++++++++++++++-----
 .../pages/work-flow/use-workflow-data.tsx     |  4 ++--
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/components/pages/create-to-video2.tsx b/components/pages/create-to-video2.tsx
index 8c70541..cc9bd0d 100644
--- a/components/pages/create-to-video2.tsx
+++ b/components/pages/create-to-video2.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useEffect, useRef, useCallback } from 'react';
-import { ArrowLeft, ListOrdered, Play, Loader2, Pause, MoreHorizontal, Edit2, Check, X, RefreshCw, Calendar, Clock, Eye, Heart, Share2, Video } from 'lucide-react';
+import { ArrowLeft, ListOrdered, Play, Loader2, Pause, MoreHorizontal, Edit2, Check, X, RefreshCw, Calendar, Clock, Eye, Heart, Share2, Video, Pencil, Trash } from 'lucide-react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import './style/create-to-video2.css';
 
@@ -9,6 +9,7 @@ import { getScriptEpisodeListNew } from "@/api/script_episode";
 import { ChatInputBox } from '@/components/ChatInputBox/ChatInputBox';
 import cover_image1 from '@/public/assets/cover_image1.jpg';
 import { motion } from 'framer-motion';
+import { Tooltip, Button } from 'antd';
 
 
 // ideaText已迁移到ChatInputBox组件中
@@ -167,7 +168,7 @@ export default function CreateToVideo2() {
     return (
       <div
         key={project.project_id}
-        className="group flex flex-col bg-black/20 rounded-lg overflow-hidden cursor-pointer"
+        className="group flex flex-col bg-black/20 rounded-lg overflow-hidden cursor-pointer hover:bg-white/5 transition-all duration-300"
         onClick={() => router.push(`/movies/work-flow?episodeId=${project.project_id}`)}
         onMouseEnter={() => handleMouseEnter(project.project_id)}
         onMouseLeave={() => handleMouseLeave(project.project_id)}
@@ -202,11 +203,21 @@ export default function CreateToVideo2() {
         </div>
 
         {/* 底部信息 */}
-        <div className="p-4">
+        <div className="p-4 group">
           <div className="flex items-center justify-between">
-            <h2 className="text-sm font-medium text-white line-clamp-1">
-              {/* {project.name || "Unnamed"} */}
-            </h2>
+            <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="p-0 hidden group-hover:block transition-all duration-300"><Pencil className="w-4 h-4 text-white" /></Button>
+              </Tooltip> */}
+            </div>
+            {/* TODO 删除 */}
+            {/* <Tooltip title="Delete">
+              <Button size="small" type="text" className="p-0 hidden group-hover:block transition-all duration-300"><Trash className="w-4 h-4 text-white" /></Button>
+            </Tooltip> */}
           </div>
         </div>
       </div>
diff --git a/components/pages/work-flow/use-workflow-data.tsx b/components/pages/work-flow/use-workflow-data.tsx
index 2ef09e4..350763b 100644
--- a/components/pages/work-flow/use-workflow-data.tsx
+++ b/components/pages/work-flow/use-workflow-data.tsx
@@ -392,7 +392,7 @@ export function useWorkflowData() {
         throw new Error(response.message);
       }
 
-      const { status, data, tags, mode, original_text, title } = response.data;
+      const { status, data, tags, mode, original_text, title, name } = response.data;
 
       const { current: taskCurrent } = tempTaskObject;
 
@@ -401,7 +401,7 @@ export function useWorkflowData() {
       taskCurrent.status = status as Status; 
 
       // 设置标题
-      if (!title) {
+      if (!name) {
         // 如果没有标题，轮询获取
         const titleResponse = await getScriptTitle({ project_id: episodeId });
         console.log('titleResponse', titleResponse);