From da68cef1c1abe9b21367f34c79b986f1e9bc24a8 Mon Sep 17 00:00:00 2001
From: XuJiacheng <xujiacheng@blw.com>
Date: Tue, 10 Feb 2026 09:05:46 +0800
Subject: [PATCH] =?UTF-8?q?feat(voicelog):=20=E6=B7=BB=E5=8A=A0=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E5=8A=A0=E8=BD=BD=E5=85=A8=E9=83=A8=E9=80=89=E9=A1=B9?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E5=8A=A0=E8=BD=BD=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增“加载全部”复选框，允许用户选择页面初始化时是否自动加载数据
- 将加载提示从“正在加载...”细化为“请点击加载数据以开始加载”和“没有更多数据了”
- 引入 `hasUserLoaded` 状态，防止未手动加载时触发自动刷新和滚动加载
- 将用户偏好（是否初始加载全部）保存到 localStorage 以实现记忆功能
---
 src/pages/voicelog/index.vue | 46 +++++++++++++++++++++++++++++++-----
 1 file changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/pages/voicelog/index.vue b/src/pages/voicelog/index.vue
index d45af0d..10bf8c0 100644
--- a/src/pages/voicelog/index.vue
+++ b/src/pages/voicelog/index.vue
@@ -90,6 +90,7 @@
                      :active-text="activeTxt"
                      :inactive-text="inactiveTxt">
           </el-switch>
+          <el-checkbox v-model="loadAllOnInit" size="small">加载全部</el-checkbox>
         </span>
       </div>
     </div>
@@ -160,10 +161,13 @@
       </el-collapse-item>
     </el-collapse>
     <!-- 添加底部加载提示 -->
-    <div v-if="hasMore" class="loading-more">
+    <div v-if="isLoading" class="loading-more">
       <el-text type="info"><el-icon class="is-loading"><Loading /></el-icon>正在加载...</el-text>
     </div>
-    <div v-else class="no-more">
+    <div v-else-if="showInitHint" class="no-more">
+      <el-text type="info">请点击加载数据以开始加载</el-text>
+    </div>
+    <div v-else-if="!hasMore" class="no-more">
       <el-text type="info">没有更多数据了</el-text>
     </div>
   </div>
@@ -173,7 +177,7 @@
 
 <script setup>
   import { ref, reactive, computed, watch, onMounted, onUnmounted, inject, nextTick } from 'vue';
-  import { ElSwitch, ElDatePicker, ElCollapse, ElCollapseItem, ElMessage, ElLoading, ElText } from 'element-plus';
+  import { ElSwitch, ElDatePicker, ElCollapse, ElCollapseItem, ElMessage, ElLoading, ElText, ElCheckbox } from 'element-plus';
   import dayjs from 'dayjs';
   import config from '../../../public/config.js'
   import { useRouter, useRoute } from 'vue-router'
@@ -199,6 +203,9 @@
   const logData = ref({});
   const errLogs = ref({});
   const onlyCorrect = ref(false);
+  const loadAllOnInit = ref(false);
+  const loadAllOnInitStorageKey = 'voicelog_load_all_on_init';
+  const hasUserLoaded = ref(false);
   const onlyCorrectErr = ref(0);
   const onlyCorrectAll = ref(0);
 
@@ -250,6 +257,9 @@
     }
     return 2;
   });
+  const showInitHint = computed(() => {
+    return !hasUserLoaded.value && !isLoading.value && Object.keys(logs.value).length === 0;
+  });
   // 计算属性 filteredLogs
   const filteredLogs = computed(() => {
     let rs = {};
@@ -279,9 +289,14 @@
   // 监听器
   watch(onlyCorrect, (newVal) => {
     nextTick(() => {
-      checkNeedMoreData();
+      if (hasUserLoaded.value) {
+        checkNeedMoreData();
+      }
     });
   });
+  watch(loadAllOnInit, (newVal) => {
+    localStorage.setItem(loadAllOnInitStorageKey, String(!!newVal));
+  });
   // 监听 isMobile 变化
   watch(isMobile, (newVal) => {
     // 当切换到桌面端时，强制显示所有控件
@@ -319,6 +334,13 @@
       buttonDisabled.value = false;
     }, 9999); // 10秒后解除禁用
 
+    hasUserLoaded.value = true;
+    if (!pickerDate.value || !pickerDate.value[0] || !pickerDate.value[1]) {
+      pickerDate.value = [
+        dayjs().subtract(1, 'day').toDate(),
+        dayjs().toDate()
+      ];
+    }
     // 调用原有的加载数据方法
     showSelectedLogs();
   };
@@ -495,7 +517,9 @@
         await getLogCount(QueryDate)
       }
       nextTick(() => {
-        checkNeedMoreData();
+        if (hasUserLoaded.value) {
+          checkNeedMoreData();
+        }
       });
     }
   };
@@ -624,6 +648,7 @@
     }
 
     refreshTimer.value = setInterval(async () => {
+      if (!hasUserLoaded.value) return;
       if (isAtTop() && roomHotelCode.value.length == 0) {
         await showSelectedLogs(false, true); // 使用 isRefresh=true 调用
       }
@@ -632,10 +657,17 @@
   // 生命周期钩子
   onMounted(async () => {
     localStorage.setItem('url', '/voicelog');
+    const storedLoadAll = localStorage.getItem(loadAllOnInitStorageKey);
+    if (storedLoadAll !== null) {
+      loadAllOnInit.value = storedLoadAll === 'true';
+    }
 
     try {
       await getAllHotels();
-      await showSelectedLogs(true, true); // 初始加载
+      if (loadAllOnInit.value) {
+        hasUserLoaded.value = true;
+        await showSelectedLogs(true, true); // 初始加载
+      }
       startAutoRefresh(); // 启动定时刷新
     } catch (error) {
       console.error('初始化失败:', error);
@@ -666,6 +698,7 @@
 
   // 滚动处理
   const handleScroll = (e) => {
+    if (!hasUserLoaded.value) return;
     const container = e.target;
 
     // 计算距离底部的距离（像素）
@@ -678,6 +711,7 @@
   };
 
   const checkNeedMoreData = () => {
+    if (!hasUserLoaded.value) return false;
     const logContainer = document.querySelector('.log-container');
     if (!logContainer || isLoading.value || !hasMore.value) return false;