From 2735cb822c577fc6df2762f207cd30266dbe4c1e Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Thu, 8 Sep 2022 18:16:42 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-2187=20=20feat=EF=BC=9A=20alert=20silence?=
 =?UTF-8?q?=20state=20=E5=88=97=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/table/alert/alertSilenceTable.vue   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
index 27c917dd5..c042c2c78 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -80,15 +80,15 @@
           </span>
         </template>
         <template v-else-if="item.prop === 'state'">
-          <span v-if="scope.row.state === 1" class="silence-active"
-            >{{$t('silence.active')}}</span
-          >
-          <span v-if="scope.row.state === 2" class="silence-pending"
-            >{{$t('silence.pending')}}</span
-          >
-          <span v-if="scope.row.state === 3" class="silence-expired"
-            >{{$t('silence.expired')}}</span
-          >
+          <span v-if="scope.row.state === 1">
+             <div class="active-icon green-bg inline-block"></div>
+            {{$t('silence.active')}}</span>
+          <span v-if="scope.row.state === 2">
+            <div class="active-icon green-bg inline-block"></div>
+            {{$t('silence.pending')}}</span>
+          <span v-if="scope.row.state === 3">
+            <div class="active-icon gray-bg inline-block"></div>
+            {{$t('silence.expired')}}</span>
         </template>
         <template v-else-if="item.prop === 'utime'">
           {{ utcTimeToTimezoneStr(scope.row[item.prop]) }}