课程学习增加排序

src/modules/teacher/data/course/views/ClassList.vue

@@ -31,8 +31,24 @@ export default {
           { label: '班级人数', prop: 'student_total', align: 'center', sortable: 'custom' },
           { label: '完成人数', prop: 'finished_student_total', align: 'center', sortable: 'custom' },
           { label: '课程完成率', prop: 'course_completion_rate', align: 'center', sortable: 'custom' },
-          { label: '累计学习时长', prop: 'study_length', align: 'center', sortable: 'custom' },
-          { label: '人均学习时长', prop: 'avg_study_length', align: 'center', sortable: 'custom' }
+          {
+            label: '累计学习时长',
+            prop: 'study_length',
+            align: 'center',
+            sortable: 'custom',
+            computed({ row }) {
+              return row.study_length_format
+            }
+          },
+          {
+            label: '人均学习时长',
+            prop: 'avg_study_length',
+            align: 'center',
+            sortable: 'custom',
+            computed({ row }) {
+              return row.avg_study_length_format
+            }
+          }
         ]
       }
     }
@@ -56,11 +72,13 @@ export default {
       })
     },
     sortChange(columns) {
+      console.log(columns, 'hfjsdfhs')
       if (columns.order === 'ascending') {
-        this.tableOptions.remote.params.sort = columns.prop
+        this.tableOptions.remote.params.sort = 'asc'
+        this.tableOptions.remote.params.sort_column = columns.prop
       } else {
-        columns.prop = '-' + columns.prop
-        this.tableOptions.remote.params.sort = columns.prop
+        this.tableOptions.remote.params.sort = 'desc'
+        this.tableOptions.remote.params.sort_column = columns.prop
       }
       this.$refs.list.refetch()
     }

src/modules/teacher/data/course/views/List.vue

@@ -47,7 +47,15 @@ export default {
         columns: [
           { label: '图片', prop: 'course_picture', slots: 'table-img' },
           { label: '课程名称', prop: 'course_name', align: 'center' },
-          { label: '人均学习时长', prop: 'course_avg_study_len', align: 'center', sortable: 'custom' },
+          {
+            label: '人均学习时长',
+            prop: 'course_avg_study_len',
+            align: 'center',
+            sortable: 'custom',
+            computed({ row }) {
+              return row.course_avg_study_len_format
+            }
+          },
           { label: '课程完成率', prop: 'course_finish_progress', align: 'center', sortable: 'custom' },
           { label: '操作', align: 'center', slots: 'table-operate' }
         ]
@@ -59,11 +67,13 @@ export default {
   },
   methods: {
     sortChange(columns) {
+      console.log(columns, 'hfjsdfhs')
       if (columns.order === 'ascending') {
-        this.tableOptions.remote.params.sort = columns.prop
+        this.tableOptions.remote.params.sort = 'asc'
+        this.tableOptions.remote.params.sort_column = columns.prop
       } else {
-        columns.prop = '-' + columns.prop
-        this.tableOptions.remote.params.sort = columns.prop
+        this.tableOptions.remote.params.sort = 'desc'
+        this.tableOptions.remote.params.sort_column = columns.prop
       }
       this.$refs.list.refetch()
     },

src/modules/teacher/data/course/views/PersonalList.vue

@@ -49,11 +49,13 @@ export default {
       })
     },
     sortChange(columns) {
+      console.log(columns, 'hfjsdfhs')
       if (columns.order === 'ascending') {
-        this.tableOptions.remote.params.sort = columns.prop
+        this.tableOptions.remote.params.sort = 'asc'
+        this.tableOptions.remote.params.sort_column = columns.prop
       } else {
-        columns.prop = '-' + columns.prop
-        this.tableOptions.remote.params.sort = columns.prop
+        this.tableOptions.remote.params.sort = 'desc'
+        this.tableOptions.remote.params.sort_column = columns.prop
       }
       this.$refs.list.refetch()
     }