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]); }, [options.dataList]);
const debounceUpdateChunckedList = () => { const debounceUpdateChunckedList = () => {
// clearTimeout(timerRef.current); clearTimeout(timerRef.current);
// timerRef.current = setTimeout(() => { timerRef.current = setTimeout(() => {
// options.setDataList?.([...cacheDataListRef.current]); options.setDataList?.([...cacheDataListRef.current]);
// }, 80); }, 200);
options.setDataList?.([...cacheDataListRef.current]);
}; };
const updateChunkedList = (data: ChunkedCollection) => { const updateChunkedList = (data: ChunkedCollection) => {
console.log('updateChunkedList=====', { console.log('updateChunkedList=====', {
@@ -55,6 +55,7 @@ interface ModelsProps {
handleNameChange: (e: any) => void; handleNameChange: (e: any) => void;
handleShowSizeChange?: (page: number, size: number) => void; handleShowSizeChange?: (page: number, size: number) => void;
handlePageChange: (page: number, pageSize: number | undefined) => void; handlePageChange: (page: number, pageSize: number | undefined) => void;
handleDeleteSuccess: () => void;
queryParams: { queryParams: {
page: number; page: number;
perPage: number; perPage: number;
@@ -71,6 +72,7 @@ const Models: React.FC<ModelsProps> = ({
handleNameChange, handleNameChange,
handleSearch, handleSearch,
handlePageChange, handlePageChange,
handleDeleteSuccess,
dataSource, dataSource,
gpuDeviceList, gpuDeviceList,
workerList, workerList,
@@ -347,6 +349,7 @@ const Models: React.FC<ModelsProps> = ({
await deleteModel(row.id); await deleteModel(row.id);
removeExpandedRowKey([row.id]); removeExpandedRowKey([row.id]);
rowSelection.removeSelectedKey(row.id); rowSelection.removeSelectedKey(row.id);
handleDeleteSuccess();
} }
}); });
}; };
@@ -358,6 +361,7 @@ const Models: React.FC<ModelsProps> = ({
await handleBatchRequest(rowSelection.selectedRowKeys, deleteModel); await handleBatchRequest(rowSelection.selectedRowKeys, deleteModel);
rowSelection.clearSelections(); rowSelection.clearSelections();
removeExpandedRowKey(rowSelection.selectedRowKeys); removeExpandedRowKey(rowSelection.selectedRowKeys);
handleDeleteSuccess();
} }
}); });
}; };
+5 -3
View File
@@ -87,7 +87,6 @@ const Models: React.FC = () => {
const res: any = await queryModelsList(params, { const res: any = await queryModelsList(params, {
cancelToken: axiosToken.token cancelToken: axiosToken.token
}); });
setDataSource({ setDataSource({
dataList: res.items || [], dataList: res.items || [],
loading: false, loading: false,
@@ -173,8 +172,10 @@ const Models: React.FC = () => {
useEffect(() => { useEffect(() => {
if (!firstLoad) { if (!firstLoad) {
createModelsChunkRequest(); setTimeout(() => {
createModelsInstanceChunkRequest(); createModelsChunkRequest();
createModelsInstanceChunkRequest();
}, 100);
} }
return () => { return () => {
chunkRequedtRef.current?.current?.cancel?.(); chunkRequedtRef.current?.current?.cancel?.();
@@ -205,6 +206,7 @@ const Models: React.FC = () => {
handleNameChange={handleNameChange} handleNameChange={handleNameChange}
handleSearch={handleSearch} handleSearch={handleSearch}
handlePageChange={handlePageChange} handlePageChange={handlePageChange}
handleDeleteSuccess={fetchData}
queryParams={queryParams} queryParams={queryParams}
loading={dataSource.loading} loading={dataSource.loading}
total={dataSource.total} total={dataSource.total}