From 4e17f0bdb7f224081c33ef6066f095af59e17bdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <chenjinsong@zdjizhi.com>
Date: Tue, 17 Mar 2020 19:01:09 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=90=9C=E7=B4=A2=E6=A1=86=E5=8F=89?=
 =?UTF-8?q?=E5=8F=B7=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80=EF=BC=8C=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E4=B8=8D=E6=98=BE=E7=A4=BA=EF=BC=8C=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E5=90=8E=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/common/searchInput.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/common/searchInput.vue b/nezha-fronted/src/components/common/searchInput.vue
index e3bebd884..2dc998903 100644
--- a/nezha-fronted/src/components/common/searchInput.vue
+++ b/nezha-fronted/src/components/common/searchInput.vue
@@ -102,8 +102,8 @@
 
                 </ul>
             </div>
-            <div class="clear-search" @click="clear_input">
-                <i class="el-icon-close"></i>
+            <div v-show="clearSearchShow" class="clear-search" @click="clear_input">
+                <i class="el-icon-circle-close"></i>
             </div>
             <div :class="input_list?'input_list none':'input_list'" @click="stop_click" id="input_list">
                 <ul>
@@ -129,6 +129,7 @@
         name: "index",
         data() {
             return {
+                clearSearchShow: false,
                 select_conditionsName:'',
                 selectInfoList: searchSelectInfo,
                 select_title: '',
@@ -187,6 +188,9 @@
             handler(newData, oldData) {
               if (newData.length == 0) {
                 this.change_sreach_show = true;
+                this.clearSearchShow = false;
+              } else {
+                this.clearSearchShow = true;
               }
               if (this.$route.path == "/alertList") {
                 // 处理alertType--asset联动问题：
@@ -1426,7 +1430,7 @@
         min-width: 100px;
     }
     .select_input input{
-        width: 100%;
+        width: calc(100% - 1px);
         height: 100%;
         border: none;
         float: left;