| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\Pagination\\index.vue?vue&type=style&index=0&id=72233bcd&scoped=true&lang=css","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\Pagination\\index.vue","mtime":1761614938948},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoucGFnaW5hdGlvbi1jb250YWluZXIgew0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KfQ0KLnBhZ2luYXRpb24tY29udGFpbmVyLmhpZGRlbiB7DQogIGRpc3BsYXk6IG5vbmU7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAkGA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/Pagination","sourcesContent":["<template>\r\n <div :class=\"{ hidden: hidden }\" class=\"pagination-container\">\r\n <el-pagination\r\n :background=\"background\"\r\n :current-page.sync=\"currentPage\"\r\n :page-size.sync=\"pageSize\"\r\n :layout=\"layout\"\r\n :page-sizes=\"pageSizes\"\r\n :pager-count=\"pageCount\"\r\n :total=\"total\"\r\n v-bind=\"$attrs\"\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\"\r\n ></el-pagination>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { scrollTo } from '@/utils/scroll-to.js';\r\n\r\nexport default {\r\n name: 'Pagination',\r\n props: {\r\n total: {\r\n required: true,\r\n type: Number,\r\n },\r\n page: {\r\n type: Number,\r\n default: 1,\r\n },\r\n limit: {\r\n type: Number,\r\n default: 15,\r\n },\r\n pageSizes: {\r\n type: Array,\r\n default() {\r\n return [15, 20, 30, 50];\r\n },\r\n },\r\n layout: {\r\n type: String,\r\n default: 'total, sizes, prev, pager, next, jumper',\r\n },\r\n background: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n autoScroll: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n hidden: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n pageCount: {\r\n type: Number,\r\n default: 7,\r\n },\r\n },\r\n computed: {\r\n currentPage: {\r\n get() {\r\n return this.page;\r\n },\r\n set(val) {\r\n this.$emit('update:page', val);\r\n },\r\n },\r\n pageSize: {\r\n get() {\r\n return this.limit;\r\n },\r\n set(val) {\r\n this.$emit('update:limit', val);\r\n },\r\n },\r\n },\r\n methods: {\r\n handleSizeChange(val) {\r\n this.$emit('pagination');\r\n if (this.autoScroll) {\r\n scrollTo(0, 800);\r\n }\r\n },\r\n handleCurrentChange(val) {\r\n this.$emit('pagination', val);\r\n if (this.autoScroll) {\r\n scrollTo(0, 800);\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n background: #fff;\r\n}\r\n.pagination-container.hidden {\r\n display: none;\r\n}\r\n</style>\r\n"]}]}
|
