分页控件新增pageSizes

src/mixins/common.js

@@ -18,6 +18,10 @@ export default {
       const current = this.current || 1;
       const size = this.size || 10;
       return (current - 1) * size + index + 1;
+    },
+    pageSizeChange(val) {
+      this.size = val;
+      this.toPage && this.toPage(1);
     }
   }
 };

src/modules/admin/views/AdminUserManage.vue

@@ -87,11 +87,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/analysis/components/ModifyAnalysisBatchPaper.vue

@@ -94,11 +94,13 @@
         <div class="part-page">
           <el-pagination
             background
-            layout="total,prev, pager, next"
+            layout="total, sizes, prev, pager, next, jumper"
+            :pager-count="5"
             :current-page="current"
             :total="total"
             :page-size="size"
             @current-change="toPage"
+            @size-change="pageSizeChange"
           >
           </el-pagination>
         </div>

src/modules/analysis/components/SelectAnalysisPaper.vue

@@ -103,11 +103,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/analysis/views/AnalysisBatchManage.vue

@@ -148,11 +148,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/analysis/views/DataInitManage.vue

@@ -88,11 +88,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/components/ModifyClazzSimpleStudent.vue

@@ -82,11 +82,13 @@
         <div class="part-page">
           <el-pagination
             background
-            layout="total,prev, pager, next"
+            layout="total, sizes, prev, pager, next, jumper"
+            :pager-count="5"
             :current-page="current"
             :total="total"
             :page-size="size"
             @current-change="toPage"
+            @size-change="pageSizeChange"
           >
           </el-pagination>
         </div>

src/modules/base/components/ModifyExamConfig.vue

@@ -110,11 +110,13 @@
         <div class="part-page">
           <el-pagination
             background
-            layout="total,prev, pager, next"
+            layout="total, sizes, prev, pager, next, jumper"
+            :pager-count="5"
             :current-page="current"
             :total="total"
             :page-size="size"
             @current-change="toPage"
+            @size-change="pageSizeChange"
           >
           </el-pagination>
         </div>

src/modules/base/views/ApproveRecordManage.vue

@@ -120,11 +120,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/CardManage.vue

@@ -141,11 +141,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/CardRuleManage.vue

@@ -124,11 +124,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/ClazzManage.vue

@@ -84,11 +84,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/ClazzSimpleManage.vue

@@ -97,11 +97,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/CollegeManage.vue

@@ -82,11 +82,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/CourseManage.vue

@@ -136,11 +136,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/CourseSimpleManage.vue

@@ -68,11 +68,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/ExamManage.vue

@@ -114,11 +114,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/FlowManage.vue

@@ -72,11 +72,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/MajorManage.vue

@@ -83,11 +83,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/PrintPlanPushManage.vue

@@ -143,11 +143,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/PrintTemplateManage.vue

@@ -126,11 +126,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/RoleManage.vue

@@ -102,11 +102,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/SemesterManage.vue

@@ -64,11 +64,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/SmsManage.vue

@@ -110,11 +110,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/StudentManage.vue

@@ -127,11 +127,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/base/views/UserManage.vue

@@ -161,11 +161,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/customer/views/CustomerCard.vue

@@ -153,11 +153,13 @@
         <el-pagination
           v-if="taskList.length"
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/components/PrintTaskStudents.vue

@@ -25,11 +25,13 @@
       <el-pagination
         v-if="dataList.length"
         background
-        layout="total,prev, pager, next"
+        layout="total, sizes, prev, pager, next, jumper"
+        :pager-count="5"
         :current-page="current"
         :total="total"
         :page-size="size"
         @current-change="toPage"
+        @size-change="pageSizeChange"
       >
       </el-pagination>
     </div>

src/modules/exam/components/WaitTaskAnalysis.vue

@@ -36,11 +36,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/components/WaitTaskAudit.vue

@@ -44,11 +44,13 @@
     <div class="text-center">
       <el-pagination
         background
-        layout="total,prev, pager, next"
+        layout="total, sizes, prev, pager, next, jumper"
+        :pager-count="5"
         :current-page="current"
         :total="total"
         :page-size="size"
         @current-change="toPage"
+        @size-change="pageSizeChange"
       >
       </el-pagination>
     </div>

src/modules/exam/components/WaitTaskExam.vue

@@ -36,11 +36,13 @@
     <div class="text-center">
       <el-pagination
         background
-        layout="total,prev, pager, next"
+        layout="total, sizes, prev, pager, next, jumper"
+        :pager-count="5"
         :current-page="current"
         :total="total"
         :page-size="size"
         @current-change="toPage"
+        @size-change="pageSizeChange"
       >
       </el-pagination>
     </div>

src/modules/exam/components/WaitTaskExamTask.vue

@@ -37,11 +37,13 @@
       <el-pagination
         v-if="tasks.length"
         background
-        layout="total,prev, pager, next"
+        layout="total, sizes, prev, pager, next, jumper"
+        :pager-count="5"
         :current-page="current"
         :total="total"
         :page-size="size"
         @current-change="toPage"
+        @size-change="pageSizeChange"
       >
       </el-pagination>
     </div>

src/modules/exam/components/WaitTaskFlow.vue

@@ -49,11 +49,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/components/WaitTaskStmms.vue

@@ -37,11 +37,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/views/DataTaskManage.vue

@@ -148,11 +148,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/views/DownloadManage.vue

@@ -96,11 +96,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/views/ExamTaskManage.vue

@@ -212,11 +212,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/views/StatisticsManage.vue

@@ -189,11 +189,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/views/TaskApplyManage.vue

@@ -196,11 +196,13 @@
         <el-pagination
           v-if="examTasks.length"
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/views/TaskPaperManage.vue

@@ -173,11 +173,13 @@
         <el-pagination
           v-if="papers.length"
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/exam/views/TaskReviewManage.vue

@@ -195,11 +195,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/print/components/PreviewBusinessDetail.vue

@@ -97,11 +97,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/print/views/BusinessDataDetail.vue

@@ -136,11 +136,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/print/views/BusinessDataExport.vue

@@ -199,11 +199,13 @@
         </div>
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/print/views/PlanLinkPaper.vue

@@ -157,11 +157,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/print/views/PrintPlanManage.vue

@@ -171,11 +171,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/print/views/PrintTaskManage.vue

@@ -352,11 +352,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/stmms/views/ScoreArchive.vue

@@ -159,11 +159,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/stmms/views/SyncManage.vue

@@ -122,11 +122,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>

src/modules/stmms/views/UploadStructure.vue

@@ -106,11 +106,13 @@
       <div class="part-page">
         <el-pagination
           background
-          layout="total,prev, pager, next"
+          layout="total, sizes, prev, pager, next, jumper"
+          :pager-count="5"
           :current-page="current"
           :total="total"
           :page-size="size"
           @current-change="toPage"
+          @size-change="pageSizeChange"
         >
         </el-pagination>
       </div>