gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-1849 feat ：alert message列表页面 增加 acknowledge 状态及按钮

Browse Source
This commit is contained in:
likexuan
2022-05-07 19:01:42 +08:00
parent 616d24c724
commit dd5ffafe82
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
nezha-fronted/src/assets/css/components/common/table/alert/alertMessageTable.scss
View File

@@ -107,6 +107,18 @@
color: $--color-text-label; color: $--color-text-label;
} }
.blues{ .blue-bg{
color: $--color-text-link; background-color: $--color-text-link;
}
.id-alertMessage{
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}
.id-alert{
display: flex;
align-items: center;
} }

2
nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
View File

@@ -90,7 +90,7 @@
{{$t(stateOptions.find(state=>state.value == scope.row['state']).label)}} {{$t(stateOptions.find(state=>state.value == scope.row['state']).label)}}
</span> </span>
</span> </span>
<span v-else-if="item.prop === 'id'"><i :style="{'font-size':'12px','margin-right':'5px'}" class="nz-icon nz-icon-circle" :class="scope.row.ack == 1 ? 'blues' : 'gray'"></i>{{scope.row[item.prop]}}</span> <span v-else-if="item.prop === 'id'" class="id-alert"><span :style="{'font-size':'12px','margin-right':'5px'}" class="id-alertMessage" :class="{'gray-bg': scope.row.ack == 0, 'blue-bg': scope.row.ack == 1}"></span>{{scope.row[item.prop]}}</span>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span> <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
<template v-else>-</template> <template v-else>-</template>
</template> </template>