chore: fetch model list after deleting action

This commit is contained in:
jialin
2024-12-12 17:04:07 +08:00
parent 85949c5927
commit 22035d1383
3 changed files with 13 additions and 8 deletions
+4 -5
View File
@@ -27,11 +27,10 @@ export function useUpdateChunkedList(options: {
}, [options.dataList]);
const debounceUpdateChunckedList = () => {
// clearTimeout(timerRef.current);
// timerRef.current = setTimeout(() => {
// options.setDataList?.([...cacheDataListRef.current]);
// }, 80);
options.setDataList?.([...cacheDataListRef.current]);
clearTimeout(timerRef.current);
timerRef.current = setTimeout(() => {
options.setDataList?.([...cacheDataListRef.current]);
}, 200);
};
const updateChunkedList = (data: ChunkedCollection) => {
console.log('updateChunkedList=====', {
@@ -55,6 +55,7 @@ interface ModelsProps {
handleNameChange: (e: any) => void;
handleShowSizeChange?: (page: number, size: number) => void;
handlePageChange: (page: number, pageSize: number | undefined) => void;
handleDeleteSuccess: () => void;
queryParams: {
page: number;
perPage: number;
@@ -71,6 +72,7 @@ const Models: React.FC<ModelsProps> = ({
handleNameChange,
handleSearch,
handlePageChange,
handleDeleteSuccess,
dataSource,
gpuDeviceList,
workerList,
@@ -347,6 +349,7 @@ const Models: React.FC<ModelsProps> = ({
await deleteModel(row.id);
removeExpandedRowKey([row.id]);
rowSelection.removeSelectedKey(row.id);
handleDeleteSuccess();
}
});
};
@@ -358,6 +361,7 @@ const Models: React.FC<ModelsProps> = ({
await handleBatchRequest(rowSelection.selectedRowKeys, deleteModel);
rowSelection.clearSelections();
removeExpandedRowKey(rowSelection.selectedRowKeys);
handleDeleteSuccess();
}
});
};
+5 -3
View File
@@ -87,7 +87,6 @@ const Models: React.FC = () => {
const res: any = await queryModelsList(params, {
cancelToken: axiosToken.token
});
setDataSource({
dataList: res.items || [],
loading: false,
@@ -173,8 +172,10 @@ const Models: React.FC = () => {
useEffect(() => {
if (!firstLoad) {
createModelsChunkRequest();
createModelsInstanceChunkRequest();
setTimeout(() => {
createModelsChunkRequest();
createModelsInstanceChunkRequest();
}, 100);
}
return () => {
chunkRequedtRef.current?.current?.cancel?.();
@@ -205,6 +206,7 @@ const Models: React.FC = () => {
handleNameChange={handleNameChange}
handleSearch={handleSearch}
handlePageChange={handlePageChange}
handleDeleteSuccess={fetchData}
queryParams={queryParams}
loading={dataSource.loading}
total={dataSource.total}