人效管理-绩效管理-绩效模板维护-新增排序

src/views/personnelEfficiencyManagement/performanceManagement/templateMaintenance.vue

@@ -17,16 +17,40 @@
       @size-change="sizeChange"
       @refresh-change="refreshChange"
       @on-load="onLoad"
+      @sort-change="sortChange"
     >
       <template #menu-left>
-        <el-button type="primary" @click="handleAdd" v-if="permission.performanceAllocation_add">新增绩效</el-button>
+        <el-button type="primary" @click="handleAdd" v-if="permission.performanceAllocation_add">
+          新增绩效
+        </el-button>
         <!-- <el-button type="danger" @click="batchDelete">删除</el-button> -->
         <!-- <el-button type="primary" @click="maintenanceContents">绩效内容维护</el-button> -->
       </template>
       <template #menu="scope">
-        <el-button type="primary" text v-if="permission.performanceAllocation_edit" @click="editRow(scope.row)">修改</el-button>
-        <el-button type="primary" text v-if="permission.performanceAllocation_delete" @click="deleteRow(scope.row)">删除</el-button>
-        <el-button type="primary" text v-if="permission.performanceAllocation_issue" @click="taskAssignment(scope.row)">下发</el-button>
+        <el-button
+          type="primary"
+          text
+          v-if="permission.performanceAllocation_edit"
+          @click="editRow(scope.row)"
+        >
+          修改
+        </el-button>
+        <el-button
+          type="primary"
+          text
+          v-if="permission.performanceAllocation_delete"
+          @click="deleteRow(scope.row)"
+        >
+          删除
+        </el-button>
+        <el-button
+          type="primary"
+          text
+          v-if="permission.performanceAllocation_issue"
+          @click="taskAssignment(scope.row)"
+        >
+          下发
+        </el-button>
       </template>
     </avue-crud>
     <batchAddPerf
@@ -249,7 +273,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters([ 'permission']),
+    ...mapGetters(['permission']),
   },
   mounted() {},
   methods: {
@@ -376,6 +400,20 @@ export default {
       this.selectionList = [];
       this.$refs.crud.toggleSelection();
     },
+    // 表格排序
+    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;
       pageBsEfficiencyTemp({