From dfed24cdfb7fc69eee08e59485f62609f27114ff Mon Sep 17 00:00:00 2001
From: xing <fthvgb1@163.com>
Date: Thu, 18 Jun 2020 11:28:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E9=A1=B5=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/globel.css      |  3 +++
 src/components/users/users.vue | 19 +++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/src/assets/css/globel.css b/src/assets/css/globel.css
index 1587906..92df74d 100644
--- a/src/assets/css/globel.css
+++ b/src/assets/css/globel.css
@@ -15,4 +15,7 @@ html,body,#app{
 .el-table {
     margin-top: 15px;
     font-size: 15px;
+}
+.el-pagination {
+    margin-top: 15px;
 }
\ No newline at end of file
diff --git a/src/components/users/users.vue b/src/components/users/users.vue
index 2a28cfc..a3f1c29 100644
--- a/src/components/users/users.vue
+++ b/src/components/users/users.vue
@@ -43,6 +43,17 @@
           </template>
         </el-table-column>
       </el-table>
+
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="queryInfo.pagenum"
+        :page-sizes="[1, 2, 20, 50]"
+        :page-size="queryInfo.pagesize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+
     </el-card>
 
   </div>
@@ -63,6 +74,14 @@ export default {
     }
   },
   methods: {
+    handleSizeChange (val) {
+      this.queryInfo.pagesize = val
+      this.getUserList()
+    },
+    handleCurrentChange (val) {
+      this.queryInfo.pagenum = val
+      this.getUserList()
+    },
     changeState (state) {
       console.log(state)
     },