Browse Source

个人中心分页修改

sunlupeng 1 year ago
parent
commit
6070984efc
1 changed files with 26 additions and 8 deletions
  1. 26 8
      src/views/HomeView/MyCenter.vue

+ 26 - 8
src/views/HomeView/MyCenter.vue

@@ -143,7 +143,7 @@
                         type="date"
                         placeholder="答题日期">
                         </el-date-picker>
-                        <el-button size="small" style="margin-right: 30px;" type="primary" @click="handleFilter">查询</el-button>
+                        <el-button size="small" style="margin-right: 30px;" type="primary" @click="handleFilterAnswerList">查询</el-button>
                         <el-empty v-if="answerList.length==0" :image-size="200"></el-empty>
                         <div v-else>
                             <el-table size="small" :data="answerList" border style="margin-top: 30px;width: 960px">
@@ -154,7 +154,7 @@
                                 <el-table-column align="center" prop="rownum" label="当前排名"></el-table-column>
                             </el-table>
                             <div class="myPage">
-                                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                                <el-pagination @size-change="handleSizeChangeAnswerList" @current-change="handleCurrentChangeAnswerList"
                                     :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                                     layout="total, sizes, prev, pager, next, jumper" :total="total">
                                 </el-pagination>
@@ -171,7 +171,7 @@
                         type="date"
                         placeholder="抽奖日期">
                         </el-date-picker>
-                        <el-button size="small" style="margin-right: 30px;" type="primary" @click="handleFilter">查询</el-button>
+                        <el-button size="small" style="margin-right: 30px;" type="primary" @click="handleFilterPrizeList">查询</el-button>
                         <el-empty v-if="prizeList.length==0" :image-size="200"></el-empty>
                         <div v-else>
                             <el-table size="small" :data="prizeList" border style="margin-top: 30px;width: 960px">
@@ -181,7 +181,7 @@
                                 <el-table-column align="center" prop="prizeName" label="奖品"></el-table-column>
                             </el-table>
                             <div class="myPage">
-                                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                                <el-pagination @size-change="handleSizeChangePrizeList" @current-change="handleCurrentChangePrizeList"
                                     :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                                     layout="total, sizes, prev, pager, next, jumper" :total="total">
                                 </el-pagination>
@@ -347,19 +347,37 @@ export default {
         handleFilter() {
             this.listQuery.page = 1
             this.getFirstList();
-            this.getAnswerList();
-            this.getPrizeList();
         },
         handleSizeChange(val) {
             this.listQuery.limit = val;
             this.getFirstList();
-            this.getAnswerList();
-            this.getPrizeList();
         },
         handleCurrentChange(val) {
             this.listQuery.page = val;
             this.getFirstList();
+        },
+        handleFilterAnswerList() {
+            this.listQuery.page = 1
+            this.getAnswerList();
+        },
+        handleSizeChangeAnswerList(val) {
+            this.listQuery.limit = val;
             this.getAnswerList();
+        },
+        handleCurrentChangeAnswerList(val) {
+            this.listQuery.page = val;
+            this.getAnswerList();
+        },
+        handleFilterPrizeList() {
+            this.listQuery.page = 1
+            this.getPrizeList();
+        },
+        handleSizeChangePrizeList(val) {
+            this.listQuery.limit = val;
+            this.getPrizeList();
+        },
+        handleCurrentChangePrizeList(val) {
+            this.listQuery.page = val;
             this.getPrizeList();
         },
         handleClickTabs(val) {