| <template> | 
|   <el-row> | 
|     <el-col :span="21"> | 
|       <DeviceLineVo v-for="device in devices" :key="device.deviceName" :device="device" /> | 
|     </el-col> | 
|   </el-row> | 
| </template> | 
| <script setup> | 
| import { onMounted, ref, reactive, toRaw } from "vue"; | 
| import eventBus from "@/uitils/eventBus"; | 
| import DeviceLineVo from "@/components/DeviceLineVo.vue"; | 
| import DeviceStacker from "@/components/DeviceStacker.vue"; | 
| // 堆垛机 | 
| const Stackers = reactive([]); | 
| var  i=0; | 
| // 设备列表(修改重复设备名称) | 
| const devices = reactive([]); | 
| const num = reactive([]) | 
| onMounted(() => { | 
|   eventBus.on('stackerData', eventData => { | 
|     if (eventData.deviceName === "包装出库输送线") { | 
|     if (devices.length <= 0) { | 
|         devices.push({ deviceName: eventData.deviceName, data: eventData.data, childDeviceCode: eventData.data.childDeviceCode }); | 
|       } | 
|       else { | 
|         const device = devices.find(c => c.childDeviceCode == eventData.data.childDeviceCode) | 
|         if(device){ | 
|           device.data = eventData.data | 
|         }else{ | 
|           devices.push({ deviceName: eventData.deviceName, data: eventData.data, childDeviceCode: eventData.data.childDeviceCode }); | 
|         } | 
|       } | 
|      | 
|     } | 
|   }) | 
|   | 
| }) | 
|   | 
| </script> | 
| <style scoped> | 
|   | 
| </style> |