显示任务清单页面时，加载并显示任务数据

src/pages/patient/components/WorklistTable.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
+import { useEffect } from 'react';
+import { fetchWorkThunk } from '../../../states/patient/worklist/slices/workSlice';
 import { Table } from 'antd';
 import { FormattedMessage } from 'react-intl';
-import { RootState } from '../../../states/store';
+import { RootState, AppDispatch } from '../../../states/store';
 
 const columns = [
   {
@@ -125,10 +127,15 @@ const columns = [
 ];
 
 const WorklistTable: React.FC = () => {
+  const dispatch: AppDispatch = useDispatch();
   const worklistData = useSelector(
     (state: RootState) => state.workEntities.data
   );
 
+  useEffect(() => {
+    dispatch(fetchWorkThunk({ page: 1, pageSize: 10, filters: {} }));
+  }, [dispatch]);
+
   return (
     <Table columns={columns} dataSource={worklistData} rowKey="patient_id" />
   );

src/states/patient/worklist/slices/workSlice.ts

@@ -9,7 +9,7 @@ import { WorkFilter } from '../types/workfilter';
 // Define the fetch thunk
 import { fetchTaskList } from '../../../../API/patient/workActions';
 
-const fetchWorkThunk = createFetchThunk<WorkFilter, work>(
+export const fetchWorkThunk = createFetchThunk<WorkFilter, work>(
   'worklist',
   async ({ page, pageSize, filters }) => {
     const { items, total } = await fetchTaskList(page, pageSize, filters);