所有的列表 都新增可以切换每页显示条数的功能

src/vab/styles/vab.scss

@@ -30,7 +30,7 @@ $base: '.vab';
 }
 
 html {
-  overflow: hidden;
+  //overflow: hidden;
   body {
     overflow: auto;
     position: relative;

src/views/admin/user.vue

@@ -83,10 +83,12 @@
     <!--分页-->
     <el-pagination
       :current-page='queryForm.current'
-      layout='total, prev, pager, next'
+      layout='total,sizes, prev, pager, next'
+      :page-sizes='[10,20,30,40,50,100]'
       :page-size='queryForm.size'
       :total='total'
       background
+      @size-change='handleSizeChange'
       @current-change='handleCurrentChange'
     />
 
@@ -222,6 +224,12 @@
           query: { creditNo }
         })
       },
+      // 页码变更
+      handleSizeChange(val) {
+        this.queryForm.size = val
+        this.queryForm.current = 1
+        this.fetchData()
+      },
       handleCurrentChange(val) {
         this.queryForm.current = val
         this.fetchData()

src/views/approval/list.vue

@@ -147,10 +147,12 @@
     <!--分页-->
     <el-pagination
       :current-page='queryForm.current'
-      layout='total, prev, pager, next'
+      layout='total,sizes, prev, pager, next'
+      :page-sizes='[10,20,30,40,50,100]'
       :page-size='queryForm.size'
       :total='total'
       background
+      @size-change='handleSizeChange'
       @current-change='handleCurrentChange'
     />
 
@@ -316,6 +318,12 @@
         window.open(routeUrl.href, '_blank')
 
       },
+      // 页码变更
+      handleSizeChange(val) {
+        this.queryForm.size = val
+        this.queryForm.current = 1
+        this.fetchData()
+      },
       handleCurrentChange(val) {
         this.queryForm.current = val
         this.fetchData()

src/views/credit/approval.vue

@@ -150,10 +150,12 @@
 
     <el-pagination
       :current-page='queryForm.current'
-      layout='total, prev, pager, next'
+      layout='total,sizes, prev, pager, next'
+      :page-sizes='[10,20,30,40,50,100]'
       :page-size='queryForm.size'
       :total='total'
       background
+      @size-change='handleSizeChange'
       @current-change='handleCurrentChange'
     />
 
@@ -309,6 +311,12 @@
           }
         })
       },
+      // 页码变更
+      handleSizeChange(val) {
+        this.queryForm.size = val
+        this.queryForm.current = 1
+        this.fetchData()
+      },
       handleCurrentChange(val) {
         this.queryForm.current = val
         this.fetchData()

src/views/credit/increase.vue

@@ -127,10 +127,12 @@
 
     <el-pagination
       :current-page='queryForm.current'
-      layout='total, prev, pager, next'
+      layout='total,sizes, prev, pager, next'
+      :page-sizes='[10,20,30,40,50,100]'
       :page-size='queryForm.size'
       :total='total'
       background
+      @size-change='handleSizeChange'
       @current-change='handleCurrentChange'
     />
   </div>
@@ -259,6 +261,13 @@
           }
         })
       },
+      // 分页显示条数变更
+      handleSizeChange(val) {
+        this.queryForm.size = val
+        this.queryForm.current = 1
+        this.fetchData()
+      },
+      // 下一页，上一页
       handleCurrentChange(val) {
         this.queryForm.current = val
         this.fetchData()

src/views/credit/list.vue

@@ -138,10 +138,12 @@
 
     <el-pagination
       :current-page='queryForm.current'
-      layout='total, prev, pager, next'
+      layout='total,sizes, prev, pager, next'
+      :page-sizes='[10,20,30,40,50,100]'
       :page-size='queryForm.size'
       :total='total'
       background
+      @size-change='handleSizeChange'
       @current-change='handleCurrentChange'
     />
   </div>
@@ -269,6 +271,12 @@
           }
         })
       },
+      // 页码变更
+      handleSizeChange(val) {
+        this.queryForm.size = val
+        this.queryForm.current = 1
+        this.fetchData()
+      },
       handleCurrentChange(val) {
         this.queryForm.current = val
         this.fetchData()

src/views/credit/pre.vue

@@ -238,6 +238,7 @@
       // 页码变更
       handleSizeChange(val) {
         this.queryForm.size = val
+        this.queryForm.current = 1
         this.fetchData()
       },
       async fetchData() {

src/views/loan/audit.vue

@@ -109,10 +109,12 @@
 
     <el-pagination
       :current-page='queryForm.current'
-      layout='total, prev, pager, next'
+      layout='total,sizes, prev, pager, next'
+      :page-sizes='[10,20,30,40,50,100]'
       :page-size='queryForm.size'
       :total='total'
       background
+      @size-change='handleSizeChange'
       @current-change='handleCurrentChange'
     />
 
@@ -265,6 +267,12 @@
           }
         })
       },
+      // 页码变更
+      handleSizeChange(val) {
+        this.queryForm.size = val
+        this.queryForm.current = 1
+        this.fetchData()
+      },
       handleCurrentChange(val) {
         this.queryForm.current = val
         this.fetchData()

src/views/loan/list.vue

@@ -26,8 +26,8 @@
                 v-for='(item,index) in searchData.financierResponseList'
                 :key='index'
                 :value='item.capitalCodeLoanSign'
-                @click.native='handleCapitalChange(item)'
-                :label='item.message'>
+                :label='item.message'
+                @click.native='handleCapitalChange(item)'>
               </el-option>
             </el-select>
           </el-form-item>
@@ -126,10 +126,10 @@
       :current-page='queryForm.current'
       layout='total,sizes, prev, pager, next'
       :page-sizes='[10,20,30,40,50,100]'
-      @size-change='handleSizeChange'
       :page-size='queryForm.size'
       :total='total'
       background
+      @size-change='handleSizeChange'
       @current-change='handleCurrentChange'
     />
 
@@ -139,9 +139,9 @@
       <check
         :title='DialogTitle'
         :visible='DialogVisible'
+        :item='item'
         @handleClose='DialogVisible = false'
-        @callback='fetchData'
-        :item='item' />
+        @callback='fetchData' />
     </template>
 
 
@@ -345,6 +345,7 @@
       },
       // 页码变更
       handleSizeChange(val) {
+        this.queryForm.current = 1
         this.queryForm.size = val
         this.fetchData()
       },