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

fix： 修正抽取组件没有批量删除的功能 style：修改小驼峰为中划线的格式

Browse Source
This commit is contained in:
zhangyu
2020-07-31 10:55:25 +08:00
parent 0c9d6090cd
commit 99609a06bf
6 changed files with 125 additions and 602 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
nezha-fronted/src/components/common/alert/alertRuleInfo.vue
View File

@@ -1,20 +1,20 @@
<template>
<div class="alertRuleInfo" v-loading="loading">
<div class="alertRuleBox">
<div class="alertRuleTitle">ID</div>
<div class="alertRuleValue">{{alertRuleData?alertRuleData.id:''}}</div>
<div class="alert-rule-info" v-loading="loading">
<div class="alert-rule-box">
<div class="alert-rule-title">ID</div>
<div class="alert-rule-value">{{alertRuleData?alertRuleData.id:''}}</div>
</div>
<!--<div class="alertRuleBox">-->
<!--<div class="alertRuleTitle">ID</div>-->
<!--<div class="alertRuleValue">{{alertRuleData.id}}</div>-->
<!--<div class="alert-rule-box">-->
<!--<div class="alert-rule-title">ID</div>-->
<!--<div class="alert-rule-value">{{alertRuleData.id}}</div>-->
<!--</div>-->
<div class="alertRuleBox">
<div class="alertRuleTitle">Expression</div>
<div class="alertRuleValue">{{alertRuleData?(alertRuleData.expr + alertRuleData.operator + formatThreshold(alertRuleData.threshold,alertRuleData.unit)):''}}</div>
<div class="alert-rule-box">
<div class="alert-rule-title">Expression</div>
<div class="alert-rule-value">{{alertRuleData?(alertRuleData.expr + alertRuleData.operator + formatThreshold(alertRuleData.threshold,alertRuleData.unit)):''}}</div>
</div>
<div class="alertRuleBox">
<div class="alertRuleTitle">Level</div>
<div class="alertRuleValue">
<div class="alert-rule-box">
<div class="alert-rule-title">Level</div>
<div class="alert-rule-value">
<span v-if="alertRuleData && alertRuleData.severity === 'high'"><i class="el-icon-arrow-up"></i>&nbsp;{{severityData[1].value}}</span>
<span style="padding-left: 18px;" v-if="alertRuleData && alertRuleData.severity === 'medium'">{{severityData[0].value}}</span>
<span v-if="alertRuleData && alertRuleData.severity === 'low'"><i class="el-icon-arrow-down"></i>&nbsp;{{severityData[2].value}}</span>
@@ -26,7 +26,7 @@
<script>
import chartDataFormat from '../../charts/chartDataFormat'
export default {
name:"alertRuleInfo",
name:"alert-rule-info",
props:{
id:{},
severityData:{
@@ -77,25 +77,25 @@
</script>
<style scoped>
.alertRuleInfo{
.alert-rule-info{
border: 1px solid #ebeef5;
border-bottom: none;
font-size: 13px;
line-height: 26px;
}
.alertRuleBox{
.alert-rule-box{
display: flex;
justify-content:space-between;
border-bottom: 1px solid #ebeef5;
}
.alertRuleTitle{
.alert-rule-title{
text-align: left;
width: 80px;
border-right: 1px solid #ebeef5;
color: #666;
padding: 0 3px 0 13px;
}
.alertRuleValue{
.alert-rule-value{
text-align: left;
width: 180px;
color: #1a1a1a;