diff --git a/Cunkebao/app/workspace/moments-sync/page.tsx b/Cunkebao/app/workspace/moments-sync/page.tsx index 66d81db9..691051ed 100644 --- a/Cunkebao/app/workspace/moments-sync/page.tsx +++ b/Cunkebao/app/workspace/moments-sync/page.tsx @@ -34,6 +34,7 @@ interface SyncTask { createTime: string creator: string libraries?: string[] + devices?: string[] } export default function MomentsSyncPage() { @@ -43,15 +44,19 @@ export default function MomentsSyncPage() { const [searchQuery, setSearchQuery] = useState("") const [showDeleteAlert, setShowDeleteAlert] = useState(false) const [taskToDelete, setTaskToDelete] = useState(null) + const [currentPage, setCurrentPage] = useState(1) + const [pageSize, setPageSize] = useState(10) + const [total, setTotal] = useState(0) // 获取任务列表 const fetchTasks = async () => { const loadingToast = showToast("正在加载任务列表...", "loading", true); setIsLoading(true) try { - const response = await api.get('/v1/workbench/list?type=2') + const response = await api.get(`/v1/workbench/list?type=2&page=${currentPage}&pageSize=${pageSize}`) if (response.code === 200 && response.data) { setTasks(response.data.list || []) + setTotal(response.data.total || 0) } else { showToast(response.msg || "获取任务列表失败", "error") } @@ -67,7 +72,18 @@ export default function MomentsSyncPage() { // 组件加载时获取任务列表 useEffect(() => { fetchTasks() - }, []) + }, [currentPage, pageSize]) + + // 处理页码变化 + const handlePageChange = (page: number) => { + setCurrentPage(page) + } + + // 处理每页条数变化 + const handlePageSizeChange = (size: number) => { + setPageSize(size) + setCurrentPage(1) // 重置到第一页 + } // 搜索任务 const handleSearch = () => { @@ -239,71 +255,110 @@ export default function MomentsSyncPage() { ) : ( -
- {filteredTasks.map((task) => ( - -
-
-

{task.name}

- - {task.status === "running" ? "进行中" : "已暂停"} - + <> +
+ {filteredTasks.map((task) => ( + +
+
+

{task.name}

+ + {task.status === "running" ? "进行中" : "已暂停"} + +
+
+ toggleTaskStatus(task.id, task.status)} + /> + + + + + + handleView(task.id)}> + + 查看 + + handleEdit(task.id)}> + + 编辑 + + handleCopy(task.id)}> + + 复制 + + confirmDelete(task.id)}> + + 删除 + + + +
-
- toggleTaskStatus(task.id, task.status)} - /> - - - - - - handleView(task.id)}> - - 查看 - - handleEdit(task.id)}> - - 编辑 - - handleCopy(task.id)}> - - 复制 - - confirmDelete(task.id)}> - - 删除 - - - -
-
+
+
+
推送设备:{task.devices?.length || 0} 个
+
内容库:{task.contentLib}
+
+
+
已同步:{task.syncCount} 条
+
创建人:{task.creator}
+
+
-
-
-
推送设备:{task.deviceCount} 个
-
内容库:{task.contentLib}
+
+
+ + 上次同步:{task.lastSyncTime} +
+
创建时间:{task.createTime}
-
-
已同步:{task.syncCount} 条
-
创建人:{task.creator}
-
-
+ + ))} +
-
-
- - 上次同步:{task.lastSyncTime} -
-
创建时间:{task.createTime}
-
- - ))} -
+ {/* 分页组件 */} +
+
+ 每页显示 + + +
+
+ + + 第 {currentPage} 页 / 共 {Math.ceil(total / pageSize)} 页 + + +
+
+ )}