采购台账，来票登记折叠展示

liding

2025-05-21 0186e6b9cc2e411ec16b7b56cfda9c822146a0f3

 src/components/Pagination/index.vue

@@ -1,7 +1,6 @@
<template>

  <div :class="{ 'hidden': hidden }" class="pagination-container">

    <el-pagination

      v-if="pageShow"

      :background="background"

      v-model:current-page="currentPage"

      v-model:page-size="pageSize"

@@ -17,8 +16,6 @@


<script setup>

import { scrollTo } from '@/utils/scroll-to'



const pageShow = ref(true);



const props = defineProps({

  total: {

@@ -62,7 +59,7 @@
  }

})



const emit = defineEmits();

const emit = defineEmits()

const currentPage = computed({

  get() {

    return props.page

@@ -79,31 +76,28 @@
    emit('update:limit', val)

  }

})



function handleSizeChange(val) {

  if (currentPage.value * val > props.total) {

    pageShow.value = false;

    nextTick(() => {

      pageShow.value = true

    })

    currentPage.value = 1

  }

  emit('pagination', { page: currentPage.value, limit: val })

  if (props.autoScroll) {

    scrollTo(0, 800)

  }

}



function handleCurrentChange(val) {

  emit('pagination', { page: val, limit: pageSize.value })

  if (props.autoScroll) {

    scrollTo(0, 800)

  }

}



</script>



<style scoped>

.pagination-container {

  background: #fff;

  padding: 32px 16px;

}

.pagination-container.hidden {

  display: none;