网络链路样式调整

-<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>