From 90c9efd047940adb21cafba1b870acbbca8f5285 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <chenjinsong@zdjizhi.com>
Date: Sat, 25 Apr 2020 10:47:21 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20alert-rule=E5=92=8Casset=E7=9A=84?=
 =?UTF-8?q?=E5=91=8A=E8=AD=A6=E4=BF=A1=E6=81=AF=E6=95=B0=E9=87=8F=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/assets/stylus/main.scss          | 14 ++++++++++----
 nezha-fronted/src/components/page/alert/config.vue |  2 +-
 nezha-fronted/src/components/page/asset/asset.vue  | 11 +++++++++++
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index 67eeac420..1c622e45f 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -722,11 +722,17 @@ li{
   padding: 0;
   background-color: $content-right-background-color;
 }
-.nz-table td.has-message .cell {
-  background-color: #f8d7da;
+.nz-table td.has-message .cell>span {
+  background-color: #ff6666;
+  color: white;
+  padding:2px 5px;
+  border-radius: 4px;
 }
-.nz-table td.has-no-message .cell {
-  background-color: #d4edda;
+.nz-table td.has-no-message .cell>span {
+  background-color: #1bd383;
+  color: white;
+  padding:2px 5px;
+  border-radius: 4px;
 }
 .nz-table th {
   padding: 0;
diff --git a/nezha-fronted/src/components/page/alert/config.vue b/nezha-fronted/src/components/page/alert/config.vue
index 6316b79a5..ef37eff98 100644
--- a/nezha-fronted/src/components/page/alert/config.vue
+++ b/nezha-fronted/src/components/page/alert/config.vue
@@ -358,7 +358,7 @@
         this.showSubList = true;
       },
       messageStyle(e) {
-        if (e.columnIndex == 6) {
+        if (e.column.label == this.$t("alert.message")) {
           if (e.row.alertNum > 0) {
             return 'has-message';
           } else {
diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index 14d2a185f..8e6bc78f3 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -123,6 +123,7 @@
                 v-loading="loading"
                 tooltip-effect="light"
                 ref="assetTable"
+                :cell-class-name="messageStyle"
               >
                 <el-table-column
                   :resizable="false"
@@ -686,6 +687,16 @@
           }
         })
       },
+      messageStyle(e) {
+        if (e.column.label == this.$t("asset.tableTitle.alerts")) {
+          if (e.row.alertNum > 0) {
+            return 'has-message';
+          } else {
+            return 'has-no-message';
+          }
+        }
+        return '';
+      },
       editData(data, item) {
         if (data === 'idc') {
           item.name = this.addIdcData.popName