From e1d7446d8ca8539a4f5b351c390795d17d84a1f6 Mon Sep 17 00:00:00 2001
From: shixiaohua <shi_xiaohua@qq.com>
Date: Fri, 10 May 2024 16:10:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=B7=BB=E5=8A=A0=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/task/four/layout.tsx   | 11 +++++++----
 src/ui/task/four/TreeTable.tsx |  4 +++-
 2 files changed, 10 insertions(+), 5 deletions(-)

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 }}>*/}