From 34c0a65f19fadff0ce19b7fdd0f8723f389eeb45 Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Wed, 2 Aug 2023 11:36:51 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-3030=20fix=EF=BC=9Aalert=20message=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=20trouble=20shooting=20=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/common/alert/alertMessageInfo.scss    | 9 ++++++---
 .../src/components/common/alert/alertMessageInfoTab.vue  | 3 +--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss b/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
index 099500fd7..f050829f4 100644
--- a/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
+++ b/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
@@ -522,10 +522,13 @@
             }
 
             #pane-trbShot {
+              // .editor-core.ql-container.ql-snow {
+              //   background-color: #23241E;
+              //   border-radius: 2px;
+              //   color: #fff;
+              // }
               .editor-core.ql-container.ql-snow {
-                background-color: #23241E;
-                border-radius: 2px;
-                color: #fff;
+                border: none;
               }
             }
           }
diff --git a/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue b/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
index 0e77071fe..65c77f9bb 100644
--- a/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
+++ b/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
@@ -23,8 +23,7 @@
           />
         </div>
         <div v-else-if="item.key === 'trbShot' && activeName === 'trbShot'">
-          <div v-html="infoData.alertRule.trbShot" v-if="infoData.alertRule.trbShot">
-          </div>
+          <div class="rich-text-editor" v-html="infoData.alertRule.trbShot" v-if="infoData.alertRule.trbShot"></div>
         </div>
       </el-tab-pane>
     </el-tabs>