feat:搜索恢复功能

Author: Taois

dashboard/src/components/Header.vue

@@ -139,9 +139,32 @@ export default defineComponent({
       return route.name === 'SearchAggregation';
     });
     
-    // 检测是否有搜索结果（当在搜索页面且有搜索关键词时）
+    // 检测是否有搜索结果（当在搜索页面且有搜索关键词或保存的搜索状态时）
     const hasSearchResults = computed(() => {
-      return isSearchAggregationPage.value && route.query.keyword;
+      // 依赖forceUpdate来触发重新计算
+      forceUpdate.value;
+      
+      if (!isSearchAggregationPage.value) {
+        return false;
+      }
+      
+      // 检查URL参数
+      if (route.query.keyword) {
+        return true;
+      }
+      
+      // 检查是否有保存的搜索状态
+      try {
+        const savedState = localStorage.getItem('pageState_searchAggregation');
+        if (savedState) {
+          const state = JSON.parse(savedState);
+          return state.hasSearched && state.searchKeyword;
+        }
+      } catch (error) {
+        console.error('检查搜索状态失败:', error);
+      }
+      
+      return false;
     });
     
     // 从localStorage获取聚搜功能状态
@@ -161,9 +184,14 @@ export default defineComponent({
     // 响应式的聚搜状态
     const searchAggregationEnabled = ref(getSearchAggregationStatus());
     
+    // 用于强制更新hasSearchResults计算属性的响应式变量
+    const forceUpdate = ref(0);
+    
     // 监听localStorage变化
     const updateSearchAggregationStatus = () => {
       searchAggregationEnabled.value = getSearchAggregationStatus();
+      // 强制更新hasSearchResults计算属性
+      forceUpdate.value++;
     };
     
     // 监听storage事件
@@ -275,6 +303,15 @@ export default defineComponent({
     closeSearchResults() {
       // 关闭搜索结果，回到搜索页面的初始状态
       this.searchValue = '';
+      
+      // 清除保存的页面状态
+      try {
+        localStorage.removeItem('pageState_searchAggregation');
+        console.log('🔄 [状态清理] 已清除聚合搜索页面保存的状态');
+      } catch (error) {
+        console.error('清除页面状态失败:', error);
+      }
+      
       this.$router.push({ name: 'SearchAggregation' });
     },
     minimize() {

dashboard/src/views/SearchAggregation.vue

@@ -1029,13 +1029,34 @@ export default defineComponent({
           displayedCount: displayedCount.value,
           scrollPosition: scrollPosition.value,
           scrollAreaHeight: scrollAreaHeight.value,
-          loadingMore: loadingMore.value
+          loadingMore: loadingMore.value,
+          timestamp: Date.now() // 添加时间戳用于判断状态新鲜度
         };
         pageStateStore.savePageState('searchAggregation', state);
         console.log('🔄 [状态保存] 保存聚合搜索页面状态:', state);
       }
     };
 
+    // 清除页面状态
+    const clearPageState = () => {
+      pageStateStore.clearPageState('searchAggregation');
+      console.log('🔄 [状态清理] 已清除聚合搜索页面状态');
+      
+      // 重置所有状态到初始值
+      searchKeyword.value = '';
+      hasSearched.value = false;
+      searchResults.value = {};
+      loadingStates.value = {};
+      errorStates.value = {};
+      activeSource.value = '';
+      currentPages.value = {};
+      hasMorePages.value = {};
+      searchCompletedTimes.value = {};
+      displayedCount.value = pageSize.value;
+      scrollPosition.value = 0;
+      loadingMore.value = false;
+    };
+
     const restorePageState = () => {
       const savedState = pageStateStore.getPageState('searchAggregation');
       if (savedState && !pageStateStore.isStateExpired('searchAggregation')) {
@@ -1097,23 +1118,36 @@ export default defineComponent({
       const isReturnFromDetail = route.query._returnFromDetail === 'true';
       console.log('🔄 [状态恢复] 是否从详情页返回:', isReturnFromDetail);
       
+      // 检查URL中是否有关键词参数
+      const urlKeyword = route.query.keyword;
+      
       // 尝试恢复页面状态
       const restored = restorePageState();
       if (restored) {
         console.log('🔄 [状态恢复] 成功恢复聚合搜索页面状态');
         
-        // 如果是从详情页返回，优先使用恢复的状态，不执行新搜索
+        // 检查恢复的状态是否与URL参数匹配
+        const stateKeyword = searchKeyword.value;
+        
         if (isReturnFromDetail) {
+          // 如果是从详情页返回，优先使用恢复的状态，不执行新搜索
           console.log('🔄 [状态恢复] 从详情页返回，使用恢复的状态，不执行新搜索');
-        } else if (route.query.keyword && route.query.keyword !== searchKeyword.value) {
-          // 如果不是从详情页返回，且URL中有不同的关键词，则执行新的搜索
-          console.log('🔄 [状态恢复] URL关键词与恢复状态不同，执行新搜索:', route.query.keyword);
-          performSearch(route.query.keyword);
+        } else if (urlKeyword && urlKeyword === stateKeyword) {
+          // URL关键词与恢复状态匹配，使用恢复的状态
+          console.log('🔄 [状态恢复] URL关键词与恢复状态匹配，使用恢复的状态');
+        } else if (urlKeyword && urlKeyword !== stateKeyword) {
+          // URL关键词与恢复状态不匹配，执行新搜索
+          console.log('🔄 [状态恢复] URL关键词与恢复状态不匹配，执行新搜索:', urlKeyword);
+          performSearch(urlKeyword);
+        } else if (!urlKeyword && stateKeyword) {
+          // URL中没有关键词但有恢复状态，说明用户可能点击了关闭按钮，清除状态
+          console.log('🔄 [状态恢复] URL中没有关键词但有恢复状态，清除状态回到初始页面');
+          clearPageState();
         }
-      } else if (route.query.keyword) {
+      } else if (urlKeyword) {
         // 如果没有恢复状态但URL中有关键词，则执行搜索
-        console.log('🔄 [状态恢复] 没有保存状态，根据URL关键词执行搜索:', route.query.keyword);
-        performSearch(route.query.keyword);
+        console.log('🔄 [状态恢复] 没有保存状态，根据URL关键词执行搜索:', urlKeyword);
+        performSearch(urlKeyword);
       }
       
       // 清理URL中的返回标识
@@ -1167,6 +1201,7 @@ export default defineComponent({
       handleScroll,
       handleActionClose,
       randomizeHotSearchTags,
+      clearPageState,
       // 最近搜索
       recentSearches,
       clearRecentSearches,