From 80198c9dadaa6a0dc12e82b6a69cc532531f5b23 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Fri, 18 Mar 2022 13:55:33 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1701=20fix=EF=BC=9A=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=20alert=20rule=E5=8C=85=E5=90=AB=20trouble?=
 =?UTF-8?q?=20shooting=20=E6=98=BE=E7=A4=BA=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/globalSearch/searchItemInfo.scss   | 9 +++++++--
 .../components/common/globalSearch/searchItemInfo.vue    | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/common/globalSearch/searchItemInfo.scss b/nezha-fronted/src/assets/css/components/common/globalSearch/searchItemInfo.scss
index 45ba9ec76..b95a032ed 100644
--- a/nezha-fronted/src/assets/css/components/common/globalSearch/searchItemInfo.scss
+++ b/nezha-fronted/src/assets/css/components/common/globalSearch/searchItemInfo.scss
@@ -46,7 +46,8 @@
     width: 100%;
     border-bottom: 1px solid $--border-color-light;
     display: flex;
-    height: 47px;
+    min-height: 47px;
+    max-height: 200px;
     align-items: center;
     .search-item-key{
       width: 120px;
@@ -58,9 +59,12 @@
     }
     .search-item-value-box{
       line-height: 47px;
+      height: 100%;
       width: calc(100% - 120px);
       display: flex;
+      align-items: center;
       .nz-icon{
+        display: inline-block;
         line-height: 47px;
         margin-right: 10px;
       }
@@ -70,8 +74,9 @@
       .search-item-value{
         width: calc(100% - 30px);
         font-size: 14px;
+        height: 100%;
+        overflow-y: auto;
         color: $--color-text-primary;
-        overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         line-height: 47px;
diff --git a/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue b/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue
index 2003fe2d0..b740fee45 100644
--- a/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue
+++ b/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue
@@ -60,8 +60,8 @@
           </div>
           <div class="search-item-value-box" v-else-if="obj.type === 'alertrule'&&item.key==='trbShot'">
             <i v-if="item.icon&&getPathContent(item.key)!=='--'" class="nz-icon" :class="searchItemClass(item)" :style="searchItemStyle(item)"/>
-            <span class="search-item-value" v-html="getPathContent(item.key)">
-            </span>
+            <div class="search-item-value" v-html="getPathContent(item.key)">
+            </div>
           </div>
           <div style="cursor: pointer" v-else-if="item.key === 'alertNum'">
             <i :class="Number(getPathContent(item.key)) ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>