运营

src/views/yunying.vue

@@ -23,7 +23,13 @@
         <div class="style-line"></div>
         <div class="style-line"></div>
       </div>
       </div>
       <div class="submit-box">
       <div class="submit-box">
-        <div class="btn2" v-for="(item, index) in roomList" :key="index">
+        <div
+          class="btn2"
+          v-for="(item, index) in roomList"
+          :key="index"
+          :class="{ active: equipmentRoomIndex == index }"
+          @click="equipmentRoomClick(index)"
+        >
           {{ item.equipmentRoomName }}
           {{ item.equipmentRoomName }}
         </div>
         </div>
       </div>
       </div>
@@ -60,6 +66,7 @@ export default {
     return {
     return {
       activeIndex: 0,
       activeIndex: 0,
       btnList: ["设备房", "工单详情"],
       btnList: ["设备房", "工单详情"],
+      equipmentRoomIndex: -1,
       // 设备房，工单详情，暂缺。结构对比就展示楼栋/楼层列表
       // 设备房，工单详情，暂缺。结构对比就展示楼栋/楼层列表
       listL: [],
       listL: [],
       listR: [],
       listR: [],
@@ -116,6 +123,24 @@ export default {
         });
         });
       }
       }
     },
     },
+    // 设备房点击
+    equipmentRoomClick(index) {
+      console.log(this.roomList);
+      console.log(this.roomList[index]);
+      if (this.equipmentRoomIndex == index) {
+        this.equipmentRoomIndex = -1;
+        this.$axios.post("/osc/sendString", {
+          arg: "111",
+          name: "/SBFTC_CLOSE_OSC",
+        });
+      } else {
+        this.equipmentRoomIndex = index;
+        this.$axios.post("/osc/sendString", {
+          arg: this.roomList[index].equipmentRoomUid,
+          name: "/SBFTC_OSC",
+        });
+      }
+    },
   },
   },
   watch: {
   watch: {
     buildActiveIndex(n) {
     buildActiveIndex(n) {