monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by xwx
Commit 3a8eb46cd8b06764e04ca99e3033197a237992ff 1 parent aeedac44

故障管理优化

Inline Side-by-side
Showing 6 changed files with 47 additions and 26 deletions
... ... @@ -184,6 +184,14 @@ a {
padding: 6px;
}
.p-l-0 {
padding: 6px 6px 0px 0px;
}
.p-t-0 {
padding: 6px 6px 0px 0px;
}
.p-l-6 {
padding: 6px;
}
... ... @@ -226,8 +234,17 @@ a {
color:#1e9fff;
}
.border-solid{
border: solid 1px #bbb8b8;
.border-top{
border-top: 1px solid var(--el-border-color);
}
.border-right{
border-right: 1px solid var(--el-border-color);
}
.border-bottom{
border-bottom: 1px solid var(--el-border-color);
}
.border-left{
border-left: 1px solid var(--el-border-color);
}
... ...
... ... @@ -65,27 +65,27 @@
<img src="../src/style/img/fault/apm/apmAbout.png" style="padding-top: 12px;">
<div style="padding-top: 10px;font-size: 18px;color: #333333">应用：<span class="text-link" @click="openBusScenarios(item.resClass,'应用')">{{item.applicationName}}</span></div>
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#aed6f4 size=1>
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 50px;font-size: 16px;">
<div style="width: 230px;display: flex;align-self: center;align-items:center;">
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 50px;font-size: 14px;">
<div style="width: 220px;display: flex;align-self: center;align-items:center;">
<img src="../src/style/img/fault/base/alarm.png" style="width:22px;height: 22px;">
<span style="margin: 0px 6px;width: 133px;">响应时间告警量:</span>
<span style="margin: 0px 6px;width: 110px;">响应时间告警量:</span>
<span class="text-link" @click="openAlarm(item.kpiId,item.resClass)">{{item.responseNum}}</span>
</div>
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;align-items:center;">
<div style="width: 220px;margin-left: 20px;display: flex;align-self: center;align-items:center;">
<img src="../src/style/img/fault/base/alarm.png" style="width:22px;height: 22px;">
<span style="margin: 0px 6px 0px 6px;width: 115px;">Fullgc告警量:</span>
<span style="margin: 0px 6px 0px 6px;width: 90px;">Fullgc告警量:</span>
<span class="text-link" @click="openAlarm(item.kpiId,item.resClass)">{{item.FullGcNum}}</span>
</div>
</div>
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 50px;font-size: 16px;">
<div style="width: 230px;display: flex;align-self: center;align-items:center;">
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 50px;font-size: 14px;">
<div style="width: 220px;display: flex;align-self: center;align-items:center;">
<img src="../src/style/img/fault/base/alarm.png" style="width:22px;height: 22px;">
<span style="margin: 0px 6px;width: 133px;">线程总数告警量:</span>
<span style="margin: 0px 6px;width: 110px;">线程总数告警量:</span>
<span class="text-link" @click="openAlarm(item.kpiId,item.resClass)">{{item.threadNum}}</span>
</div>
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;align-items:center;">
<div style="width: 220px;margin-left: 20px;display: flex;align-self: center;align-items:center;">
<img src="../src/style/img/fault/base/alarm.png" style="width:22px;height: 22px;">
<span style="margin: 0px 6px 0px 6px;width: 115px;">错误率告警量:</span>
<span style="margin: 0px 6px 0px 6px;width: 90px;">错误率告警量:</span>
<span class="text-link" @click="openAlarm(item.kpiId,item.resClass)">{{item.errorNum}}</span>
</div>
</div>
... ...
... ... @@ -75,7 +75,7 @@
<span :style="item.shortName?(item.shortName.length>4?'padding:10px;':'padding:15px;'):''">{{item.shortName}}</span>
</div>
<div class="text-overflow-line2 align-center" style="padding: 0px 25px;">
<el-tooltip :content="item.taskName" placement="top" effect="light" :disabled="item.isShowTooltip == undefined || item.isShowTooltip == false">
<el-tooltip :content="item.taskName" placement="top" :disabled="item.isShowTooltip == undefined || item.isShowTooltip == false">
<span class="member-label member-span text-hidden" @mouseenter="visibilityChange($event,item)"> {{item.taskName}}</span>
</el-tooltip>
</div>
... ...
... ... @@ -78,30 +78,30 @@
<div style="line-height: 60px;" class="m-l-6">
<el-tooltip effect="light" >
<template #content>
<div style="width: 140px">
<div style="width: 260px">
<el-row>
<el-col :span="12" class="align-left border-solid p-6">
连接状态
<el-col :span="10" class="align-left border-bottom border-right p-6">
{{item.kpiName}}
</el-col>
<el-col :span="12" class="align-right border-solid p-6">
<el-col :span="14" class="align-right border-bottom p-6">
{{item.linkState}}
</el-col>
<el-col :span="12" class="align-left border-solid p-6" v-if="resClass!='database' && resClass!='other'">
CPU
<el-col :span="10" class="align-left border-bottom border-right p-6" v-if="resClass!='database' && resClass!='other'">
{{item.cpuName}}
</el-col>
<el-col :span="12" class="align-right border-solid p-6" v-if="resClass!='database' && resClass!='other'">
<el-col :span="14" class="align-right border-bottom p-6" v-if="resClass!='database' && resClass!='other'">
{{item.cpu}}{{item.cpuUnit}}
</el-col>
<el-col :span="12" class="align-left border-solid p-6" v-if="resClass!='database' && resClass!='other'">
内存
<el-col :span="10" class="align-left border-bottom border-right p-6" v-if="resClass!='database' && resClass!='other'">
{{item.menName}}
</el-col>
<el-col :span="12" class="align-right border-solid p-6" v-if="resClass!='database' && resClass!='other'">
<el-col :span="14" class="align-right border-bottom p-6" v-if="resClass!='database' && resClass!='other'">
{{item.men}}{{item.menUnit}}
</el-col>
<el-col :span="12" class="align-left border-solid p-6">
<el-col :span="10" class="align-left border-right p-6">
告警量
</el-col>
<el-col :span="12" class="align-right border-solid p-6">
<el-col :span="14" class="align-right p-6">
{{item.alarm}}
</el-col>
</el-row>
... ...
... ... @@ -66,6 +66,8 @@ export default {
menUnit:'',
kpiId:'',
resId:'',
cpuName:'cpu使用率',
menName:'内存使用率',
resTypeName:''
}
for (let j = 0; j < data[i].length; j++) {
... ... @@ -80,10 +82,12 @@ export default {
if (data[i][j].kpiId=='KPI31CB8D97'){
resItem.men=data[i][j].diagnosisResult;
resItem.menUnit=data[i][j].unit;
resItem.menName=data[i][j].kpiName;
resItem.kpiId=data[i][j].kpiId;
}else if (data[i][j].kpiId=='KPI7054BC34'){
resItem.cpu=data[i][j].diagnosisResult;
resItem.cpuUnit=data[i][j].unit;
resItem.cpuName=data[i][j].kpiName;
resItem.kpiId=data[i][j].kpiId;
}else if (data[i][j].kpiId=='KPIE13DD9A3'||data[i][j].kpiId=='KPI4DA976AF'){
resItem.linkState=data[i][j].diagnosisResult;
... ...
... ... @@ -197,7 +197,7 @@ export default {
}, {
prop: 'reason',
label: '原因分析',
width: 250,
width: 350,
}, /*{
prop: 'solution',
label: '处理方案',
... ...