feat:全链路监测中PDU设备连线

src/components/service/FullLink/index.vue

@@ -191,6 +191,7 @@ export default {
       return [this.theme, this.square ? 'square' : ''].join(' ')
     },
     linkState () {
+      console.log(`this.linkDeviceMap :${Array.from(this.linkDeviceMap)}`)
       return { ...this.linkDeviceMap }
     },
     items () {
@@ -226,15 +227,17 @@ export default {
         ) && !to.some(
           ({ key, enable }) => !enable && state[key] > Status.NONE
         )
+        const linkName = enable
+          ? this.hasLink(state[from]) && !to.some(({ key, enable }) => enable && !this.hasLink(state[key]))
+            ? 'linked'
+            : ''
+          : 'u-hidden'
+        // console.log("key:"+key+"  linkName:"+linkName+" from:"+from+" enable："+enable+" to:"+to[0].key)
+
         return {
           key: `line${key}`,
           className: [
-            `l${key}`,
-            enable
-              ? this.hasLink(state[from]) && !to.some(({ key, enable }) => enable && !this.hasLink(state[key]))
-                ? 'linked'
-                : ''
-              : 'u-hidden'
+            `l${key}`, linkName
           ].join(' ')
         }
       })
@@ -389,6 +392,7 @@ export default {
             } else {
               linkDeviceMap[nodeType] = status
             }
+            console.log(`pdu instance.status:${instance.status}  status:${status}  linkDeviceMap[nodeType]:${linkDeviceMap[nodeType]}`)
           } else if (requiredMap[nodeType]) {
             if (instance) {
               const status = instance.onlineStatus === 1 ? Status.OK : Status.ERROR
@@ -606,7 +610,12 @@ export default {
         width: 108px;
         transform: rotate(90deg);
       }
-
+      &.l16 {
+        top: 334px;
+        left: 122px;
+        width: 108px;
+        transform: rotate(90deg);
+      }
       &.l6,
       &.l15 {
         top: 334px;
@@ -841,13 +850,17 @@ export default {
     transform: skewY(30deg);
     transform-origin: left;
   }
-
+  &.l16{
+    transform: skewY(30deg);
+    transform-origin: left;
+    @include getPosition(166px, 250px, 154px, 2px);
+  }
   &.l6,
   &.l15 {
     @include getPosition(230px, 208px, 200px, 2px);
   }
 
-  &.l6.linked ~ &.l15 {
+  &.l6.linked ~ &.l16 {
     display: none;
   }