From 0b8bcb8a0adc9e61422e3f1951ab428ce8926ac9 Mon Sep 17 00:00:00 2001
From: ZhongZhuoYa <3526771686@qq.com>
Date: Tue, 31 Oct 2023 23:44:58 +0800
Subject: [PATCH] Pagination.vue

---
 .../src/components/user/Pagination.vue        | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 code/frontend/src/components/user/Pagination.vue

diff --git a/code/frontend/src/components/user/Pagination.vue b/code/frontend/src/components/user/Pagination.vue
new file mode 100644
index 0000000..812f1a3
--- /dev/null
+++ b/code/frontend/src/components/user/Pagination.vue
@@ -0,0 +1,48 @@
+/**
+* 分页组件
+*/ 
+<template>
+  <el-pagination class="page-box" @size-change="handleSizeChange" @current-change="handleCurrentChange" background :current-page="childMsg.currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="childMsg.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="childMsg.total">
+  </el-pagination>
+</template>
+<script>
+export default {
+  name: 'Pagination',
+  props: ['childMsg'],
+  data() {
+    return {
+      pageparm: {
+        currentPage: this.childMsg.currentPage,
+        pageSize: this.childMsg.pageSize
+      }
+    }
+  },
+  created() {},
+  methods: {
+    handleSizeChange(val) {
+      /**
+       * 子传父
+       * 参数1 父元素方法
+       * 参数2 数据
+       */
+      this.pageparm.pageSize = val
+      this.$emit('callFather', this.pageparm)
+    },
+    handleCurrentChange(val) {
+      /**
+       * 子传父
+       * 参数1 父元素方法
+       * 参数2 数据
+       */
+      this.pageparm.currentPage = val
+      this.$emit('callFather', this.pageparm)
+    }
+  }
+}
+</script>
+
+<style>
+.page-box {
+  margin: 10px auto;
+}
+</style>