feat(system): 优化配置页面数据加载逻辑

- 移除自动加载下一页的功能
- 添加触底事件处理,实现手动加载更多数据
- 优化代码结构,提高可读性和维护性
This commit is contained in:
Ky10
2024-11-16 21:24:33 +08:00
parent 7aab303097
commit da7f04b7ad

View File

@@ -131,21 +131,29 @@ function handleOpened() {
console.log("下拉菜单已打开");
}
/**
* 触底事件
*/
onReachBottom(() => {
queryParams.pageNum++;
handleQuery();
});
function handleQuery() {
state.value = "loading";
ConfigAPI.getPage(queryParams)
.then((data) => {
pageData.value = data.list;
total.value = data.total;
// 计算当前已加载的条数
const loadedCount = queryParams.pageNum * queryParams.pageSize;
// 判断是否需要加载下一页
if (loadedCount < total.value) {
queryParams.pageNum++;
// 调用 handleQuery 继续加载下一页
handleQuery();
}
// // 计算当前已加载的条数
// const loadedCount = queryParams.pageNum * queryParams.pageSize;
//
// // 判断是否需要加载下一页
// if (loadedCount < total.value) {
// queryParams.pageNum++;
// // 调用 handleQuery 继续加载下一页
// handleQuery();
// }
})
.finally(() => {
state.value = "finished";