From d362339689e71fcf26a9b0003aed3bbff17fc6b9 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Sun, 25 May 2025 23:13:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(survey):=20=E4=BC=98=E5=8C=96=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E5=8A=9F=E8=83=BD=E5=B9=B6=E6=B7=BB=E5=8A=A0=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 nav-search 组件中添加取消搜索事件处理
- 优化搜索结果为空时的展示逻辑
- 实现取消搜索后重新获取全部问卷数据的功能
---
 src/views/Survey/Index.vue | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/views/Survey/Index.vue b/src/views/Survey/Index.vue
index f0eda2b..35f5607 100644
--- a/src/views/Survey/Index.vue
+++ b/src/views/Survey/Index.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="survey-search">
-    <nav-search v-model:value="searchValue" @search="handleSearchClick" />
+    <nav-search
+      v-model:value="searchValue"
+      @search="handleSearchClick"
+      @cancel="handleCancelClick"
+    />
     <!-- <nav-search
       placeholder="请输入关键词"
       v-model:value="searchValue"
@@ -17,9 +21,11 @@
           </span>
         </template>
 
-        <div v-for="item in survey" v-if="survey.length > 0" :key="item" class="new-survey_item">
-          <survey-item :survey="item" :is-analysis="true" :disable-action-button="false" />
-        </div>
+        <template v-if="survey.length > 0">
+          <div v-for="item in survey" :key="item" class="new-survey_item">
+            <survey-item :survey="item" :is-analysis="true" :disable-action-button="false" />
+          </div>
+        </template>
         <!-- 如果问卷等于0的话，显示空容器  -->
         <empty-container
           v-if="survey.length === 0 && !searchValue"
@@ -34,7 +40,7 @@
 </template>
 
 <script setup>
-import { onMounted, onUnmounted, ref, watch } from 'vue';
+import { onMounted, onUnmounted, ref, watch, nextTick } from 'vue';
 import NavSearch from '@/components/Search/Index.vue';
 import NewSurvey from '@/views/Home/components/NewSurvey/index.vue';
 import EmptyContainer from '@/views/Survey/components/EmptyContainer.vue';
@@ -63,6 +69,13 @@ watch(searchValue, () => {
   finished.value = true;
   // 重置搜索form 数据
   form.page = 1;
+
+  // 如果搜索框内容为空，清空 survey 数据，重新请求
+  if (!searchValue.value.length) {
+    clearSurveys();
+    form.key_word = '';
+    fetchSurveys(form);
+  }
 });
 
 const handleSearchClick = () => {
@@ -77,6 +90,11 @@ const handleSearchClick = () => {
   fetchSurveys(form);
 };
 
+function handleCancelClick() {
+  searchValue.value = '';
+  fetchSurveys(form);
+}
+
 onUnmounted(() => {
   // 当组件卸载的时候，清空 survey 数据
   clearSurveys();