From af402c408327a23d2e31c2d3ba02be950e42bc7f Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Fri, 21 May 2021 11:31:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20edit=20=E7=A6=81=E7=94=A8=E6=97=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/css/common/tableCommon.scss         | 14 +++++++-------
 .../common/table/alert/alertSilenceTable.vue       |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss
index f178c8bd5..7e5e312cf 100644
--- a/nezha-fronted/src/assets/css/common/tableCommon.scss
+++ b/nezha-fronted/src/assets/css/common/tableCommon.scss
@@ -250,16 +250,16 @@
           height: 22px;
           border-radius: $--button-border-radius;
           outline: none;
-        }
-        .table-operation-item.table-operation-item-disable{
-          border: 1px solid $--primary-border-color;
-          outline: none;
-          background-color: $--button-gray-background-color;
           transition: background-color linear .1s;
-
+        }
+        .table-operation-item.table-operation-item--disable{
+          border: 1px solid $--primary-border-color;
+          background-color: #DEDEDE;
+          opacity: 0.6;
+          outline: none;
           i {
             font-size: 14px;
-            color: $--button-gray-color;
+            color: #fff;
           }
         }
         &>.table-operation-item {
diff --git a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
index 5677959d5..5e3b29c82 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -89,7 +89,7 @@
       fixed="right">
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
-        <button class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state == 3"><i class="nz-icon nz-icon-edit"></i></button>
+        <button :class="{'table-operation-item--disable': scope.row.state === 3}" class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state === 3"><i class="nz-icon nz-icon-edit"></i></button class="table-operation-item">
         <el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="hover" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>