update Table

update Table

update Table
梁灏
1 parent cb31ede0
Showing 2 changed files with 33 additions and 23 deletions Show diff stats
src/components/table/table.vue
test/routers/table.vue
@@ -321,39 +321,35 @@
                     $body.scrollLeft = $body.scrollLeft - 10;
                 }
             },
+            sortData (data, type, index) {
+                const key = this.cloneColumns[index].key;
+                data.sort((a, b) => {
+                    if (this.cloneColumns[index].sortMethod) {
+                        return this.cloneColumns[index].sortMethod(a, b);
+                    } else {
+                        return type === 'asc' ? a[key] > b[key] : a[key] < b[key];
+                    }
+                });
+                return data;
+            },
             handleSort (index, type) {
                 this.cloneColumns.forEach((col) => col._sortType = 'normal');
                 const key = this.cloneColumns[index].key;
                 if (this.cloneColumns[index].sortable !== 'custom') {    // custom is for remote sort
-                    if (type === 'asc') {
-                        this.rebuildData.sort((a, b) => {
-                            if (this.cloneColumns[index].sortMethod) {
-                                return this.cloneColumns[index].sortMethod(a, b);
-                            } else {
-                                return a[key] > b[key];
-                            }
-                        });
-                    } else if (type === 'desc') {
-                        this.rebuildData.sort((a, b) => {
-                            if (this.cloneColumns[index].sortMethod) {
-                                return this.cloneColumns[index].sortMethod(a, b);
-                            } else {
-                                return a[key] < b[key];
-                            }
-                        });
-                    } else if (type === 'normal') {
+                    if (type === 'normal') {
                         this.rebuildData = this.makeData();
+                    } else {
+                        this.rebuildData = this.sortData(this.rebuildData, type, index);
                     }
                 }
-
                 this.cloneColumns[index]._sortType = type;
                 this.$emit('on-sort-change', {
                     column: JSON.parse(JSON.stringify(this.columns[this.cloneColumns[index]._index])),
                     key: key,
                     order: type
-                })
+                });
             },
             handleFilterHide (index) {    // clear checked that not filter now
                 if (!this.cloneColumns[index]._isFiltered) this.cloneColumns[index]._filterChecked = [];
@@ -378,7 +374,7 @@
             },
             handleFilter (index) {
                 const column = this.cloneColumns[index];
-                let filterData = this.makeData();
+                let filterData = this.makeDataWithSort();
                 // filter others first, after filter this column
                 filterData = this.filterOtherData(filterData, index);
@@ -396,7 +392,7 @@
                 this.cloneColumns[index]._filterVisible = false;
                 this.cloneColumns[index]._filterChecked = [];
-                let filterData = this.makeData();
+                let filterData = this.makeDataWithSort();
                 filterData = this.filterOtherData(filterData, index);
                 this.rebuildData = filterData;
             },
@@ -405,6 +401,20 @@
                 data.forEach((row, index) => row._index = index);
                 return data;
             },
+            makeDataWithSort () {
+                let data = this.makeData();
+                let sortType = 'normal';
+                let sortIndex = -1;
+                for (let i = 0; i < this.cloneColumns.length; i++) {
+                    if (this.cloneColumns[i]._sortType !== 'normal') {
+                        sortType = this.cloneColumns[i]._sortType;
+                        sortIndex = i;
+                        break;
+                    }
+                }
+                if (sortType !== 'normal') data =  this.sortData(data, sortType, sortIndex);
+                return data;
+            },
             makeObjData () {
                 let data = {};
                 this.data.forEach((row, index) => {
@@ -99,7 +99,7 @@
                         key: 'age',
                         align: 'right',
 //                        fixed: 'left',
-                        sortable: 'custom',
+                        sortable: true,
                         width: 100,
                         filters: [
                             {
@@ -235,7 +235,7 @@
 //                });
 //                this.data.splice(0, 1)
 //                this.columns.splice(2,1)
-            }, 2000);
+            }, 3000);
         }
     }
 </script>
 \ No newline at end of file