<script setup lang="ts">
import {ref} from 'vue'
import { getManageList } from '@/api/articl.js'
const params = ref({
pagesize:4,
pagenum:1,
cate_id:'',
state:''
})
const loading = ref(false)
const tableData = ref([])
const total = ref(0)
const getTableList = async ()=>{
loading.value = true
const res = await getManageList(params.value)
tableData.value = res.data.data
total.value = res.data.total
loading.value = false
}
getTableList()
const onSearch = ()=>{
params.value.pagenum=1
getTableList()
}
const onReset = ()=>{
params.value.pagenum=1
params.value.state=''
params.value.cate_id=''
getTableList()
}
const handleSizeChange = (size)=>{
params.value.pagesize = size
params.value.pagenum = 1
getTableList()
}
const handleCurrentChange = (page)=>{
params.value.pagenum = page
getTableList()
}
</script>
<template>
<el-pagination
v-model:current-page="params.pagenum"
v-model:page-size="params.pagesize"
:page-sizes="[1, 2, 4, 6]"
:small="true"
:background="true"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</pageContainer>
</template>