diff --git a/src/app/task/four/layout.tsx b/src/app/task/four/layout.tsx
index 1037b8a..f5ab29d 100644
--- a/src/app/task/four/layout.tsx
+++ b/src/app/task/four/layout.tsx
@@ -12,7 +12,9 @@ import {DataType, ResponseVO, ResultPage} from "@/lib/definitions";
 
 export default function Layout({children}: { children: React.ReactNode }) {
     const [resultDataTypeList, setResultDataTypeList] = useState<DataType[]>([]);
+    const [loadingState,setLoadingState] =useState(true)
     const refreshDate = (): void => {
+        setLoadingState(true)
         getTaskTreeResult(JSON.stringify({
             pageSize:1000,
             pageNumber:1,
@@ -24,6 +26,7 @@ export default function Layout({children}: { children: React.ReactNode }) {
                     dataType.state=taskStateList.find(taskState=>taskState.code===dataType.state+'')?.name
                 })
                 setResultDataTypeList(result.data.content)
+                setLoadingState(false)
             }
         })
     }
@@ -62,7 +65,7 @@ export default function Layout({children}: { children: React.ReactNode }) {
         <div>
             <div className='firstRow' style={{display: 'flex'}}>
                 <div className='leftUp'>
-                    <TreeTable  refreshDate={refreshDate} priority='3' resultDataTypeList={resultDataTypeList}/>
+                    <TreeTable loadingState={loadingState}  refreshDate={refreshDate} priority='3' resultDataTypeList={resultDataTypeList}/>
                 </div>
 
                 <div id='tenUp' className='up'>
@@ -70,7 +73,7 @@ export default function Layout({children}: { children: React.ReactNode }) {
                 </div>
 
                 <div className='rightUp' >
-                    <TreeTable  refreshDate={refreshDate}  priority='2' resultDataTypeList={resultDataTypeList}/>
+                    <TreeTable loadingState={loadingState} refreshDate={refreshDate}  priority='2' resultDataTypeList={resultDataTypeList}/>
                 </div>
             </div>
             <div id='left' className='left'>
@@ -78,14 +81,14 @@ export default function Layout({children}: { children: React.ReactNode }) {
             </div>
             <div className='secondRow' style={{display: 'flex'}}>
                 <div className='leftDown'>
-                    <TreeTable  refreshDate={refreshDate}  priority='1' resultDataTypeList={resultDataTypeList}/>
+                    <TreeTable loadingState={loadingState} refreshDate={refreshDate}  priority='1' resultDataTypeList={resultDataTypeList}/>
                 </div>
                 <div className='up'>
                     <span id='upDown'>向上重要</span>
                 </div>
                 {/*<div style={{float:'left',width:'48%',height: '48vh',background:"gray"}}>{children}</div>*/}
                 <div className='rightDown'>
-                    <TreeTable  refreshDate={refreshDate}  priority='0'  resultDataTypeList={resultDataTypeList}/>
+                    <TreeTable loadingState={loadingState} refreshDate={refreshDate}  priority='0'  resultDataTypeList={resultDataTypeList}/>
                 </div>
             </div>
         </div>
diff --git a/src/ui/task/four/TreeTable.tsx b/src/ui/task/four/TreeTable.tsx
index ad71936..fadaa19 100644
--- a/src/ui/task/four/TreeTable.tsx
+++ b/src/ui/task/four/TreeTable.tsx
@@ -29,7 +29,8 @@ const rowSelection: TableRowSelection<DataType> = {
 interface TableSearchType {
     priority: string,
     resultDataTypeList: DataType[],
-    refreshDate?: () => void
+    refreshDate?: () => void,
+    loadingState:boolean
 }
 
 const TreeTable: React.FC<TableSearchType> = (props) => {
@@ -178,6 +179,7 @@ const TreeTable: React.FC<TableSearchType> = (props) => {
                     })}
                     pagination={{pageSize: 5}}
                     scroll={{y: 280}}
+                    loading={props.loadingState}
                 />
             </ConfigProvider>
             {/*<Space align="center" style={{ marginBottom: 16 }}>*/}