monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by xwx
Commit dd895e24d21ded1daf3f594807fe3a0c49c9e592 2 parents df9bc0d3 2cf74c2a

Merge branch 'master' of http://113.200.75.45:82/monitor_v3/hg-monitor-web into master-v32-xwx

Inline Side-by-side
Showing 2 changed files with 39 additions and 16 deletions
1 -<el-row class="netLink margin-bottom-10" v-for="(itemLink,index) in networkMonitorList">  
2 - <el-col :span="24" class="flex-div-start margin-bottom-10">{{itemLink.linkName}}</el-col>  
3 -  
4 - <el-col :span="3" v-for="(itemNode,indexNode) in itemLink.nodeData" class="max-width-134">  
5 - <div class="list-step flex-div-start">  
6 - <div class="list-step-top flex-div"> 1 +<div>
  2 + <div class="d-flex">
  3 + <img src="../src/style/img/fault/netlink.gif" style="height: 49px;width: 49px;margin-top: 6px;">
  4 + <h3 style="margin-left: 10px;color: #666666;font-size: 18px">网络链路</h3>
  5 + </div>
  6 + <el-divider/>
  7 + <el-row class="netLink margin-bottom-10" v-for="(itemLink,index) in networkMonitorList">
  8 + <el-col :span="24" class="flex-div-start margin-bottom-10">{{itemLink.linkName}}</el-col>
  9 + <el-col :span="3" v-for="(itemNode,indexNode) in itemLink.nodeData" class="max-width-134">
  10 + <div class="list-step flex-div-start">
  11 + <div class="list-step-top flex-div">
7 <div :class="['step-img-link','flex-div-center',{'isActiveG':itemNode[0].state==0,'isActiveY':itemNode[0].state==1}]" style="cursor: default"> 12 <div :class="['step-img-link','flex-div-center',{'isActiveG':itemNode[0].state==0,'isActiveY':itemNode[0].state==1}]" style="cursor: default">
8 - <i class="icon-step flex-div-center">  
9 - <img v-if="!itemNode[0].resType" :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt="">  
10 - <img v-if="itemNode[0].resType" :src="'/src/style/img/fault/'+itemNode[0].resType+'.png'" alt="">  
11 - </i> 13 +
  14 + <div style="line-height: 60px;" class="m-l-6">
  15 + <el-tooltip v-if="itemNode[0].name"
  16 + effect="light"
  17 + placement="top-start">
  18 + <template #content>
  19 + {{itemNode[0].name}}
  20 + </template>
  21 + <i class="icon-step flex-div-center">
  22 + <img v-if="!itemNode[0].resType" :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt="">
  23 + <img v-if="itemNode[0].resType" :src="'/src/style/img/fault/'+itemNode[0].resType+'.png'" alt="">
  24 + </i>
  25 + </el-tooltip>
  26 + <i v-else class="icon-step flex-div-center">
  27 + <img v-if="!itemNode[0].resType" :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt="">
  28 + <img v-if="itemNode[0].resType" :src="'/src/style/img/fault/'+itemNode[0].resType+'.png'" alt="">
  29 + </i>
  30 + </div>
  31 +
  32 +
12 </div> 33 </div>
13 <span v-if="itemNode[1] && indexNode+1<itemLink.nodeList.length" :class="['list-line','list-line-netLink',{'isActiveG':itemNode[1].state==0,'isActiveY':itemNode[1].state==1}]"></span> 34 <span v-if="itemNode[1] && indexNode+1<itemLink.nodeList.length" :class="['list-line','list-line-netLink',{'isActiveG':itemNode[1].state==0,'isActiveY':itemNode[1].state==1}]"></span>
14 - </div>  
15 - <div class="list-step-name flex-div-start"> 35 + </div>
  36 + <div class="list-step-name flex-div-start">
16 <span class="text-overflow width-100" :title="itemNode[0].nodeName"> 37 <span class="text-overflow width-100" :title="itemNode[0].nodeName">
17 {{itemNode[0].nodeName}} 38 {{itemNode[0].nodeName}}
18 </span> 39 </span>
19 - <span class="list-line-none"></span> 40 + <span class="list-line-none"></span>
  41 + </div>
  42 +
20 </div> 43 </div>
  44 + </el-col>
  45 + </el-row>
21 46
22 - </div>  
23 - </el-col>  
24 -</el-row> 47 +</div>