From d1b59974c744afc69119c917ac7ee3685a4ad49a Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Tue, 16 Apr 2024 17:05:00 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=89=80=E6=9C=89?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E5=85=A8=E5=B1=80=E6=90=9C=E7=B4=A2=E5=90=8E?=
 =?UTF-8?q?=E4=B8=8D=E9=87=8D=E7=BD=AE=E6=9D=A1=E4=BB=B6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                      |  5 ++++
 src/components/Search/Search.vue     |  2 ++
 src/layout/index.vue                 | 43 +++++++++++++++++++++-------
 src/views/home/aside/comp/Search.vue |  3 +-
 src/views/task/aside/Aside.vue       |  5 +++-
 src/views/worksheet/aside/Aside.vue  |  8 +++++-
 6 files changed, 52 insertions(+), 14 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 61136d3..6458938 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -23,6 +23,7 @@ declare module 'vue' {
     NDivider: typeof import('naive-ui')['NDivider']
     NDropdown: typeof import('naive-ui')['NDropdown']
     NEllipsis: typeof import('naive-ui')['NEllipsis']
+    NEmpty: typeof import('naive-ui')['NEmpty']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NGi: typeof import('naive-ui')['NGi']
@@ -44,7 +45,11 @@ declare module 'vue' {
     NSpace: typeof import('naive-ui')['NSpace']
     NSpin: typeof import('naive-ui')['NSpin']
     NSwitch: typeof import('naive-ui')['NSwitch']
+    NTabPane: typeof import('naive-ui')['NTabPane']
+    NTabs: typeof import('naive-ui')['NTabs']
     NTag: typeof import('naive-ui')['NTag']
+    NTimeline: typeof import('naive-ui')['NTimeline']
+    NTimelineItem: typeof import('naive-ui')['NTimelineItem']
     NTooltip: typeof import('naive-ui')['NTooltip']
     NUpload: typeof import('naive-ui')['NUpload']
     NUploadDragger: typeof import('naive-ui')['NUploadDragger']
diff --git a/src/components/Search/Search.vue b/src/components/Search/Search.vue
index 8761032..b664cea 100644
--- a/src/components/Search/Search.vue
+++ b/src/components/Search/Search.vue
@@ -3,6 +3,7 @@ import { nextTick, onMounted, onUnmounted, reactive, ref, toRefs } from 'vue'
 import { debounce } from 'lodash-es'
 import { useRoute, useRouter } from 'vue-router'
 import { deleteSearch, getSearchList, historySearch } from '@/api/search/search'
+import { storage } from '@/utils/Storage'
 
 const emit = defineEmits(['close'])
 
@@ -73,6 +74,7 @@ function goPath(item, id) {
   const desiredObject = item.data.find((item) => {
     return item.id === id
   })
+  storage.set('isSearch', true)
   router.push({ name: item.path, query: { id, searchContent: desiredObject.name } })
   emit('close')
 }
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 4165bfe..6e39d10 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,17 +1,40 @@
 <script lang="ts" setup>
-import { computed, unref } from "vue";
-import { Logo } from "./components/Logo";
-import { MainView } from "./components/Main";
-import { AsideMenu } from "./components/Menu";
-import { PageHeader } from "./components/Header";
-import { useProjectSetting } from "@/hooks/setting/useProjectSetting";
+import { computed, onBeforeMount, unref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { Logo } from './components/Logo'
+import { MainView } from './components/Main'
+import { AsideMenu } from './components/Menu'
+import { PageHeader } from './components/Header'
+import { useProjectSetting } from '@/hooks/setting/useProjectSetting'
+import { storage } from '@/utils/Storage'
 
-const { menuSetting } = useProjectSetting();
+const router = useRouter()
+const route = useRoute()
+onBeforeMount(() => {
+  /**
+   * 如果刷新则去掉筛选条件
+   * 1. 如果当前页面路由与上一个页面路由相同时则为刷新
+   * 2. 防止一直刷新 另外一个判断条件为当前当前路由query不为{}
+   * 3. 当前页面下执行当前页面的搜索 1条件一定成立
+   *
+   * 4. 搜索点击->存storage->跳转页面->onMounted
+   * ->如果storage为true则不replace 并将storage置false
+   */
+  if (
+    history.state.back == route.path
+    && JSON.stringify(route.query).trim() != '{}'
+    && storage.get('isSearch')
+  ) {
+    storage.set('isSearch', false)
+    router.replace(route.path)
+  }
+})
+const { menuSetting } = useProjectSetting()
 
 const leftMenuWidth = computed(() => {
-  const { minMenuWidth } = unref(menuSetting);
-  return minMenuWidth;
-});
+  const { minMenuWidth } = unref(menuSetting)
+  return minMenuWidth
+})
 </script>
 
 <template>
diff --git a/src/views/home/aside/comp/Search.vue b/src/views/home/aside/comp/Search.vue
index d017c55..bf349f6 100644
--- a/src/views/home/aside/comp/Search.vue
+++ b/src/views/home/aside/comp/Search.vue
@@ -71,8 +71,7 @@ function close() {
   configStore.setSearchValue(searchKeyword.value)
   finalStore.setSearchValue(searchKeyword.value)
   if (searchContent)
-    router.push(route.path)
-
+    router.replace(route.path)
   emit('close')
 }
 
diff --git a/src/views/task/aside/Aside.vue b/src/views/task/aside/Aside.vue
index 1850148..e3297ec 100644
--- a/src/views/task/aside/Aside.vue
+++ b/src/views/task/aside/Aside.vue
@@ -10,7 +10,7 @@ import {
   unref,
   watch,
 } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import CustomFieldModal from '../modal/CustomFieldModal.vue'
 import AdvanceFilter from '../../home/aside/comp/AdvanceFilter.vue'
 import { FilterModalVue } from '../../home/aside/comp/modals'
@@ -26,6 +26,7 @@ import { useConfig } from '@/store/modules/asideConfig'
 import type { FilterSearchParam } from '/#/api'
 
 const route = useRoute()
+const router = useRouter()
 const searchContent = route.query.searchContent as string
 const CustomFieldModalRef = ref(null)
 const collapse = ref(false)
@@ -78,6 +79,8 @@ function setShowSearch(value: boolean) {
   if (!value) {
     search.value = ''
     taskListRef.value.search('')
+    if (searchContent)
+      router.replace(route.path)
   }
   showSearch.value = value
 }
diff --git a/src/views/worksheet/aside/Aside.vue b/src/views/worksheet/aside/Aside.vue
index 581639d..e6fd17b 100644
--- a/src/views/worksheet/aside/Aside.vue
+++ b/src/views/worksheet/aside/Aside.vue
@@ -12,7 +12,7 @@ import {
   unref,
   watch,
 } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import CustomFieldModalVue from '../modal/CustomFieldModal.vue'
 import WorkSheetList from './WorkSheetList.vue'
 import { getAllfieldList, getfieldList } from '@/api/home/filter'
@@ -24,6 +24,7 @@ import { getViewportOffset } from '@/utils/domUtils'
 defineOptions({ name: 'AsideContent' })
 const emit = defineEmits(['ApprovalOver'])
 const route = useRoute()
+const router = useRouter()
 const searchContent = route.query.searchContent
 console.log(searchContent)
 const collapse = ref(false)
@@ -106,6 +107,7 @@ async function getshowFieldList() {
         }
         showFieldList.value.push(item)
       }
+      return v
     })
   }
   else {
@@ -120,6 +122,7 @@ async function getshowFieldList() {
         }
         showFieldList.value.push(item)
       }
+      return v
     })
   }
 }
@@ -160,6 +163,9 @@ function setShowSearch(value: boolean) {
   if (value === false) {
     (packageListRef.value as any).search('')
     searchKeyword.value = ''
+    if (!searchContent)
+      return router.replace(route.path)
+
     nextTick(() => {
       searchInputRef.value?.focus()
     })