我的收藏;我的订阅 表格排序问题

jero-web/src/views/parameter/escalationlibrary/index.vue

@@ -39,6 +39,7 @@
         :scroll="{x: '100%',y:'calc(100vh - 158px)'}"
         rowKey="id"
         :data-source="dataSource"
+        @change="tableOnChange"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :columns="columns"
       >
@@ -126,6 +127,8 @@
         paramsManifestId:'',
         selectedRowKeysArray: '',
         formInline: {},
+        orderBy: '1',
+        orderByField: '',
         rules: {
           paramsTemplateName: [
             { required: true, message: this.$t('PleaseEnter') + this.$t('templateName'), trigger: 'change' }
@@ -156,6 +159,7 @@
             align: 'center',
             width: '17%',
             dataIndex: 'projectName',
+            sorter:true,
             scopedSlots: { customRender: 'projectName' }
           },
           {
@@ -304,10 +308,21 @@
         //     }
         // })
       },
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        if(sorter.columnKey == 'projectName') {
+          this.orderByField = 'pageName'
+        } else{
+          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