diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss index 67eeac420..1c622e45f 100644 --- a/nezha-fronted/src/assets/stylus/main.scss +++ b/nezha-fronted/src/assets/stylus/main.scss @@ -722,11 +722,17 @@ li{ padding: 0; background-color: $content-right-background-color; } -.nz-table td.has-message .cell { - background-color: #f8d7da; +.nz-table td.has-message .cell>span { + background-color: #ff6666; + color: white; + padding:2px 5px; + border-radius: 4px; } -.nz-table td.has-no-message .cell { - background-color: #d4edda; +.nz-table td.has-no-message .cell>span { + background-color: #1bd383; + color: white; + padding:2px 5px; + border-radius: 4px; } .nz-table th { padding: 0; diff --git a/nezha-fronted/src/components/page/alert/config.vue b/nezha-fronted/src/components/page/alert/config.vue index 6316b79a5..ef37eff98 100644 --- a/nezha-fronted/src/components/page/alert/config.vue +++ b/nezha-fronted/src/components/page/alert/config.vue @@ -358,7 +358,7 @@ this.showSubList = true; }, messageStyle(e) { - if (e.columnIndex == 6) { + if (e.column.label == this.$t("alert.message")) { if (e.row.alertNum > 0) { return 'has-message'; } else { diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue index 14d2a185f..8e6bc78f3 100644 --- a/nezha-fronted/src/components/page/asset/asset.vue +++ b/nezha-fronted/src/components/page/asset/asset.vue @@ -123,6 +123,7 @@ v-loading="loading" tooltip-effect="light" ref="assetTable" + :cell-class-name="messageStyle" > 0) { + return 'has-message'; + } else { + return 'has-no-message'; + } + } + return ''; + }, editData(data, item) { if (data === 'idc') { item.name = this.addIdcData.popName