From da7f04b7ad87d3492ea24d97ebc0e26f4d428620 Mon Sep 17 00:00:00 2001
From: Ky10 <7703482+ky10_code@user.noreply.gitee.com>
Date: Sat, 16 Nov 2024 21:24:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(system):=20=E4=BC=98=E5=8C=96=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B5=E9=9D=A2=E6=95=B0=E6=8D=AE=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除自动加载下一页的功能
- 添加触底事件处理，实现手动加载更多数据
- 优化代码结构，提高可读性和维护性
---
 src/pages/work/system/config/config.vue | 26 ++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/pages/work/system/config/config.vue b/src/pages/work/system/config/config.vue
index 5b6b6d4..91d2556 100644
--- a/src/pages/work/system/config/config.vue
+++ b/src/pages/work/system/config/config.vue
@@ -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";