人效管理-绩效管理-绩效填报-新增排序

src/views/personnelEfficiencyManagement/performanceManagement/dataReporting.vue

@@ -17,6 +17,7 @@
       @size-change="sizeChange"
       @refresh-change="refreshChange"
       @on-load="onLoad"
+      @sort-change="sortChange"
     >
       <template #menu-left>
         <el-button
@@ -205,6 +206,7 @@ export default {
         currentPage: 1,
         total: 0,
       },
+      query: {},
       option: {
         height: 'auto',
         align: 'center',
@@ -285,7 +287,7 @@ export default {
               { label: '审批通过', value: 4, type: 'success' }, // 绿色 - 成功
               { label: '审批不通过', value: 5, type: 'danger' }, // 红色 - 失败/拒绝
               { label: '已超期', value: 6, type: 'danger' }, // 红色 - 失败/拒绝
-              {label:"任务失败",value:7,type:"danger"}
+              { label: '任务失败', value: 7, type: 'danger' },
             ],
           },
           {
@@ -529,6 +531,20 @@ export default {
         });
       });
     },
+    // 表格排序
+    sortChange({ prop, order }) {
+      if (!prop) {
+        // 如果取消排序，清空排序参数
+        this.query.orderByField = undefined;
+        this.query.isAsc = undefined;
+      } else {
+        const orderByField = prop.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase();
+        this.query.orderByField = orderByField;
+        this.query.isAsc = order === 'ascending' ? true : false;
+      }
+      // 重新加载数据
+      this.onLoad();
+    },
     onLoad() {
       this.loading = true;
       const params = {
@@ -536,6 +552,7 @@ export default {
         currentPage: this.page.currentPage,
         ...this.query,
       };
+      console.log(params);
       pageBsEfficiencyTask(params)
         .then(res => {
           if (res.data.code === 200) {