草稿完成排序

src/service/dataassetmanager.js

@@ -376,7 +376,7 @@ export function getDrafts(payload) {
 }
 
 export function listDraftFilterElementsGroupByType(payload) {
-  return GetJSON("/dataassetmanager/elementApi/listDraftFilterElementsGroupByType", payload);
+  return GetJSON("/dataassetmanager/elementApi/listDraftFilterElements", payload);
 }
 
 

src/view/Manage/AssetDraft/draft.jsx

@@ -84,6 +84,10 @@ const FC = (props) => {
     visible: false,
     ids: undefined
   })
+  const [sorterParams, setSorterParams] = React.useState({
+    sortField:'',
+    sortDirection:''
+  })
   const [rightRow, setRightRow] = React.useState()
   
   const [modal, contextHolder] = Modal.useModal();
@@ -212,14 +216,14 @@ const FC = (props) => {
 
   const [columns, tableData, total] = React.useMemo(() => {
     let [newColumns, newTableData] = [[], []]
-
-    for (const element of filterElements??[]) {
-      for (const name of element.names??[]) {
+    filterElements?.forEach(item => {
+        const name = item?.name
         const column = {
           title: name,
-          dataIndex: name,
+          dataIndex: item?.enName,
           ellipsis: true,
           width: 120,
+          sorter:true,
           render: (text, record) => {
             return (
               <Tooltip title={text}>
@@ -230,10 +234,7 @@ const FC = (props) => {
             );
           }
         }
-
-        if (name === '编号') {
-          column.width = 60
-        } else if (name === '中文名称'|| name === '岗位中文名') {
+        if (name === '中文名称'|| name === '岗位中文名') {
           column.width = isSzseEnv ? 230 : 160
         } else if (name === '英文名称' || name === '岗位英文名') {
           column.width = isSzseEnv ? 224 : 160
@@ -253,10 +254,10 @@ const FC = (props) => {
         }
 
         newColumns.push(column)
-      }
-    }
+    });
 
     if (!loadingFilterElements) {
+      
       for (const item of (data?.data??[])) {
         let index = 0
         let newItem = {}
@@ -265,7 +266,6 @@ const FC = (props) => {
             if ((newColumns??[]).length > index) {
               const name = newColumns[index].dataIndex
               newItem[name] = value
-
               if (specialCol.indexOf((name??'').toLowerCase()) !== -1) {
                 const user = users?.filter((user)=>(user.pernr===value))
                 if ((user??[]).length > 0) {
@@ -273,10 +273,10 @@ const FC = (props) => {
                 }
               }
             }
-  
             index++
           }
         }
+        console.log('newitem',newItem);
         
         newTableData.push({...item, ...newItem})
       }
@@ -382,6 +382,7 @@ const FC = (props) => {
         templateType: currentTemplateValue,
         keyword: encodeURIComponent(keyword??''),
         state: code,
+        ...sorterParams,
         pageNum: pagination.pageNum,
         pageSize: pagination.pageSize,
       },
@@ -558,6 +559,28 @@ const FC = (props) => {
     }
   }
 
+    const handleTableChange = (pagination, filters, sorter) => {
+    const temp = sorter?.order; // 或 'descend' 或 ''
+    let sortDirection;
+    if (temp === 'ascend') {
+      sortDirection = 'ASC';
+    } else if (temp === 'descend') {
+      sortDirection = 'DESC';
+    } else {
+      sortDirection = ''; // 或者其他默认值
+    }
+    setSorterParams({
+      sortField:sorter?.field,
+      sortDirection
+    })
+  };
+
+  React.useEffect(()=>{
+  if(sorterParams.sortDirection||sorterParams.sortField) {
+    getDrafts()
+  }
+  },[sorterParams])
+
   return (
     <div style={{ backgroundColor: '#fff', height: '100%' }}>
       <div className='flex p-3' style={{
@@ -687,6 +710,8 @@ const FC = (props) => {
           menuPermissions={menuData}
           onMenuItemClick={onRightMenuItemClick}
           scroll={{ y: 'calc(100vh - 209px - 72px - 57px)' }}
+          onChange={handleTableChange}
+          sortDirections={['ascend', 'descend','']}
         />
         <Pagination
           className="text-center mt-3"

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

@@ -5,7 +5,7 @@ import { Resizable } from 'react-resizable';
 import ResizeObserver from 'rc-resize-observer';
 import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify";
 import LocalStorage from 'local-storage';
-import { filter, Subject } from "rxjs";
+import { Subject } from "rxjs";
 import produce from 'immer'
 import { useDebounceEffect } from 'ahooks'