分页整合

src/views/elective/dispatch/student/components/class-table.vue

@@ -44,7 +44,7 @@
       </el-table-column>
       <el-table-column
         label="班级排名"
-        prop="rankInGroup"
+        prop="rankInClass"
       >
       </el-table-column>
       <el-table-column

src/views/questioncenter/bestpaper.vue

@@ -108,8 +108,16 @@
         </div>
       </div>
       <!-- 分页 -->
-      <el-pagination class="pagination" layout="prev, pager, next" :total="total" :page-size="pageForm.pageSize" :current-page="pageForm.pageNum" @prev-click="prev" @next-click="next" @current-change="togglePage">
-      </el-pagination>
+<!--      <el-pagination class="pagination" layout="prev, pager, next" :total="total" :page-size="pageForm.pageSize" :current-page="pageForm.pageNum" @prev-click="prev" @next-click="next" @current-change="togglePage">-->
+<!--      </el-pagination>-->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="pageForm.pageNum"
+        :limit.sync="pageForm.pageSize"
+        :page-sizes="[12,24,36]"
+        @pagination="togglePage"
+      />
     </el-card>
   </div>
 </template>
@@ -296,14 +304,6 @@ export default {
         this.getPaperListByYear();
       }
     },
-    next() {
-      this.pageForm.pageNum++;
-      if (this.tabActive == 0) {
-        this.getPaperList();
-      } else {
-        this.getPaperListByYear();
-      }
-    },
     // 收藏
     collect(item) {
       item.collect = !item.collect;
@@ -322,12 +322,10 @@ export default {
       this.form.subjectName = e;
       this.getYears();
     },
-    togglePage(index) {
+    togglePage() {
       if (this.tabActive == 0) {
-        this.pageForm.pageNum = index;
         this.getPaperList();
       } else {
-        this.pageForm.pageNum = index;
         this.getPaperListByYear();
       }
     },

src/views/videocourse/video_course.vue

@@ -104,17 +104,14 @@
       </el-row>
       <!-- 分页 -->
       <div class="split_page">
-        <el-pagination
-          background
-          layout="prev, pager, next"
+        <pagination
+          v-show="total > 0"
           :total="total"
-          :page-size="this.form.pageSize"
-          :current-page="this.form.pageNum"
-          @next-click="next"
-          @prev-click="prev"
-          @current-change="togglePage"
-        >
-        </el-pagination>
+          :page.sync="form.pageNum"
+          :limit.sync="form.pageSize"
+          :pageSizes="[16,32]"
+          @pagination="getVideoList"
+        />
       </div>
     </el-card>
     <evaluation-empty v-if="videoList.length == 0" />
@@ -260,17 +257,7 @@ export default {
     toggleCondition(code) {
       this.form.version = code;
       this.getPack();
-    },
-    next() {
-      this.form.pageNum++, this.getVideoList();
-    },
-    prev() {
-      this.form.pageNum--, this.getVideoList();
-    },
-    togglePage(e) {
-      this.form.pageNum = e;
-      this.getVideoList();
-    },
+    }
   },
   created() {
     this.getVideoType();
@@ -355,10 +342,6 @@ export default {
   width: 100%;
   padding-right: 22px;
 }
-.split_page {
-  display: flex;
-  justify-content: center;
-}
 </style>
 <style >
 .radio_contianer .el-radio-button__inner {