From 388e1e480665adccd3ef8cc57056d6a432871696 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Thu, 22 May 2025 12:01:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(search)=20:=20=E9=A1=B5=E9=9D=A2=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 搜索页面根据不同的显示情况展示不同的内容，没有内容的情况下屏蔽展示
---
 src/views/HomeSearch/Hooks/useHomeSearch.ts    |  8 --------
 src/views/HomeSearch/Index.vue                 | 18 ++++++++++++++++--
 .../HomeSearch/components/MineSurvey/Index.vue | 10 +++++-----
 .../components/TemplateMarket/Index.vue        |  3 ++-
 4 files changed, 23 insertions(+), 16 deletions(-)
 delete mode 100644 src/views/HomeSearch/Hooks/useHomeSearch.ts

diff --git a/src/views/HomeSearch/Hooks/useHomeSearch.ts b/src/views/HomeSearch/Hooks/useHomeSearch.ts
deleted file mode 100644
index 65af9f9..0000000
--- a/src/views/HomeSearch/Hooks/useHomeSearch.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {ref} from 'vue';
-
-const visible = ref<{ [key: string]: boolean }>({
-  mineSurvey: true,
-  templateMarket: true
-});
-
-export { visible };
\ No newline at end of file
diff --git a/src/views/HomeSearch/Index.vue b/src/views/HomeSearch/Index.vue
index 37bcfc2..65d1107 100644
--- a/src/views/HomeSearch/Index.vue
+++ b/src/views/HomeSearch/Index.vue
@@ -4,14 +4,28 @@ import TemplateMarket from '@/views/HomeSearch/components/TemplateMarket/Index.v
 import MineSurvey from '@/views/HomeSearch/components/MineSurvey/Index.vue';
 import { updateKeyword, keyword, loading } from '@/views/HomeSearch/Hooks/useSurveySearch';
 import Layout from '@/components/Layout/CommonLayout.vue';
-import { visible } from '@/views/HomeSearch/Hooks/useHomeSearch';
 import RecommendTag from '@/views/HomeSearch/components/Recommend/Index.vue';
-import { onMounted, onUnmounted, type Ref } from 'vue';
+import { computed, onMounted, onUnmounted, ref, type Ref } from 'vue';
 import ImageSlider from '../Home/components/ImageSlider/Index.vue';
 import { banners } from '@/views/HomeSearch/Hooks/useSurveySearch';
+import { surveys, templates } from '@/views/HomeSearch/Hooks/useSurveySearch';
 
 const searchKeyword = keyword as Ref<string>;
 
+type Visible = {
+  mineSurvey: boolean;
+  templateMarket: boolean;
+};
+
+const visible = computed<Visible>(() => {
+  const mineSurvey = surveys.value.length > 0;
+  const templateMarket = templates.value.length > 0;
+  return {
+    mineSurvey,
+    templateMarket
+  };
+});
+
 function handleSearchCancel() {
   loading.value = false;
 }
diff --git a/src/views/HomeSearch/components/MineSurvey/Index.vue b/src/views/HomeSearch/components/MineSurvey/Index.vue
index cd8aad7..5ecafb6 100644
--- a/src/views/HomeSearch/components/MineSurvey/Index.vue
+++ b/src/views/HomeSearch/components/MineSurvey/Index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { index, surveys as _surveys, keyword } from '@/views/HomeSearch/Hooks/useSurveySearch';
+import { index, surveys, keyword } from '@/views/HomeSearch/Hooks/useSurveySearch';
 import SurveyItem from '@/components/SurveyItem/Index.vue';
 import { useRouter } from 'vue-router';
 import { computed } from 'vue';
@@ -22,10 +22,10 @@ function handleSurveyClick(survey: { sn: any }) {
     }
   });
 }
-const surveys = computed(() => {
-  // 取前三个元素
-  return _surveys.value.slice(0, 3);
-});
+// const surveys = computed(() => {
+//   // 取前三个元素
+//   return _surveys.value.slice(0, 3);
+// });
 </script>
 
 <template>
diff --git a/src/views/HomeSearch/components/TemplateMarket/Index.vue b/src/views/HomeSearch/components/TemplateMarket/Index.vue
index d59f127..df5c6b5 100644
--- a/src/views/HomeSearch/components/TemplateMarket/Index.vue
+++ b/src/views/HomeSearch/components/TemplateMarket/Index.vue
@@ -1,3 +1,4 @@
+1
 <script setup lang="ts">
 import MarketItem from '@/components/TemplateMarketItem/Index.vue';
 import { templates } from '../../Hooks/useSurveySearch';
@@ -5,7 +6,7 @@ import { consoleSurveys, useTemplate } from '@/api/home';
 import { saveQuestions, snQuestions } from '@/api/design';
 import { useRouter } from 'vue-router';
 import { useCounterStore } from '@/stores/counter';
-import { type Store, type PiniaCustomStateProperties, storeToRefs } from 'pinia';
+import { storeToRefs } from 'pinia';
 
 const router = useRouter();