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 26 additions and 3 deletions
1 -<el-row class="netLink margin-bottom-10" v-for="(itemLink,index) in networkMonitorList"> 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">
2 <el-col :span="24" class="flex-div-start margin-bottom-10">{{itemLink.linkName}}</el-col> 8 <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"> 9 <el-col :span="3" v-for="(itemNode,indexNode) in itemLink.nodeData" class="max-width-134">
5 <div class="list-step flex-div-start"> 10 <div class="list-step flex-div-start">
6 <div class="list-step-top flex-div"> 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">
  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>
8 <i class="icon-step flex-div-center"> 21 <i class="icon-step flex-div-center">
9 <img v-if="!itemNode[0].resType" :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt=""> 22 <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=""> 23 <img v-if="itemNode[0].resType" :src="'/src/style/img/fault/'+itemNode[0].resType+'.png'" alt="">
11 </i> 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> 35 </div>
@@ -21,4 +42,6 @@ @@ -21,4 +42,6 @@
21 42
22 </div> 43 </div>
23 </el-col> 44 </el-col>
24 -</el-row> 45 + </el-row>
  46 +
  47 +</div>