<template>
    <!-- 分页组件 -->
    <el-pagination
        :background="true"
        :current-page="pageable.pageNo"
        :page-size="pageable.pageSize"
        :page-sizes="pageSizes"
        :total="pageable.total"
        layout="slot,sizes, total,prev,pager, next,jumper"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
    >
        <span style="font-size: 12px">
            <span>共选中</span>
            <span style="margin: 0 5px; color: #4178d5"> {{ length ? length : 0 }}</span>
            <span>行 </span>
        </span>
    </el-pagination>
</template>

<script setup lang="ts" name="Pagination">
interface Pageable {
    pageNo: number;
    pageSize: number;
    total: number;
}
//pageSize
interface PaginationProps {
    pageable: Pageable;
    handleSizeChange: (size: number) => void;
    handleCurrentChange: (currentPage: number) => void;
    length: number;
    pageSizes: any;
}

defineProps<PaginationProps>();
</script>
