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 @@ @@ -55,11 +55,11 @@
55 </div> 55 </div>
56 <div v-if="cardOpen" 56 <div v-if="cardOpen"
57 style="margin-top:20px;background-color: whitesmoke;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 26px 26px 0px 26px;"> 57 style="margin-top:20px;background-color: whitesmoke;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 26px 26px 0px 26px;">
58 - <div v-for="item in apmCard.item" style="width: 50%;overflow: hidden;"> 58 + <div v-for="item in card" style="width: 50%;overflow: hidden;">
59 <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"> 59 <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">
60 - <div style="color: white;font-size: 25px;">{{item.name}}</div> 60 + <div style="color: white;font-size: 25px;">{{item[0].name}}</div>
61 <img src="../src/style/img/apmAbout.png" style="padding-top: 30px;"> 61 <img src="../src/style/img/apmAbout.png" style="padding-top: 30px;">
62 - <div style="padding-top: 30px;font-size: 20px;">应用：<span>{{item.use}}</span></div> 62 + <div style="padding-top: 30px;font-size: 20px;">应用：<span>{{item[0].use}}</span></div>
63 <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#aed6f4 size=1> 63 <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#aed6f4 size=1>
64 <div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;"> 64 <div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;">
65 <div style="width: 200px;margin-left: 10px;display: flex;align-self: center;"> 65 <div style="width: 200px;margin-left: 10px;display: flex;align-self: center;">
@@ -67,8 +67,8 @@ @@ -67,8 +67,8 @@
67 <span>{{item.time}}</span> 67 <span>{{item.time}}</span>
68 </div> 68 </div>
69 <div style="width: 200px;margin-left: 20px;display: flex;align-self: center;"> 69 <div style="width: 200px;margin-left: 20px;display: flex;align-self: center;">
70 - <span style="margin: 0px 6px 0px 6px;width: 95px">响应时间:</span>  
71 - <span>{{item.Fullgc}}</span> 70 + <span style="margin: 0px 6px 0px 6px;width: 95px">Fullgc:</span>
  71 + <span>{{item[0].count}}</span>
72 </div> 72 </div>
73 </div> 73 </div>
74 <div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;"> 74 <div style="text-align: left;display: flex;margin-top: 10px;margin-left: 76px;font-size: 18px;">
@@ -57,49 +57,76 @@ @@ -57,49 +57,76 @@
57 <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;"> 57 <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;">
58 <el-row style="height: 70px;padding: 10px 30px;"> 58 <el-row style="height: 70px;padding: 10px 30px;">
59 <el-col :span="4" style="line-height: 55px;"> 59 <el-col :span="4" style="line-height: 55px;">
60 - <img src="../src/style/img/fault/base/基础-数据库-黄.png"> 60 + <img src="../src/style/img/fault/base/基础-数据库-黄.png" v-if="item[0].resClass=='database'">
  61 + <img src="../src/style/img/fault/base/基础-其他-黄.png" v-if="item[0].resClass=='other'">
  62 + <img src="../src/style/img/fault/base/基础-操作系统-黄.png" v-if="item[0].resClass=='system'">
  63 + <img src="../src/style/img/fault/base/基础-中间件-黄.png" v-if="item[0].resClass=='middleware'">
61 </el-col> 64 </el-col>
62 <el-col :span="16"> 65 <el-col :span="16">
63 - 这是资源名称啊啊啊啊啊啊啊<br>  
64 - IP地址：127.0.0.0.111111 66 + {{item[0].resName}}<br>
  67 + {{item[0].ipAddr}}
65 </el-col> 68 </el-col>
66 <el-col :span="4" class="align-right"> 69 <el-col :span="4" class="align-right">
67 <i class="iconfont icon-gengduo-shuxiang" style="font-size: 30px;"></i> 70 <i class="iconfont icon-gengduo-shuxiang" style="font-size: 30px;"></i>
68 </el-col> 71 </el-col>
69 </el-row> 72 </el-row>
70 73
71 - <el-row style="height: 70px;padding: 10px 30px;"> 74 + <el-row style="height: 70px;padding: 10px 30px;" v-if="item[0].resClass=='system'">
72 <el-col :span="4" class="align-center"> 75 <el-col :span="4" class="align-center">
73 - <img src="../src/style/img/fault/base/连接失败.png"> 76 + <img v-if="item[3].diagnosisResult =='连接成功'" src="../src/style/img/fault/base/linkSucccess.png" >
  77 + <img v-else src="../src/style/img/fault/base/linkError.png" >
74 </el-col> 78 </el-col>
75 <el-col :span="1" style="line-height: 36px;color: gainsboro;"> 79 <el-col :span="1" style="line-height: 36px;color: gainsboro;">
76 | 80 |
77 </el-col> 81 </el-col>
78 <el-col :span="4" class="align-center"> 82 <el-col :span="4" class="align-center">
79 <img src="../src/style/img/fault/base/CPU-绿.png"><br/> 83 <img src="../src/style/img/fault/base/CPU-绿.png"><br/>
80 - 21% 84 + {{item[2].diagnosisResult}}
81 </el-col> 85 </el-col>
82 <el-col :span="1" style="line-height: 36px;color: gainsboro;"> 86 <el-col :span="1" style="line-height: 36px;color: gainsboro;">
83 | 87 |
84 </el-col> 88 </el-col>
85 <el-col :span="4" class="align-center"> 89 <el-col :span="4" class="align-center">
86 <img src="../src/style/img/fault/base/内存.png"><br/> 90 <img src="../src/style/img/fault/base/内存.png"><br/>
87 - 21% 91 + {{item[1].diagnosisResult}}%
88 </el-col> 92 </el-col>
89 <el-col :span="1" style="line-height: 36px;color: gainsboro;"> 93 <el-col :span="1" style="line-height: 36px;color: gainsboro;">
90 | 94 |
91 </el-col> 95 </el-col>
92 <el-col :span="4" class="align-center"> 96 <el-col :span="4" class="align-center">
93 <img src="../src/style/img/fault/base/alarm.png"><br/> 97 <img src="../src/style/img/fault/base/alarm.png"><br/>
94 - 21% 98 + {{item[0].alarmNum}}
95 </el-col> 99 </el-col>
96 <el-col :span="1" style="line-height: 36px;color: gainsboro;"> 100 <el-col :span="1" style="line-height: 36px;color: gainsboro;">
97 | 101 |
98 </el-col> 102 </el-col>
99 <el-col :span="4" class="align-center"> 103 <el-col :span="4" class="align-center">
100 <img src="../src/style/img/fault/base/时间-绿.png"><br/> 104 <img src="../src/style/img/fault/base/时间-绿.png"><br/>
101 - 30分钟 105 + {{item[0].collTimeRecent}}
  106 + </el-col>
  107 + </el-row>
  108 + <el-row style="height: 70px;padding: 10px 30px;" v-if="item[0].resClass!='system'">
  109 + <el-col :span="4" class="align-center" v-if="item[0].resClass!='middleware'">
  110 + <img src="../src/style/img/fault/base/linkSucccess.png" v-if="item[0].diagnosisResult=='连接成功'">
  111 + <img src="../src/style/img/fault/base/linkError.png" v-else>
102 </el-col> 112 </el-col>
  113 + <el-col :span="4" class="align-center" v-else>
  114 + <img src="../src/style/img/fault/base/linkSucccess.png">
  115 + <img src="../src/style/img/fault/base/linkError.png">
  116 + </el-col>
  117 + <el-col :span="1" style="line-height: 36px;color: gainsboro;">
  118 + |
  119 + </el-col>
  120 +
  121 + <div class="d-flex" style="align-self: center;padding-bottom: 21px;">
  122 + <img src="../src/style/img/fault/base/alarm.png">
  123 + <span style="padding: 3px 0px 0px 6px;">{{item[0].alarmNum}}</span>
  124 + </div>
  125 +
  126 + <div class="d-flex" style="align-self: center;padding-bottom: 21px;padding-left: 175px;">
  127 + <img src="../src/style/img/fault/base/时间-绿.png">
  128 + <span>{{item[0].collTimeRecent}}</span>
  129 + </div>
103 </el-row> 130 </el-row>
104 </div> 131 </div>
105 </div> 132 </div>
@@ -15,7 +15,6 @@ export default { @@ -15,7 +15,6 @@ export default {
15 }, 15 },
16 computed: {}, 16 computed: {},
17 setup(props) { 17 setup(props) {
18 - debugger  
19 const {proxy} = Vue.getCurrentInstance(); 18 const {proxy} = Vue.getCurrentInstance();
20 // let networkMonitorList = Vue.ref([{ 19 // let networkMonitorList = Vue.ref([{
21 // linkName:'链路1', 20 // linkName:'链路1',