From 560ed1454a16dde918f723b4e14b12646977cb5c Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Mon, 15 Jan 2024 10:18:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20(NEZ-3377)=20alert=20rule=20=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B5=E9=9D=A2=E7=BC=BA=E5=B0=91=E5=BF=85=E8=A6=81?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/rightBox/alertRuleBox.scss         |  6 +++++
 .../common/rightBox/alertRuleBox.vue          | 22 ++++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss
index 1671edfa3..61ecbdef6 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss
@@ -210,4 +210,10 @@
     margin-bottom: 0 !important;
     flex: 1;
   }
+
+  .summary-form-item{
+    .el-form-item__label{
+      display: flex;
+    }
+  }
 }
diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index 2023a2237..d0806951a 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -165,11 +165,31 @@
           <!-- notification -->
           <div class="alert-rule-split-title">{{ $t('alert.config.notificationConfig') }}</div>
           <!--summary-->
-          <el-form-item :label="$t('alert.summary')" prop="summary">
+          <el-form-item :label="$t('alert.summary')" prop="summary" class="summary-form-item">
+            <div slot="label">
+              <span>{{$t('alert.summary')}}</span>
+              <el-popover placement="top" trigger="hover" popper-class="prevent-clickoutside">
+                <div style="white-space: pre-wrap;">{{$t('alert.config.labelTip')}}</div>
+                <div style="white-space: pre-wrap;marginTop:2px;">{{$t('alert.config.valueTip')}}</div>
+                <span slot="reference">
+                  <i class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
+                </span>
+              </el-popover>
+            </div>
             <el-input id="alert-box-input-summary" v-model="editAlertRule.summary" maxlength="512" placeholder="" rows="2" show-word-limit size="small" type="textarea"></el-input>
           </el-form-item>
           <!--description-->
           <el-form-item :label="$t('overall.remark')" prop="description">
+            <div slot="label">
+              <span>{{$t('overall.remark')}}</span>
+              <el-popover placement="top" trigger="hover" popper-class="prevent-clickoutside">
+                <div style="white-space: pre-wrap;">{{$t('alert.config.labelTip')}}</div>
+                <div style="white-space: pre-wrap;marginTop:2px;">{{$t('alert.config.valueTip')}}</div>
+                <span slot="reference">
+                  <i class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
+                </span>
+              </el-popover>
+            </div>
             <el-input id="alert-box-input-description" v-model="editAlertRule.description" maxlength="256" placeholder="" rows="2" show-word-limit size="small" type="textarea"></el-input>
           </el-form-item>
           <!--notifyActive-->