From e8cc3b3761bd8363a00596ca451c49b3f100c2e2 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 22 Nov 2021 16:05:34 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1319=20fix:=20=E5=88=87=E6=8D=A2=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E5=90=8E=E5=8E=86=E5=8F=B2=E6=90=9C=E7=B4=A2=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E4=B8=8D=E4=B8=80=E8=87=B4=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/bottomBox/nzBottomDataList.vue  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue b/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue
index 13b7a1dfa..111f90216 100644
--- a/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue
+++ b/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue
@@ -9,7 +9,7 @@
       </div>
       <div class="top-tool-right" v-if="!customTool">
         <div v-if="layout.indexOf('searchInput') > -1" class="top-tool-search margin-r-20">
-          <search-input :searchMsg="searchMsg" :position="'bottom' + targetTab + obj.id" @search="search" :targetTab="targetTab"></search-input>
+          <search-input v-if="searchInputShow" :searchMsg="searchMsg" :position="'bottom' + targetTab + obj.id" @search="search" :targetTab="targetTab"></search-input>
         </div>
         <slot name="top-tool-right"></slot>
         <button v-if="layout.indexOf('elementSet') > -1" id="account-column-setting" class="top-tool-btn margin-r-20"
@@ -118,6 +118,7 @@ export default {
   data () {
     return {
       fromRoute: fromRoute,
+      searchInputShow: true,
       tools: {
         toTopBtnTop: this.$tableHeight.toTopBtnTop, // to-top按钮的top属性
         tableHover: false, // 控制滚动条和top按钮同时出现
@@ -125,6 +126,14 @@ export default {
       }
     }
   },
+  watch: {
+    obj (n) {
+      this.searchInputShow = false
+      setTimeout(() => {
+        this.searchInputShow = true
+      }, 100)
+    }
+  },
   methods: {
     updateCustomTableTitle (custom) {
       this.$emit('update:customTableTitle', custom)