人员绩效表排序调整

src/views/projectBank/userScore.vue

@@ -52,8 +52,8 @@
           tableHeight="495px"
           @sortChange="sortChange"
           :default-sort="{
-            prop:'score',
+            prop: 'score',
-            order:null,
+            order: 'descending',
           }"
         >
           <template slot="operation" slot-scope="{ row }">
@@ -76,6 +76,7 @@ import { taskApi } from "@/utils/api";
 import { deptTreeSelect } from "@/api/system/user";
 
 export default {
+  name: "UserScore",
   components: {
     CustomTable,
     SelectUser,
@@ -87,7 +88,7 @@ export default {
       searchForm: {
         userIdList: [],
         userName: "",
-        isAsc: "",
+        isAsc: "desc",
       },
       columns: [
         { prop: "userName", label: "考核人员" },
@@ -101,7 +102,7 @@ export default {
               return row.score;
             } else if (row.examineStatus == 1) {
               return row.manageScore;
-            } else if(row.examineStatusSelf == 1){
+            } else if (row.examineStatusSelf == 1) {
               return row.selfScore;
             }
           },
@@ -150,6 +151,8 @@ export default {
         this.searchForm[key] = "";
       });
       this.$refs.treeRef.setCurrentKey(null);
+       this.searchForm.isAsc = "desc"
+      this.initSort()
       // this.searchForm.taskId = this.taskList[0]?.id;
 
       this.getTaskUserList();
@@ -172,22 +175,27 @@ export default {
         query: { taskId: row.taskId, examineId: row.id, score },
       });
     },
-    getTaskUserList() {
+    getTaskUserList(init) {
       if (!this.taskId) return;
       taskApi
         .getTaskUserList({
           ...this.searchForm,
           taskId: this.taskId,
-          sortFiled :'all',
+          sortFiled: "all",
           pageNum: this.pageNum,
           pageSize: this.pageSize,
         })
         .then((res) => {
           this.tableData = res.rows;
           this.total = res.total;
+          if (init === 1) {
+            this.$nextTick(() => {
+              this.initSort();
+            });
+          }
         });
     },
-    getTaskList() {
+    getTaskList(init) {
       taskApi
         .getTaskList({
           pageNum: 1,
@@ -196,7 +204,7 @@ export default {
         .then((res) => {
           this.taskList = res.rows;
           this.taskId = res.rows[0]?.id;
-          this.getTaskUserList();
+          this.getTaskUserList(init);
         });
     },
     handleSizeChange(size) {
@@ -214,25 +222,40 @@ export default {
       });
     },
     sortChange({ order }) {
-      let ele=document.getElementsByClassName('is-sortable')[0]
+      let ele = document.getElementsByClassName("is-sortable")[0];
 
-      let className=ele.getAttribute('class')
+      let className = ele.getAttribute("class");
-      if(order == "descending"){
+      if (order == "descending") {
-        ele.setAttribute('class',className.replace('ascending','')+' descending')
+        ele.setAttribute(
-      }else if(order == "ascending"){
+          "class",
-        ele.setAttribute('class',className.replace('descending','')+' ascending')
+          className.replace("ascending", "") + " descending"
-      }else{
+        );
-        ele.setAttribute('class',className.replace('ascending','').replace('descending',''))
+      } else if (order == "ascending") {
+        ele.setAttribute(
+          "class",
+          className.replace("descending", "") + " ascending"
+        );
+      } else {
+        ele.setAttribute(
+          "class",
+          className.replace("ascending", "").replace("descending", "")
+        );
       }
-      
+
       this.searchForm.isAsc =
         order == "descending" ? "desc" : order == "ascending" ? "asc" : "";
       this.getTaskUserList();
     },
+    initSort() {
+      let ele = document.getElementsByClassName("is-sortable")[0];
+      if(!ele) return
+      let className = ele.getAttribute("class");
+      ele.setAttribute("class", className.replace("ascending", "") + " descending");
+    },
   },
   mounted() {
     this.getDeptTree();
-    this.getTaskList();
+    this.getTaskList(1);
   },
 };
 </script>