| | |
| | | </div> |
| | | |
| | | <div class="card-footer flex justify-center mb-7 shrink-0"> |
| | | <el-pagination background layout="prev, pager, next" :total="1000" /> |
| | | <el-pagination |
| | | background |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total" |
| | | :page-sizes="[10, 20, 50]" |
| | | :page-size="pageSize" |
| | | :currentPage="currentIndex" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | |
| | | |
| | | const loading = ref(false); |
| | | |
| | | const currentIndex = ref(1); |
| | | const pageSize = ref(10); |
| | | const total = ref(0); |
| | | |
| | | const getData = () => { |
| | | loading.value = true; |
| | | getMeetList({meetName: searchText.value}).then(res => { |
| | | dataList.value = res.data; |
| | | loading.value = false; |
| | | total.value = res.total; |
| | | }).catch(err => { |
| | | loading.value = false; |
| | | }); |
| | |
| | | |
| | | getData(); |
| | | |
| | | const handleCurrentChange = (val) => { |
| | | currentIndex.value = val; |
| | | getData(); |
| | | }; |
| | | |
| | | const handleSizeChange = (val) => { |
| | | currentIndex.value = 1; |
| | | pageSize.value = val; |
| | | getData(); |
| | | }; |
| | | |
| | | const searchData = () => { |
| | | getData(); |
| | | |