YiWuProject.git

parent: 8a6449f4 | 补丁 | 提交 | ignore whitespace

wangfei

2024-08-09 b9dfa6dcc2defcfd2d570ad8b6808c14906c5c16

下片台下方图片颜色增加新状态

2个文件已修改

	UI-Project/src/views/UnLoadGlass/Landingindication.vue	38 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue	35 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 UI-Project/src/views/UnLoadGlass/Landingindication.vue

@@ -30,10 +30,8 @@
    </div>
  </div>
</template>

<script  setup>
import { ref, watchEffect ,onMounted,onUnmounted} from 'vue';

import { useI18n } from 'vue-i18n'
  const { t } = useI18n()
  let language = ref(localStorage.getItem('lang') || 'zh')
@@ -49,12 +47,9 @@
  { x: 140, y: 280, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' ,downGlassInfoList:""} }
  
]);

watchEffect(() => {
  // 触发数据变化时重新渲染
});


const calculateItemXPosition = (rack, item, index) => {
  if (index === 0 ) {
    return rack.x;
@@ -64,7 +59,6 @@
    return rack.x + (rack.width - item.width) / 2;
  }
};

const calculateItemYPosition = (rack, item, index) => {
  if (index === 0 ) {
    return rack.y + (rack.height - item.height) / 2;
@@ -74,41 +68,31 @@
    return rack.y + rack.height - item.height;
  }
};


const fetchFlowCardId = async () => {
  try {
    const response = await request.get('unLoadGlass/downWorkStation/getwo');
    
    if (response.code === 200) {
      console.log(response); 
      // 遍历响应数据并替换racks数组中的item属性
      response.data.forEach((itemData, index) => {
  if (index < racks.value.length) {
    const rack = racks.value[index];
    const newItem = {
      rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
      const newItem = {
      content: itemData.item.content,
      fillColor: itemData.item.fillColor,
      width: itemData.item.width === 0 ? "" : 10,
      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(racks.value); // 打印更新后的 racks 值
  }
});



      
     
    } else {
      ElMessage.error(response.msg);
    }
@@ -121,28 +105,23 @@
//const socketUrl = `ws://${WebSocketHost}:88/api/unLoadGlass/api/talk/unloadglass2`;
// 定义消息处理函数，更新 receivedData 变量
const handleMessage = (data) => {

  // 更新 tableData 的数据

  data.glassinfo[0].forEach((itemData, index) => {
  if (index < racks.value.length) {
    const rack = racks.value[index];
    const newItem = {
      rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
      const newItem = {
      content: itemData.item.content,
      fillColor: itemData.item.fillColor,
      width: itemData.item.width === 0 ? "" : 10,
      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("显示图1",racks.value); // 打印更新后的 racks 值
  }
});
@@ -169,9 +148,7 @@
      <td>${info.height}</td>
    </tr>`;
  });

  tableContent += '</table>';

  Swal.fire({
    // title: '玻璃信息',
    title: t('reportWork.glassinformation'),
@@ -181,8 +158,6 @@
    }
  });
};


    const showRectInfo = (rack) => {
      const content = rack.item.content;
      console.log(rack.item.downGlassInfoList[0].flowCardId)
@@ -191,14 +166,9 @@
    const downGlassInfoList = rack.item.downGlassInfoList;
      console.log(downGlassInfoList)
      showCustomAlert(downGlassInfoList);

   }
 
    };


</script>

<style scoped>
.glass-rack {
  /* margin-left: 10px; */

 UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue

@@ -30,10 +30,8 @@
    </div>
  </div>
</template>

<script setup>
import { ref, watchEffect ,onMounted,onUnmounted} from 'vue';

import { useI18n } from 'vue-i18n'
  const { t } = useI18n()
  let language = ref(localStorage.getItem('lang') || 'zh')
@@ -49,7 +47,6 @@
  { x: 140, y: 280, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' } }
  
]);

watchEffect(() => {
  // 触发数据变化时重新渲染
});
@@ -63,7 +60,6 @@
    return rack.x + (rack.width - item.width) / 2;
  }
};

const calculateItemYPosition = (rack, item, index) => {
  if (index === 0) {
    return rack.y + (rack.height - item.height) / 2;
@@ -73,40 +69,31 @@
    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属性
      response.data.forEach((itemData, index) => {
  if (index < racks.value.length) {
    const rack = racks.value[index];
    const newItem = {
      rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
      const newItem = {
      content: itemData.item.content,
      fillColor: itemData.item.fillColor,
      width: itemData.item.width === 0 ? "" : 10,
      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);
    }
@@ -114,32 +101,27 @@
    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];
    const newItem = {
      rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
      const newItem = {
      content: itemData.item.content,
      fillColor: itemData.item.fillColor,
      width: itemData.item.width === 0 ? "" : 10,
      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 值
  }
});
@@ -166,9 +148,7 @@
      <td>${info.height}</td>
    </tr>`;
  });

  tableContent += '</table>';

  Swal.fire({
    title: t('reportWork.glassinformation'),
    // title: '玻璃信息',
@@ -178,8 +158,6 @@
    }
  });
};


    const showRectInfo = (rack) => {
      const content = rack.item.content;
      console.log(rack.item.downGlassInfoList[0].flowCardId)
@@ -188,12 +166,9 @@
    const downGlassInfoList = rack.item.downGlassInfoList;
      console.log(downGlassInfoList)
      showCustomAlert(downGlassInfoList);

   }
 
    };
</script>

<style scoped>
.glass-rack {
  /* margin-left: 20px; */

			@@ -30,10 +30,8 @@
			</div>
			</div>
			</template>

			<script setup>
			import { ref, watchEffect ,onMounted,onUnmounted} from 'vue';

			import { useI18n } from 'vue-i18n'
			const { t } = useI18n()
			let language = ref(localStorage.getItem('lang') \|\| 'zh')
			@@ -49,12 +47,9 @@
			{ x: 140, y: 280, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' ,downGlassInfoList:""} }

			]);

			watchEffect(() => {
			// 触发数据变化时重新渲染
			});


			const calculateItemXPosition = (rack, item, index) => {
			if (index === 0 ) {
			return rack.x;
			@@ -64,7 +59,6 @@
			return rack.x + (rack.width - item.width) / 2;
			}
			};

			const calculateItemYPosition = (rack, item, index) => {
			if (index === 0 ) {
			return rack.y + (rack.height - item.height) / 2;
			@@ -74,41 +68,31 @@
			return rack.y + rack.height - item.height;
			}
			};


			const fetchFlowCardId = async () => {
			try {
			const response = await request.get('unLoadGlass/downWorkStation/getwo');

			if (response.code === 200) {
			console.log(response);
			// 遍历响应数据并替换racks数组中的item属性
			response.data.forEach((itemData, index) => {
			if (index < racks.value.length) {
			const rack = racks.value[index];
			const newItem = {
			rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
			const newItem = {
			content: itemData.item.content,
			fillColor: itemData.item.fillColor,
			width: itemData.item.width === 0 ? "" : 10,
			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(racks.value); // 打印更新后的 racks 值
			}
			});





			} else {
			ElMessage.error(response.msg);
			}
			@@ -121,28 +105,23 @@
			//const socketUrl = `ws://${WebSocketHost}:88/api/unLoadGlass/api/talk/unloadglass2`;
			// 定义消息处理函数，更新 receivedData 变量
			const handleMessage = (data) => {

			// 更新 tableData 的数据

			data.glassinfo[0].forEach((itemData, index) => {
			if (index < racks.value.length) {
			const rack = racks.value[index];
			const newItem = {
			rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
			const newItem = {
			content: itemData.item.content,
			fillColor: itemData.item.fillColor,
			width: itemData.item.width === 0 ? "" : 10,
			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("显示图1",racks.value); // 打印更新后的 racks 值
			}
			});
			@@ -169,9 +148,7 @@
			<td>${info.height}</td>
			</tr>`;
			});

			tableContent += '</table>';

			Swal.fire({
			// title: '玻璃信息',
			title: t('reportWork.glassinformation'),
			@@ -181,8 +158,6 @@
			}
			});
			};


			const showRectInfo = (rack) => {
			const content = rack.item.content;
			console.log(rack.item.downGlassInfoList[0].flowCardId)
			@@ -191,14 +166,9 @@
			const downGlassInfoList = rack.item.downGlassInfoList;
			console.log(downGlassInfoList)
			showCustomAlert(downGlassInfoList);

			}

			};


			</script>

			<style scoped>
			.glass-rack {
			/* margin-left: 10px; */