monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit 5b6b0b4beb3442dbc164b5ac14d78dc65604dd93 1 parent 412c0385

基础资源，悬浮展示

Inline Side-by-side
Showing 2 changed files with 39 additions and 1 deletions
@@ -216,4 +216,8 @@ a { @@ -216,4 +216,8 @@ a {
216 cursor: pointer; 216 cursor: pointer;
217 } 217 }
218 218
  219 +.border-solid{
  220 + border: solid 1px #bbb8b8;
  221 +}
  222 +
219 223
@@ -63,7 +63,41 @@ @@ -63,7 +63,41 @@
63 <span style="font-size: 14px">IP地址：{{item.ipAddr}}</span> 63 <span style="font-size: 14px">IP地址：{{item.ipAddr}}</span>
64 </el-col> 64 </el-col>
65 <el-col :span="4" class="align-right"> 65 <el-col :span="4" class="align-right">
66 - <i class="iconfont icon-gengduo-shuxiang" style="font-size: 30px;"></i> 66 + <div style="line-height: 60px;" class="m-l-6">
  67 + <el-tooltip effect="light" >
  68 + <template #content>
  69 + <div style="width: 140px">
  70 + <el-row>
  71 + <el-col :span="12" class="align-left border-solid p-6">
  72 + 链接状态
  73 + </el-col>
  74 + <el-col :span="12" class="align-right border-solid p-6">
  75 + {{item.linkState}}
  76 + </el-col>
  77 + <el-col :span="12" class="align-left border-solid p-6" >
  78 + CPU
  79 + </el-col>
  80 + <el-col :span="12" class="align-right border-solid p-6">
  81 + {{item.cpu}}
  82 + </el-col>
  83 + <el-col :span="12" class="align-left border-solid p-6">
  84 + 内存
  85 + </el-col>
  86 + <el-col :span="12" class="align-right border-solid p-6">
  87 + {{item.men}}
  88 + </el-col>
  89 + <el-col :span="12" class="align-left border-solid p-6">
  90 + 告警量
  91 + </el-col>
  92 + <el-col :span="12" class="align-right border-solid p-6">
  93 + {{item.alarm}}
  94 + </el-col>
  95 + </el-row>
  96 + </div>
  97 + </template>
  98 + <i class="iconfont icon-gengduo-shuxiang" style="font-size: 30px;"></i>
  99 + </el-tooltip>
  100 + </div>
67 </el-col> 101 </el-col>
68 </el-row> 102 </el-row>
69 103