agent display

src/views/agnetManagement/index.vue

       </el-table>
 
       <div v-show="!listLoading" class="pagination-container">
-        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
+        <!-- <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
           :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
-        </el-pagination>
+        </el-pagination> -->
       </div>
 
       <el-dialog title="創建代理商" :visible.sync="dialogCreateFormVisible" :before-close="handleDialogClose" center>
       downloadLoading: false,
       listQuery: {
         page: 1,
-        limit: 20,
+        limit: 9999999,
         // startAt: moment.utc(moment().day('sunday').hour(12).minute(0).second(0).subtract(1, 'weeks').day(7).hour(16).minute(0).second(0)).format(),
         // endAt: moment.utc(moment().day('sunday').hour(12).minute(0).second(0).day(7).hour(11).minute(59).second(59)).format()
       },
       'SetVisible',
       'SetData',
     ]),
-    getList() {
+    async getList() {
       this.listLoading = true
-      fetchList(this.listQuery).then(response => {
+      await fetchList(this.listQuery).then(response => {
 
         response.data.rows.map(agent => {
           let combine = []
           this.list = []   
-          this.visible.firstLayer === true ?  fetchGroupAll(agent, this.listQuery).then(response => {
+          this.visible.firstLayer === true ? fetchGroupAll(agent, this.listQuery).then(response => {
             console.log('response' , response.data.all)
             this.list.push({
               // id: agent.GambleMember.id,
               // },
               id: agent.GambleMember.id,
               name: agent.GambleMember.name.slice(19),
+              createdAt: agent.GambleMember.createdAt,
               feeRatio: response.data.feeRatio,
               all: response.data.all,
               all70: response.data.all70
           //   this.listLoading = false
           // })
         })
-        this.total = response.data.count
+        this.list.sort(function compare(a, b) {
+          const dateA = new Date(a.createdAt);
+          const dateB = new Date(b.createdAt);
+          return  dateB - dateA;
+        })
+        // this.total = response.data.count
         this.listLoading = false
       })
     },
         }
       }))
     },
-    handleFilter() {
-      this.listQuery.page = 1
-      this.getList()
-    },
-    handleSizeChange(val) {
-      this.listQuery.limit = val
-      this.getList()
-    },
-    handleCurrentChange(val) {
-      this.listQuery.page = val
-      this.getList()
-    },
+    // handleFilter() {
+    //   this.listQuery.page = 1
+    //   this.getList()
+    // },
+    // handleSizeChange(val) {
+    //   this.listQuery.limit = val
+    //   this.getList()
+    // },
+    // handleCurrentChange(val) {
+    //   this.listQuery.page = val
+    //   this.getList()
+    // },
     handleDialogClose() {
       this.dialogCreateFormVisible = false;
     },