配饰组件ws更新

wj-data-vision/src/components/CrossControl/crossControl.vue

@@ -26,15 +26,13 @@
                 (allCyclelen / (ring.groupList.length * item.phaseList.length))
             "
           >
-            <div
-              class="phase_box"
-              style="width: 100%"
-            >
+            <div class="phase_box" style="width: 100%">
               <template v-for="(ld, li) in lampList">
                 <div
                   :key="li"
                   :style="getLampStyle(ld, pd)"
                   class="lampbox"
+                  :class="{ 'lampbox-active': activePhaseId === pd.phaseNo }"
                   v-if="pd[ld.key] > 0 && !ld.exclude"
                 >
                   {{ pd[ld.key] }}
@@ -78,7 +76,7 @@
 
 <script>
 import { api_planList } from "../../dao/situation";
-// import wsMixins from './wsMixins.js';
+import wsMixins from "./wsMixins.js";
 export default {
   data() {
     return {
@@ -171,7 +169,7 @@ export default {
       timeConfigDialogShow: false,
     };
   },
-  // mixins: [wsMixins],
+  mixins: [wsMixins],
   props: ["crossId", "source", "type", "specialList", "allData"],
   // props: ["phaseChartData", "allCyclelen", "phaseImgMaps", "lampList"],
   mounted() {
@@ -495,11 +493,9 @@ export default {
     display: flex;
     flex: 1;
     position: relative;
-    &:nth-child(2) {
-      .lampbox:nth-child(1) {
-        border: 2.68px solid #00ffee;
-        transform: scaleY(1.5);
-      }
+    .lampbox-active {
+      border: 2.68px solid #00ffee;
+      transform: scaleY(1.5);
     }
   }
 

wj-data-vision/src/components/CrossControl/wsMixins.js

@@ -13,8 +13,6 @@ export default {
   },
   methods: {
     getCrossWs() {
-      console.log(ws_config.CROSS_CONTROL);
-      console.log(this.crossId);
       this.websocket = init({
         url: ws_config.CROSS_CONTROL + this.crossId,
         callBack: (res) => {