虚拟清单详情页;项目库列表页;未符合项跟踪列表页 表格排序问题

jero-web/src/views/projectManagement/projectLibrary/index.vue

@@ -120,6 +120,7 @@
         :pagination="false"
         :scroll="{x: '100%'}"
         rowKey="id"
+        @change="tableOnChange"
         :data-source="dataSource"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :columns="columns"
@@ -203,6 +204,7 @@
             align: 'left',
             dataIndex: 'projectName',
             width: 180,
+            sorter:true,
             ellipsis: true,
             scopedSlots: { customRender: 'projectName' }
           },
@@ -224,6 +226,7 @@
             title: this.$t('StudioEngineer'),
             align: 'center',
             width: 180,
+            sorter:true,
             ellipsis: true,
             dataIndex: 'studioEngineerName'
           },
@@ -246,6 +249,7 @@
             align: 'center',
             width: 180,
             ellipsis: true,
+            sorter:true,
             dataIndex: 'vehiclePlatform'
           },
           {
@@ -253,6 +257,7 @@
             align: 'center',
             width: 180,
             ellipsis: true,
+            sorter:true,
             dataIndex: 'digitalPlatform'
           },
           {
@@ -265,6 +270,8 @@
         ],
         userInfoQuery: {},
         queryParam: {},
+        orderBy: '1',
+        orderByField: '',
         administrators: false
       }
     },
@@ -396,10 +403,17 @@
         this.queryParam[value] = id
         this.queryParam = { ...this.queryParam }
       },
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        this.orderByField = sorter.columnKey
+        this.getList()
+      },
       getList() {
         let query = {
           pageNo: this.pageNo,
           pageSize: this.pageSize,
+          orderBy: this.orderBy,
+          orderByField: this.orderByField,
           ...this.queryParam
         }
         this.loading = true