教材列表排序

src/views/courseList.vue

@@ -75,15 +75,18 @@
             v-loading="tableloading"
             :data="tableData"
             style="width: 100%"
+            @sort-change="handleSort"
+            :default-sort = dataSort
           >
             <el-table-column
               class="table-firstC"
               label="名称"
               prop="name"
               width="150"
+              sortable='custom'
             />
-            <el-table-column label="英文名" prop="name_english" width="150" />
-            <el-table-column label="作者" prop="author" width="100" />
+            <el-table-column label="英文名" prop="name_english" width="150" sortable='custom' />
+            <el-table-column label="作者" prop="author" width="100" sortable='custom' />
             <el-table-column label="版本" prop="edition" width="100" />
             <el-table-column label="出版社" prop="publisher" width="150" />
             <el-table-column
@@ -104,6 +107,12 @@
               prop="publish_scope"
               width="100"
             />
+            <el-table-column
+              label="创建时间"
+              prop="create_time"
+              width="170"
+              sortable='custom'
+            />
             <el-table-column fixed="right" label="操作" prop width="370">
               <template slot-scope="scope">
                 <el-button type="text" @click="handleClick(scope.row)"
@@ -666,7 +675,8 @@ export default {
       ],
       diaMyOrgList: [],
       typeList: [],
-      activeName: "courseInfo" // 教材信息tabs
+      activeName: "courseInfo", // 教材信息tabs
+      dataSort: localStorage.getItem("dataSort")?JSON.parse(localStorage.getItem("dataSort")):{}
     };
   },
   computed: {
@@ -894,12 +904,39 @@ export default {
     // 查询数据列表
     getList() {
       let MethodName = "book-book_manager-PageQueryBookList";
+    //   let order_column = ""
+    //   if(this.dataSort != {}){
+    //     if(this.dataSort.order=='descending'){
+    //         order_column = this.dataSort.prop + ':desc'
+    //     }else if(this.dataSort.order=='ascending'){
+    //         // 升序不传值
+    //         order_column = this.dataSort.prop
+    //     }else{
+    //         order_column = 'create_time:desc'
+    //     }
+    //   }else{
+    //     order_column = 'create_time:desc'
+    //   }
+    let order_column_list = []
+      if(this.dataSort != {}){
+        if(this.dataSort.order=='descending'){
+            order_column_list = [this.dataSort.prop + ':desc']
+        }else if(this.dataSort.order=='ascending'){
+            // 升序不传值
+            order_column_list = [this.dataSort.prop]
+        }else{
+            order_column_list = ['create_time:desc']
+        }
+      }else{
+        order_column_list = ['create_time:desc']
+      }
       let data = {
         name: this.form.name,
         page_capacity: this.page_capacity,
         cur_page: this.currentPage,
         org_id: this.form.agency,
-        order_column: "create_time:desc",
+        // order_column: order_column,
+        order_column_list:order_column_list,
         publish_status: this.form.publish_status,
         is_control_publish_scope: "false"
       };
@@ -1345,6 +1382,15 @@ export default {
       this.fileListDoc = [];
       this.formDialog.description = "";
       done();
+    },
+    handleSort(value){
+        let dataSort = {
+            prop: value.prop,
+            order: value.order
+        }
+        this.dataSort = dataSort
+        localStorage.setItem("dataSort", JSON.stringify(dataSort));
+        this.getList()
     }
   }
 };