monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by xwx
Commit 66d50371e8e26727dca56ef094ef55277fca12e1 1 parent d48973a1

故障诊断调整

Inline Side-by-side
Showing 7 changed files with 41 additions and 15 deletions
... ... @@ -55,11 +55,11 @@
</div>
<div v-if="cardOpen"
style="margin-top:20px;background-color: whitesmoke;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 26px 26px 0px 26px;">
<div v-for="item in apmCard.item" style="width: 50%;overflow: hidden;">
<div v-for="item in card" style="width: 50%;overflow: hidden;">
<div style="width: 566px;min-height: 357px;background: url('../src/style/img/apmCard.png') no-repeat;background-size: 100% 100%;margin: 0px 0px 26px 90px;box-sizing: border-box;text-align: center;margin: 0 auto;padding-top: 65px">
<div style="color: white;font-size: 25px;">{{item.name}}</div>
<div style="color: white;font-size: 25px;">{{item[0].name}}</div>
<img src="../src/style/img/apmAbout.png" style="padding-top: 30px;">
<div style="padding-top: 30px;font-size: 20px;">应用：<span>{{item.use}}</span></div>
<div style="padding-top: 30px;font-size: 20px;">应用：<span>{{item[0].use}}</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: 200px;margin-left: 10px;display: flex;align-self: center;">
... ... @@ -67,8 +67,8 @@
<span>{{item.time}}</span>
</div>
<div style="width: 200px;margin-left: 20px;display: flex;align-self: center;">
<span style="margin: 0px 6px 0px 6px;width: 95px">响应时间:</span>
<span>{{item.Fullgc}}</span>
<span style="margin: 0px 6px 0px 6px;width: 95px">Fullgc:</span>
<span>{{item[0].count}}</span>
</div>
</div>
<div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;">
... ...
... ... @@ -57,49 +57,76 @@
<div style="min-width: 338px;height: 160px;background: url(../src/style/img/fault/base/bg.png) no-repeat;background-size: 100% 100%;padding-top: 10px;">
<el-row style="height: 70px;padding: 10px 30px;">
<el-col :span="4" style="line-height: 55px;">
<img src="../src/style/img/fault/base/基础-数据库-黄.png">
<img src="../src/style/img/fault/base/基础-数据库-黄.png" v-if="item[0].resClass=='database'">
<img src="../src/style/img/fault/base/基础-其他-黄.png" v-if="item[0].resClass=='other'">
<img src="../src/style/img/fault/base/基础-操作系统-黄.png" v-if="item[0].resClass=='system'">
<img src="../src/style/img/fault/base/基础-中间件-黄.png" v-if="item[0].resClass=='middleware'">
</el-col>
<el-col :span="16">
这是资源名称啊啊啊啊啊啊啊<br>
IP地址：127.0.0.0.111111
{{item[0].resName}}<br>
{{item[0].ipAddr}}
</el-col>
<el-col :span="4" class="align-right">
<i class="iconfont icon-gengduo-shuxiang" style="font-size: 30px;"></i>
</el-col>
</el-row>
<el-row style="height: 70px;padding: 10px 30px;">
<el-row style="height: 70px;padding: 10px 30px;" v-if="item[0].resClass=='system'">
<el-col :span="4" class="align-center">
<img src="../src/style/img/fault/base/连接失败.png">
<img v-if="item[3].diagnosisResult =='连接成功'" src="../src/style/img/fault/base/linkSucccess.png" >
<img v-else src="../src/style/img/fault/base/linkError.png" >
</el-col>
<el-col :span="1" style="line-height: 36px;color: gainsboro;">
|
</el-col>
<el-col :span="4" class="align-center">
<img src="../src/style/img/fault/base/CPU-绿.png"><br/>
21%
{{item[2].diagnosisResult}}
</el-col>
<el-col :span="1" style="line-height: 36px;color: gainsboro;">
|
</el-col>
<el-col :span="4" class="align-center">
<img src="../src/style/img/fault/base/内存.png"><br/>
21%
{{item[1].diagnosisResult}}%
</el-col>
<el-col :span="1" style="line-height: 36px;color: gainsboro;">
|
</el-col>
<el-col :span="4" class="align-center">
<img src="../src/style/img/fault/base/alarm.png"><br/>
21%
{{item[0].alarmNum}}
</el-col>
<el-col :span="1" style="line-height: 36px;color: gainsboro;">
|
</el-col>
<el-col :span="4" class="align-center">
<img src="../src/style/img/fault/base/时间-绿.png"><br/>
30分钟
{{item[0].collTimeRecent}}
</el-col>
</el-row>
<el-row style="height: 70px;padding: 10px 30px;" v-if="item[0].resClass!='system'">
<el-col :span="4" class="align-center" v-if="item[0].resClass!='middleware'">
<img src="../src/style/img/fault/base/linkSucccess.png" v-if="item[0].diagnosisResult=='连接成功'">
<img src="../src/style/img/fault/base/linkError.png" v-else>
</el-col>
<el-col :span="4" class="align-center" v-else>
<img src="../src/style/img/fault/base/linkSucccess.png">
<img src="../src/style/img/fault/base/linkError.png">
</el-col>
<el-col :span="1" style="line-height: 36px;color: gainsboro;">
|
</el-col>
<div class="d-flex" style="align-self: center;padding-bottom: 21px;">
<img src="../src/style/img/fault/base/alarm.png">
<span style="padding: 3px 0px 0px 6px;">{{item[0].alarmNum}}</span>
</div>
<div class="d-flex" style="align-self: center;padding-bottom: 21px;padding-left: 175px;">
<img src="../src/style/img/fault/base/时间-绿.png">
<span>{{item[0].collTimeRecent}}</span>
</div>
</el-row>
</div>
</div>
... ...
... ... @@ -15,7 +15,6 @@ export default {
},
computed: {},
setup(props) {
debugger
const {proxy} = Vue.getCurrentInstance();
// let networkMonitorList = Vue.ref([{
// linkName:'链路1',
... ...