feat: Enhance CardView and DatasetManagement with loading state and pagination updates

This commit is contained in:
chenghh-9609
2025-10-23 16:56:36 +08:00
parent aba7a3e1fb
commit 4e53cc813b
6 changed files with 22 additions and 54 deletions

View File

@@ -29,7 +29,7 @@ export default function CreateTaskStepOne({
const [datasets, setDatasets] = useState<Dataset[]>([]);
const fetchDatasets = async () => {
const { data } = await queryDatasetsUsingGet({ page: 0, size: 1000 });
const { data } = await queryDatasetsUsingGet({ page: 1, size: 1000 });
setDatasets(data.content.map(mapDataset) || []);
};

View File

@@ -179,6 +179,7 @@ export default function Overview({ dataset, filesOperation }) {
dataSource={fileList}
// rowSelection={rowSelection}
scroll={{ x: "max-content", y: 600 }}
pagination={{ showTotal: (total) => `${total}` }}
/>
</div>
</div>

View File

@@ -51,7 +51,7 @@ export default function DatasetManagementPage() {
},
{
title: "文件总数",
value: data?.totalFiles?.image || "0 MB",
value: data?.totalFiles || "0 MB",
},
{
title: "总大小",
@@ -113,6 +113,7 @@ export default function DatasetManagementPage() {
);
const {
loading,
tableData,
searchParams,
pagination,
@@ -124,7 +125,8 @@ export default function DatasetManagementPage() {
mapDataset,
30000, // 30秒轮询间隔
true, // 自动刷新
[fetchStatistics] // 额外的轮询函数
[fetchStatistics], // 额外的轮询函数
0
);
const handleDownloadDataset = async (dataset: Dataset) => {
@@ -135,7 +137,7 @@ export default function DatasetManagementPage() {
const handleDeleteDataset = async (id: number) => {
if (!id) return;
await deleteDatasetByIdUsingDelete(id);
fetchData();
fetchData({ pageOffset: 0 });
message.success("数据删除成功");
};
@@ -145,7 +147,7 @@ export default function DatasetManagementPage() {
};
const handleRefresh = async (showMessage = true) => {
await fetchData();
await fetchData({ pageOffset: 0 });
if (showMessage) {
message.success("数据已刷新");
}
@@ -295,6 +297,7 @@ export default function DatasetManagementPage() {
const renderCardView = () => (
<CardView
loading={loading}
data={tableData}
pageSize={9}
operations={operations}