模型列表增加排序

src/view/Manage/Model/Component/ModelTable.jsx

@@ -173,6 +173,8 @@ const ModelTable = (props) => {
       dataIndex: 'state',
       width: 100,
       ellipsis: true,
+      sorter: true,
+      sortDirections: ['ascend', 'descend'],
       render: (_, record) => {
 
         let color = '';
@@ -203,8 +205,10 @@ const ModelTable = (props) => {
     {
       title: '最近修改时间',
       dataIndex: 'modifiedTs',
-      width: 180,
+      width: 170,
       ellipsis: true,
+      sorter: true,
+      sortDirections: ['ascend', 'descend'],
       render: (_,record) => {
         return formatDate(record.modifiedTs);
       }
@@ -248,6 +252,8 @@ const ModelTable = (props) => {
     dataIndex: 'path',
     width: 120,
     ellipsis: true,
+    sorter: true,
+    sortDirections: ['ascend', 'descend'],
     render: (text, _, __) => {
       return (
         <Tooltip title={text||''}>
@@ -341,10 +347,23 @@ const ModelTable = (props) => {
     if (sortRule) {
       if (sortRule.order === 'ascend') {
         newData.sort((item1, item2) => {
+
+          if (sortRule.field === 'state') {
+            return (item1[sortRule.field]?.cnName||'').localeCompare(item2[sortRule.field]?.cnName||'');
+          } else if (sortRule.field === 'modifiedTs') {
+            return formatDate(item1[sortRule.field]).localeCompare(formatDate(item2[sortRule.field]));
+          }
+
           return item1[sortRule.field].localeCompare(item2[sortRule.field]);
         })
       } else if (sortRule.order === 'descend') {
         newData.sort((item1, item2) => {
+          if (sortRule.field === 'state') {
+            return (item2[sortRule.field]?.cnName||'').localeCompare(item1[sortRule.field]?.cnName||'');
+          } else if (sortRule.field === 'modifiedTs') {
+            return formatDate(item2[sortRule.field]).localeCompare(formatDate(item1[sortRule.field]));
+          }
+
           return item2[sortRule.field].localeCompare(item1[sortRule.field]);
         })
       }