perf: 优化alert-message-labels显示

nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue

@@ -89,10 +89,10 @@
             <span v-else>-</span>
           </div>-->
           <template v-else-if="item.prop == 'labels'">
-            <el-tag v-if="key != 'alertname' && key != 'severity'"
+            <el-tag v-if="key != 'alertname' && key != 'severity' && key != 'linkId'"
                     :key="key"
                     type="info"
-                    size="mini" v-for="(value, key) in scope.row.labels" class="alert-message-tag">{{key}}：{{value}}</el-tag>
+                    size="mini" v-for="(value, key) in scope.row.labels" class="alert-message-tag">{{tagValue(key, value)}}</el-tag>
           </template>
           <div v-else-if="item.prop == 'state'">
             <span class="">
@@ -282,6 +282,22 @@
         viewAssetState: false,
       }
     },
+    computed: {
+      tagValue() {
+        return (key, value) => {
+          if (key == 'type') {
+            if (value ==  1) {
+              value = this.$t("project.project.project");
+            } else if (value == 2) {
+              value = this.$t("module.module.module");
+            } else if (value == 3) {
+              value = this.$t("asset.asset");
+            }
+          }
+          return key + "：" + value;
+        }
+      }
+    },
     methods: {
       elementsetShow(s, e) {
         this.showElementSet = true;

nezha-fronted/src/components/page/alert/list.vue

@@ -98,9 +98,9 @@
                 <el-tag @click="showTagDetail(scope.row.labels, key)"
                         :key="key"
                         :class="{'link': key == 'asset' || key == 'endpoint' || key == 'project' || key == 'module' || key == 'datacenter'}"
-                        v-if="key != 'alertname' && key != 'severity'"
+                        v-if="key != 'alertname' && key != 'severity' && key != 'linkId'"
                         :type="tagType(key)"
-                        size="mini" v-for="(value, key) in scope.row.labels" class="alert-message-tag">{{key}}：{{value}}</el-tag>
+                        size="mini" v-for="(value, key) in scope.row.labels" class="alert-message-tag">{{tagValue(key, value)}}</el-tag>
               </template>
               <div v-else-if="item.prop == 'state'">
                 <span class="">
@@ -338,6 +338,20 @@
             return "info";
           }
         }
+      },
+      tagValue() {
+        return (key, value) => {
+          if (key == 'type') {
+            if (value ==  1) {
+              value = this.$t("project.project.project");
+            } else if (value == 2) {
+              value = this.$t("module.module.module");
+            } else if (value == 3) {
+              value = this.$t("asset.asset");
+            }
+          }
+          return key + "：" + value;
+        }
       }
     },
     methods: {