monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit b1995b1849dd568c114a41ff35b789514724a016 2 parents 6369d05e f13eb4a9

Merge branch 'master-v32-lushangqing' into 'master' 

故障诊断中的npm和apm的汇总信息的图标文字和数值水平对齐



See merge request !802
Inline Side-by-side
Showing 2 changed files with 14 additions and 14 deletions
... ... @@ -12,32 +12,32 @@
<div style="width: 200px;text-align: center;color: #666666;font-size: 18px">汇总信息</div>
<div>
<div class="d-flex align-left">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;color: #666666;font-size: 16px">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
<img src="../src/style/img/fault/npm/npmLink.png">
<span style="margin: 0px 6px 0px 6px;width: 105px">诊断应用</span>
<h class="text-link" @click="openBusScenarios()">{{getFaultItemValue(dialTest,'diagnosticResources')}}</h>
</div>
|
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;color: #666666;font-size: 16px">
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
<img src="../src/style/img/fault/disKpi.png">
<span style="margin: 0px 6px 0px 6px;width: 105px">诊断指标</span>
<h class="text-link" @click="openKpiList()">{{getFaultItemValue(dialTest,'diagnosticIndicators')}}</h>
</div>
|
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;color: #666666;font-size: 16px">
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
<img src="../src/style/img/fault/disItem.png">
<span style="margin: 0px 6px 0px 6px;width: 105px"> 诊断项</span>
<h class="text-link" @click="openDiagnosticItem('normal')">{{getFaultItemValue(dialTest,'diagnosticItem')}}</h>
</div>
</div>
<div style="text-align: left;display: flex;margin-top: 10px;">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;color: #75af49;">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #75af49;">
<img src="../src/style/img/fault/success.png" style="width: 22px;height: 22px;">
<span style="margin: 0px 6px 0px 6px;width: 105px;font-size: 16px">正常</span>
<h class="text-link" style="font-size: 24px" @click="openDiagnosticItem('normal')">{{getFaultItemValue(dialTest,'normal')}}</h>
</div>
|
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;color: #febb1a;">
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #febb1a;">
<img src="../src/style/img/fault/error.png" style="width: 22px;height: 22px;">
<span style="margin: 0px 6px 0px 6px;width: 105px;font-size: 16px"> 异常</span>
<h class="text-link" style="font-size: 24px" @click="openDiagnosticItem('abnormal')">{{getFaultItemValue(dialTest,'abnormal')}}</h>
... ... @@ -62,24 +62,24 @@
<div style="padding-top: 30px;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: 76px;font-size: 18px;">
<div style="width: 230px;display: flex;align-self: center;">
<div style="width: 230px;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 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;">
<div style="width: 230px;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 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: 76px;font-size: 18px;">
<div style="width: 230px;display: flex;align-self: center;">
<div style="width: 230px;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 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;">
<div style="width: 230px;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 class="text-link" @click="openAlarm(item.kpiId,item.resClass)">{{item.errorNum}}</span>
... ...
... ... @@ -23,32 +23,32 @@
<div style="width: 200px;text-align: center;color: #666666;font-size: 18px">汇总信息</div>
<div>
<div class="d-flex align-left">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;color: #666666;font-size: 16px">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
<img src="../src/style/img/fault/npm/npmLink.png">
<span style="margin: 0px 6px 0px 6px;width: 105px" >诊断链路场景</span>
<h class="text-link" @click="openBusScenarios()">{{getFaultItemValue(dialTest,'diagnosticResources')}}</h>
</div>
|
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;color: #666666;font-size: 16px">
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
<img src="../src/style/img/fault/disKpi.png">
<span style="margin: 0px 6px 0px 6px;width: 105px">诊断指标</span>
<h class="text-link" @click="openKpiList()">{{getFaultItemValue(dialTest,'diagnosticIndicators')}}</h>
</div>
|
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;color: #666666;font-size: 16px">
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #666666;font-size: 16px">
<img src="../src/style/img/fault/disItem.png">
<span style="margin: 0px 6px 0px 6px;width: 105px"> 诊断项</span>
<h class="text-link" @click="openDiagnosticItem('')">{{getFaultItemValue(dialTest,'diagnosticItem')}}</h>
</div>
</div>
<div style="text-align: left;display: flex;margin-top: 10px;">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;color: #75af49;">
<div style="width: 230px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #75af49;">
<img src="../src/style/img/fault/success.png" style="width: 20px;height: 20px">
<span style="margin: 0px 6px 0px 6px;width: 105px;font-size: 16px">正常</span>
<h style="font-size: 24px" class="text-link" @click="openDiagnosticItem('normal')">{{getFaultItemValue(dialTest,'normal')}}</h>
</div>
|
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;color: #febb1a;">
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;align-items:center;color: #febb1a;">
<img src="../src/style/img/fault/error.png" style="width: 20px;height: 20px">
<span style="margin: 0px 6px 0px 6px;width: 105px;font-size: 16px"> 异常</span>
<h style="font-size: 24px" class="text-link" @click="openDiagnosticItem('abnormal')">{{getFaultItemValue(dialTest,'abnormal')}}</h>
... ...