perf: 优化alert-message-labels显示

This commit is contained in:
陈劲松
2020-04-09 17:00:32 +08:00
parent 4aac1a7c20
commit 5b5b66a13b
2 changed files with 34 additions and 4 deletions

View File

@@ -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;