FileMaster

Edit File: PaginationBlock.vue

<el-col :sm="8">
        <p>{{ paginationMessage }}</p>
      </el-col>

<el-col :sm="16">
        <el-pagination
            layout="prev, pager, next"
            :page-size=getItemsPerPage
            :total=count
            :current-page.sync=params.page
            @current-change="change"
        >
        </el-pagination>
      </el-col>

</el-row>
  </div>
</template>

props: {
      params: null,
      visible: false,
      label: '',
      count: 0,
      show: null
    },

data () {
      return {
        currentPage: null
      }
    },

methods: {
      change () {
        this.$emit('change')
      }
    },

computed: {
      paginationMessage () {
        return this.$root.labels.showing + ' ' +
          (this.params.page * this.getItemsPerPage - this.getItemsPerPage + 1) +
          ' ' + this.$root.labels.to + ' ' + (this.params.page * this.getItemsPerPage >
          this.count ? this.count : this.params.page * this.getItemsPerPage) +
          ' ' + this.$root.labels.of + ' ' + this.count + ' ' + this.label
      },

getItemsPerPage () {
        return typeof this.show === 'undefined' || this.show === null ? this.$root.settings.general.itemsPerPage : this.show
      }
    }
  }
</script>

Back