选择收发货人页面加分页

@@ -45,8 +45,19 @@
                 </template>
             </el-table-column>
         </el-table>
+        <el-row style="margin-top: 10px" class="toolbar">
+            <el-pagination
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChanges"
+                    :current-page="filters.pageSize"
+                    :page-size="filters.limitSize"
+                    :page-sizes="[10, 50, 100, 500]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :total="total">
+            </el-pagination>
+        </el-row>
         <!--编辑界面-->
-        <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="coneeVisible" :close-on-click-modal="false" width="80%" text-align="center" tyle="margin-top: -20px">
+        <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="coneeVisible" :modal-append-to-body="false" width="80%" text-align="center" tyle="margin-top: -20px">
             <el-form :model="coneeForm"  :rules="coneeRules" ref="coneeForm" label-width="145px" style="margin-top: -10px">
                 <el-row>
                     <el-col :span="4" style="display: none">
@@ -170,12 +181,14 @@
                 }],
 
                 filters: {
-                    companyName: ''
+                    companyName: '',
+                    // 每页大小
+                    limitSize: 10,
+                    // 当前页数
+                    pageSize: 1,
                 },
                 consignerList: [],
                 total: 0,
-                pageSize: 1,
-                limitSize: 5,
                 listLoading: false,
                 //编辑界面是否显示
                 coneeVisible: false,
@@ -229,12 +242,19 @@
 
         },
         methods: {
-
+            handleSizeChange(val) {
+                this.filters.limitSize = val
+                this.getConsignee()
+            },
+            handleCurrentChanges(val) {
+                this.filters.pageSize = val
+                this.getConsignee()
+            },
             //获取收货人列表
             getConsignee() {
                 let para = {
-                    pageSize: this.pageSize,
-                    limitSize: this.limitSize,
+                    pageSize: this.filters.pageSize,
+                    limitSize: this.filters.limitSize,
                     companyName: this.filters.companyName,
                     enterpriseId: loginedUserInfo().companyId
                 };

@@ -44,8 +44,20 @@
                 </template>
             </el-table-column>
         </el-table>
+        <el-row style="margin-top: 10px" class="toolbar">
+            <el-pagination
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChanges"
+                    :current-page="filters.pageSize"
+                    :page-size="filters.limitSize"
+                    :page-sizes="[10, 50, 100, 500]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :total="total">
+            </el-pagination>
+        </el-row>
         <!--编辑界面-->
-        <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="conerVisible" :close-on-click-modal="false" width="80%" text-align="center" tyle="margin-top: -20px">
+        <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="conerVisible"
+                   :modal-append-to-body="false" width="80%" text-align="center" tyle="margin-top: -20px">
             <el-form :model="conerForm"  :rules="conerRules" ref="conerForm" label-width="145px" style="margin-top: -10px">
                 <el-row>
                     <el-col :span="4" style="display: none">
@@ -168,12 +180,14 @@
                 }],
 
                 filters: {
-                    companyName: ''
+                    companyName: '',
+                    // 每页大小
+                    limitSize: 10,
+                    // 当前页数
+                    pageSize: 1,
                 },
                 consignerList: [],
                 total: 0,
-                pageSize: 1,
-                limitSize: 5,
                 listLoading: false,
                 //编辑界面是否显示
                 conerVisible: false,
@@ -226,12 +240,19 @@
             this.getConsignee();
         },
         methods: {
-
+            handleSizeChange(val) {
+                this.filters.limitSize = val
+                this.getConsignee()
+            },
+            handleCurrentChanges(val) {
+                this.filters.pageSize = val
+                this.getConsignee()
+            },
             //获取收货人列表
             getConsignee() {
                 let para = {
-                    pageSize: this.pageSize,
-                    limitSize: this.limitSize,
+                    pageSize: this.filters.pageSize,
+                    limitSize: this.filters.limitSize,
                     companyName: this.filters.companyName,
                     enterpriseId: loginedUserInfo().companyId
                 };
@@ -415,3 +436,5 @@
 
     }
 </script>
+<style scoped>
+</style>