资产增加排序

package.json

@@ -76,6 +76,6 @@
       "last 1 safari version"
     ]
   },
-  "proxy": "http://192.168.0.111:8189",
+  "proxy": "http://192.168.0.36:8080",
   "homepage": "http://myhost/data-govern"
 }

src/view/Manage/AssetManage/Component/AssetTable.jsx

@@ -169,6 +169,7 @@ const AssetTable = (props) => {
   const [loadingTemplates, setLoadingTemplates] = useState(false)
   const [templates, setTemplates] = useState()
   const [currentTemplateType, setTemplateType] = useState()
+  const [sorter, setSorter] = useState()
 
   const [ modal, contextHolder ] = Modal.useModal();
   const anchorId = getQueryParam(AnchorId, props?.location?.search);
@@ -278,7 +279,7 @@ const AssetTable = (props) => {
       getFilterElementsGroupThenGetDataAssets();
     } 
     //eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [ keyword, pagination, elementsChanged, assetActionChanged, recursive, fullSearch ])
+  }, [ keyword, pagination, elementsChanged, assetActionChanged, recursive, fullSearch, sorter ])
 
   useEffect(() => {
     if (reference === AssetRecycleReference) {
@@ -426,6 +427,7 @@ const AssetTable = (props) => {
               dataIndex: `element${index}`,
               ellipsis: true,
               width: 120,
+              sorter: (reference !== AssetRecycleReference),
               render: (text, record) => {
                 return (
                   <Tooltip title={text||''}>
@@ -505,11 +507,20 @@ const AssetTable = (props) => {
   const getDataAssets = (projectIndex = metadataIndexRef.current) => {
     setLoading(true);
 
+    let order = '';
+    if (sorter?.order === 'ascend') {
+      order ='asc'
+    } else if (sorter?.order === 'descend') {
+      order = 'desc'
+    }
+
     let params = {
       dirId: nodeId,
       pageNum,
       pageSize,
-      keyword: encodeURIComponent(keyword)
+      keyword: encodeURIComponent(keyword),
+      orderName: sorter?.column?.title??'',
+      order: order,
     };
 
     if (reference !== AssetRecycleReference) {
@@ -1189,6 +1200,12 @@ const AssetTable = (props) => {
             pagination={false}
             size='default'
             scroll={{ y: scrollY }}
+            onChange={(pagination, filters, sorter, extra) => {
+              if (extra?.action === 'sort') {
+                console.log('sorter', sorter)
+                setSorter(sorter)
+              }
+            }}
           />
         </ResizeObserver>