From 4d87e4d80c96c623150a409bce402ce8aa96c016 Mon Sep 17 00:00:00 2001
From: qiaopengfei <2646186879@qq.com>
Date: Thu, 4 Jul 2024 19:35:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/main.js                    |  3 ++-
 packages/agPagination/index.js      |  9 ++++++++
 packages/agPagination/src/index.vue | 36 +++++++++++++++++++++++++++++
 src/App.vue                         | 12 ++++------
 4 files changed, 51 insertions(+), 9 deletions(-)
 create mode 100644 packages/agPagination/index.js
 create mode 100644 packages/agPagination/src/index.vue

diff --git a/examples/main.js b/examples/main.js
index edc9c99..310394c 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -2,7 +2,7 @@ import Vue from 'vue'
 import App from '../src/App.vue'
 
 //基于element组件封装，引入element组件库
-import { Input, Select, Option, OptionGroup, DatePicker ,Tabs,TabPane} from 'element-ui';
+import { Input, Select, Option, OptionGroup, DatePicker, Tabs, TabPane, Pagination } from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 Vue.use(Input);
 Vue.use(Select);
@@ -11,6 +11,7 @@ Vue.use(Option);
 Vue.use(DatePicker);
 Vue.use(Tabs);
 Vue.use(TabPane);
+Vue.use(Pagination)
 
 // 导入组件库
 import erp_element_ui from '../packages'
diff --git a/packages/agPagination/index.js b/packages/agPagination/index.js
new file mode 100644
index 0000000..9159e7d
--- /dev/null
+++ b/packages/agPagination/index.js
@@ -0,0 +1,9 @@
+import agPagination from './src'
+
+// 为组件提供 install 安装方法，供按需引入
+agPagination.install = function (Vue) {
+    Vue.component(agPagination.name, agPagination)
+}
+
+// 导出组件
+export default agPagination
diff --git a/packages/agPagination/src/index.vue b/packages/agPagination/src/index.vue
new file mode 100644
index 0000000..ed7d614
--- /dev/null
+++ b/packages/agPagination/src/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <el-pagination class="ag-pagination" v-bind="attrs" v-on="$listeners">
+  </el-pagination>
+</template>  
+<script>
+export default {
+  name: "agPagination",
+  props: {
+    tabsData: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    attrs() {
+      return {
+        total: 0,
+        "page-size": 20,
+        "current-page": 1,
+        "page-sizes": [20, 50, 100, 200],
+        layout: "total, sizes, prev, pager, next, jumper",
+        ...this.$attrs,
+      };
+    },
+  },
+  methods: {},
+};
+</script>  
+  
+<style scoped lang="scss">
+</style>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index b36ee98..6addbbb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,11 @@
 <template>
   <div>
-    <agTabs
-      ref="ref_Pedestal"
-      v-model="value"
-      :before-leave="handleClick"
-      :tabsData="tabsData"
-    >
-    </agTabs>
+    <agTabs ref="ref_Pedestal"> </agTabs>
   </div>
 </template>
 
 <script>
-import agTabs from "../packages/agTabs/src/index.vue";
+import agTabs from "../packages/agPagination/src/index.vue";
 export default {
   components: { agTabs },
   data() {
@@ -150,6 +144,8 @@ export default {
     handleClick() {
       console.log(1111);
     },
+    handleSizeChange() {},
+    handleCurrentChange() {},
   },
 };
 </script>