wangfei
2024-08-09 d62a5f34ef60949ef6bef74fd9c48c20b4e65d83
UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue
@@ -47,6 +47,7 @@
  { x: 140, y: 280, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' } }
  
]);
watchEffect(() => {
  // 触发数据变化时重新渲染
});
@@ -60,6 +61,7 @@
    return rack.x + (rack.width - item.width) / 2;
  }
};
const calculateItemYPosition = (rack, item, index) => {
  if (index === 0) {
    return rack.y + (rack.height - item.height) / 2;
@@ -69,9 +71,12 @@
    return rack.y + rack.height - item.height;
  }
};
const fetchFlowCardId = async () => {
  try {
    const response = await request.get('unLoadGlass/downWorkStation/getwo2');
    if (response.code === 200) {
      console.log(response); 
      // 遍历响应数据并替换racks数组中的item属性
@@ -86,14 +91,22 @@
      height: itemData.item.height === 0 ? "" : 90
    };
    console.log(itemData.item.fullCardColor);
    if (index === 2 && itemData.item.width > 0) {
      newItem.width = 100;
      newItem.height = 20;
    }
    rack.item = newItem;
    console.log(racks.value); // 打印更新后的 racks 值
  }
});
    } else {
      ElMessage.error(response.msg);
    }
@@ -101,11 +114,14 @@
    console.error(error);
  }
};
let socket = null;
const socketUrl = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unloadglass3`;
// 定义消息处理函数,更新 receivedData 变量
const handleMessage = (data) => {
  // 更新 tableData 的数据
  data.glassinfo2[0].forEach((itemData, index) => {
  if (index < racks.value.length) {
    const rack = racks.value[index];
@@ -117,11 +133,14 @@
      height: itemData.item.height === 0 ? "" : 90,
      downGlassInfoList:itemData.item.downGlassInfoList
    };
    if (index === 2 && itemData.item.width > 0) {
      newItem.width = 100;
      newItem.height = 20;
    }
    rack.item = newItem;
    //console.log("显示图2",racks.value); // 打印更新后的 racks 值
  }
});
@@ -148,7 +167,9 @@
      <td>${info.height}</td>
    </tr>`;
  });
  tableContent += '</table>';
  Swal.fire({
    title: t('reportWork.glassinformation'),
    // title: '玻璃信息',
@@ -158,6 +179,7 @@
    }
  });
};
    const showRectInfo = (rack) => {
      const content = rack.item.content;
      console.log(rack.item.downGlassInfoList[0].flowCardId)
@@ -166,9 +188,12 @@
    const downGlassInfoList = rack.item.downGlassInfoList;
      console.log(downGlassInfoList)
      showCustomAlert(downGlassInfoList);
   }
    };
</script>
<style scoped>
.glass-rack {
  /* margin-left: 20px; */