1

huangxiaoqiang

23 小时以前 2d2d6bf8565f5b89fc9ee054bf6e62f9592f8673

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<template>
   <el-row>
     <el-col :span="24">
       <device-stacker v-for="stacker in Stackers" :key="stacker.deviceName" :Stacker="stacker"></device-stacker>
     </el-col>
   </el-row>
 </template>
 
 <script setup>
 import { onMounted, reactive, toRefs } from "vue";
 import eventBus from "@/uitils/eventBus";
 import DeviceStacker from "@/components/DeviceStacker.vue";
 
 // 堆垛机
 const Stackers = reactive([]);
 
 // 设备列表（修改重复设备名称）
 const devices = reactive([]);
 
 const intToBitArrayFromBinaryString = (num, numBits) => {
   let binaryString = num.toString(2).padStart(numBits, '0');
   return Array.from({ length: numBits }, (_, index) => binaryString[index] === '1');
 };
 
 // 监听设备数据变化
 onMounted(() => {
   eventBus.on('stackerData', eventData => {
       if (Stackers.length == 0) {
         Stackers.push({ deviceName: eventData.deviceName, data: eventData.data });
       }
       else {
         const Stacker = Stackers.find(c => c.deviceName == eventData.deviceName);
         if (Stacker) {
           Stacker.data = eventData.data
         }
         else {
           Stackers.push({ deviceName: eventData.deviceName, data: eventData.data });
         }
       }
   })
 });
 </script>
 <style scoped>
 .Stackerbox {
   width: 550px;
   float: left;
   height: 300px;
 }
  
 .box1 {
   float: left;
 }
 
 .card-body {
   text-align: center;
   border-radius: 6%;
 }
 
 .Stacker {
   background-color: burlywood;
 }
 
 .lis {
   float: left;
   width: 233px;
 }
 </style>