From 170ad4e7e75732bc17e2b1da5257cb62a9dc074a Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Fri, 15 Apr 2022 18:48:30 +0800
Subject: [PATCH] =?UTF-8?q?perf:=E8=B0=83=E6=95=B4Alerts=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/table/alert/alertSilenceTable.vue  | 22 +++++++++++--------
 1 file changed, 13 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 6c568271d..a040983da 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -50,13 +50,17 @@
           </el-tooltip>
         </template>
         <template v-else-if="item.prop === 'alertNum'">
-          <span style="cursor: pointer" @click="$emit('showBottomBox', 'alertMessageTab', scope.row)">
+          <span
+            style="cursor: pointer"
+            @click="$emit('showBottomBox', 'alertMessageTab', scope.row)"
+          >
             <i
               :class="scope.row.alertNum > 0 ? 'gray' : 'green'"
               class="nz-icon nz-icon-overview-alert vertical-align-top;"
               @mouseenter="tooltipHover(scope.row, true, $event)"
               @mouseleave="tooltipHover(scope.row, false, $event)"
-            ></i><span>{{scope.row.alerts}}</span>
+            ></i
+            ><span>{{ scope.row.alerts }}</span>
           </span>
         </template>
         <template v-else-if="item.prop === 'matchers'">
@@ -207,13 +211,6 @@ export default {
           minWidth: 200,
           sortable: "custom",
         },
-        {
-          label: this.$t("alert.alert"),
-          prop: "alertNum",
-          show: true,
-          minWidth: 120,
-          sortable: "custom",
-        },
         {
           label: this.$t("alert.silence.startTime"),
           prop: "startAt",
@@ -239,6 +236,13 @@ export default {
           show: false,
           width: 300,
         },
+        {
+          label: this.$t("alert.alert"),
+          prop: "alertNum",
+          show: true,
+          minWidth: 120,
+          sortable: "custom",
+        },
         {
           label: this.$t("alert.silence.state"),
           prop: "state",