|
|
|
@ -1,6 +1,7 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div :class="{'hidden':hidden}" class="pagination-container">
|
|
|
|
|
<el-pagination
|
|
|
|
|
v-if="pageShow"
|
|
|
|
|
:background="background"
|
|
|
|
|
:current-page.sync="currentPage"
|
|
|
|
|
:page-size.sync="pageSize"
|
|
|
|
@ -61,6 +62,11 @@ export default {
|
|
|
|
|
default: false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
pageShow: true
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
currentPage: {
|
|
|
|
|
get() {
|
|
|
|
@ -81,6 +87,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
handleSizeChange(val) {
|
|
|
|
|
if (this.currentPage * val > this.total) {
|
|
|
|
|
this.pageShow = false;
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.pageShow = true
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
this.$emit('pagination', { page: this.currentPage, limit: val })
|
|
|
|
|
if (this.autoScroll) {
|
|
|
|
|
scrollTo(0, 800)
|
|
|
|
|