ocr识别消耗时间排序

src/pages/localTool/standardRecognition/index.vue

@@ -23,6 +23,7 @@
           style="width: 100%"
           height="100%"
           @selection-change="standSelectChange"
+          @sort-change="sortChange"
           :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }"
         >
           <el-table-column type="selection" align="center" width="50">
@@ -97,13 +98,13 @@
           </el-table-column>
           <el-table-column
             prop="spendTime"
-            :label="this.$t('m.timeConsuming')"
+            label="消耗时间(秒)"
             align="center"
-            sortable
+            sortable="custom"
-            width="120"
+            width="140"
           >
           </el-table-column>
-          <el-table-column label="操作" align="center" width="150" fixed="right">
+          <el-table-column label="操作" align="center" width="150" >
             <template slot-scope="scope">
               <div @click.stop style="display: inline-block">
                 <el-button
@@ -795,6 +796,8 @@ export default {
       isSubmit: false,
       showUploadlist: true, // 导入过程中新增数据时，如果数据报错，不出现导入列表
       collect: "收藏",
+      paixu: '',
+      shunxu: ''
     };
   },
   props: {},
@@ -1052,6 +1055,26 @@ export default {
           break;*/
       }
     },
+    // 表格排序
+    sortChange (sortObj) {
+      if (sortObj.column.order !== 'normal') {
+        this.shunxu = ''
+        this.paixu = ''
+        let order = sortObj.column.order
+        switch (sortObj.column.property) {
+          case 'spendTime' :
+            // 后台联调
+            this.paixu = 'spendTime'
+            if (order === 'ascending'){
+              this.shunxu = 'asc'
+            } else if (order === 'descending') {
+              this.shunxu = 'desc'
+            }
+            break
+        }
+      }
+      this.getTableData()
+    },
     // 修改成表格样式后，选择项勾选改变
     standSelectChange(data) {
       this.selectTableData = [];
@@ -1336,6 +1359,8 @@ export default {
         {
           page: this.page,
           pageSize: this.pageSize,
+          paixu: this.shunxu ? this.paixu : '',
+          shunxu: this.shunxu
         },
         {
           _this: this,
@@ -1344,6 +1369,7 @@ export default {
         (res) => {
           if (res.ok) {
             this.standRecoList = res.data.list;
+            console.log(this.standRecoList);
             this.total = res.data.count
           }
         },