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
<el-row class="netLink margin-bottom-10" v-for="(itemLink,index) in networkMonitorList">
<el-col :span="24" class="flex-div-start margin-bottom-10">{{itemLink.linkName}}</el-col>
<el-col :span="3" v-for="(itemNode,indexNode) in itemLink.nodeData" class="max-width-134">
<div class="list-step flex-div-start">
<div class="list-step-top flex-div">
<div>
<div class="d-flex">
<img src="../src/style/img/fault/netlink.gif" style="height: 49px;width: 49px;margin-top: 6px;">
<h3 style="margin-left: 10px;color: #666666;font-size: 18px">网络链路</h3>
</div>
<el-divider/>
<el-row class="netLink margin-bottom-10" v-for="(itemLink,index) in networkMonitorList">
<el-col :span="24" class="flex-div-start margin-bottom-10">{{itemLink.linkName}}</el-col>
<el-col :span="3" v-for="(itemNode,indexNode) in itemLink.nodeData" class="max-width-134">
<div class="list-step flex-div-start">
<div class="list-step-top flex-div">
<div :class="['step-img-link','flex-div-center',{'isActiveG':itemNode[0].state==0,'isActiveY':itemNode[0].state==1}]" style="cursor: default">
<i class="icon-step flex-div-center">
<img v-if="!itemNode[0].resType" :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt="">
<img v-if="itemNode[0].resType" :src="'/src/style/img/fault/'+itemNode[0].resType+'.png'" alt="">
</i>
<div style="line-height: 60px;" class="m-l-6">
<el-tooltip v-if="itemNode[0].name"
effect="light"
placement="top-start">
<template #content>
{{itemNode[0].name}}
</template>
<i class="icon-step flex-div-center">
<img v-if="!itemNode[0].resType" :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt="">
<img v-if="itemNode[0].resType" :src="'/src/style/img/fault/'+itemNode[0].resType+'.png'" alt="">
</i>
</el-tooltip>
<i v-else class="icon-step flex-div-center">
<img v-if="!itemNode[0].resType" :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt="">
<img v-if="itemNode[0].resType" :src="'/src/style/img/fault/'+itemNode[0].resType+'.png'" alt="">
</i>
</div>
</div>
<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>
</div>
<div class="list-step-name flex-div-start">
</div>
<div class="list-step-name flex-div-start">
<span class="text-overflow width-100" :title="itemNode[0].nodeName">
{{itemNode[0].nodeName}}
</span>
<span class="list-line-none"></span>
<span class="list-line-none"></span>
</div>
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
... ...