- {/* 图片预览 Dialog */}
-
-
-
- )}
-
- );
-};
-
-export default TasksPage;
diff --git a/src/pages/TryOnTasksPage/index.tsx b/src/pages/TryOnTasksPage/index.tsx
new file mode 100644
index 0000000..6c02a23
--- /dev/null
+++ b/src/pages/TryOnTasksPage/index.tsx
@@ -0,0 +1,230 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useApi } from '@/hooks/useApi';
+import { api } from '@/lib/api';
+import type { VideoDataPaginationRequest } from '@/api/models/VideoDataPaginationRequest';
+import type { PaginationResponse } from '@/api/models/PaginationResponse';
+import { Table, TableHeader, TableBody, TableHead, TableRow, TableCell } from '@/components/ui/table';
+import { Button } from '@/components/ui/button';
+import { Skeleton } from '@/components/ui/skeleton';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Checkbox } from '@/components/ui/checkbox';
+import { ACTION_PROMPTS } from '@/lib/prompt';
+import { Service } from '@/api/services/Service';
+import { toast } from 'sonner';
+import { addVideoTasks } from '@/lib/indexeddb';
+
+const PAGE_SIZE = 10;
+
+const TryOnTasksPage: React.FC = () => {
+ const [page, setPage] = useState(1);
+ const [previewImg, setPreviewImg] = useState任务列表
- {loading ? ( -{error}
- ) : (
-
-
- 第 {page} 页
-
-
-
+ {/* 创建视频任务弹窗 */}
+
+ {/* 图片预览 Dialog */}
+
+
+
+ )}
+
+ );
+};
+
+export default TryOnTasksPage;
diff --git a/src/pages/TryOnVideoTaskPage/index.tsx b/src/pages/TryOnVideoTaskPage/index.tsx
new file mode 100644
index 0000000..93327c3
--- /dev/null
+++ b/src/pages/TryOnVideoTaskPage/index.tsx
@@ -0,0 +1,147 @@
+import React, { useEffect, useState } from 'react';
+import { getAllVideoTasks } from '@/lib/indexeddb';
+import { Dialog, DialogContent } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { api } from '@/lib/api';
+import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from '@/components/ui/table';
+
+interface LocalVideoTask {
+ id: string;
+ img_url: string;
+ prompt: string;
+ create_time: string;
+ task_id: string;
+}
+
+interface TaskStatusMap {
+ [job_id: string]: {
+ status: 'finished' | 'running' | 'failed' | 'unknown';
+ video_url?: string;
+ };
+}
+
+const TryOnVideoTaskPage: React.FC = () => {
+ const [tasks, setTasks] = useState
+
+ {loading ? (
+ 任务列表
+ +{error}
+ ) : (
+
+
+ 第 {page} 页
+
+
+
+
+ );
+};
+
+export default TryOnVideoTaskPage;
视频任务进度
+
+
+
+
+ {loading ? (
+ 加载中...
+ ) : tasks.length === 0 ? (
+ 暂无本地视频任务
+ ) : (
+
+
+
+
+ )}
+