修改工作台输送线状态实时更新问题

IPC-610

2024-10-15 778a05f391f4e08ce2d69dbda9a46bb8b5b078c3

 Web/src/views/device/deviceInfo/index.vue

@@ -1,5 +1,5 @@
<template>
   <div class="sys-user-container">
   <div class="sys-user-container" style="overflow: hidden;">
      <el-row>
         <el-col :span="3">
            <el-collapse v-model="activeName">
@@ -19,6 +19,10 @@
                  <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                     <el-switch v-model="state.boDemo" active-text="" inactive-text="演示模式"
                        @change="handleSwitchChange('boDemo', $event)"></el-switch>
                  </el-card>
                  <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                     <el-switch v-model="state.boDrumReversal" active-text="" inactive-text="滚动反转"
                        @change="handleSwitchChange('boDrumReversal', $event)"></el-switch>
                  </el-card>
               </el-collapse-item>

@@ -81,6 +85,7 @@
import { listStatus, listPosition } from '/@/api/wcs/wcsPlc';
import { signalR } from './signalR';
import { cellsDataLine, cellsDataOne, cellsDataTwo, cellsDataThree } from './data';
import { ElMessage } from "element-plus";

const state = ref<any>({});
const stackers = ref<any>({});
@@ -105,9 +110,9 @@
      }
      else if (s.type == 1) {
         // 更新输送线数据
         updateCellData(cellsDataOne, s);
         updateCellData(cellsDataTwo, s);
         updateCellData(cellsDataThree, s);
         updateCellData(cellsDataOne.value, s);
         updateCellData(cellsDataTwo.value, s);
         updateCellData(cellsDataThree.value, s);
      }
   });
};
@@ -136,15 +141,20 @@
   signalR.off('UpdateService');
   signalR.on('UpdateService', (data: any) => {
      state.value = data;
      if (data.error) {
         ElMessage({
            message: data.error,
            type: "error",
         });
      }
   });
   signalR.off('PublicPosition');
   signalR.on('PublicPosition', (data: any) => {

      if (data.type == 1) {
         // 更新输送线数据
         updateCellData(cellsDataOne, data);
         updateCellData(cellsDataTwo, data);
         updateCellData(cellsDataThree, data);
         updateCellData(cellsDataOne.value, data);
         updateCellData(cellsDataTwo.value, data);
         updateCellData(cellsDataThree.value, data);
      }
      else if (data.type == 0) {
         // 更新堆垛机数据
@@ -206,7 +216,7 @@
const activeName = ['1', '2', '3'];

//输送线数据
let cellsData = ref(cellsDataOne);
let cellsData = cellsDataOne.value;


// 层平面状态
@@ -218,8 +228,8 @@

//切换层平面
function floorTogglePlain(buttonNumber) {
   const floorData = [cellsDataOne, cellsDataTwo, cellsDataThree];

   const floorData = [cellsDataOne.value, cellsDataTwo.value, cellsDataThree.value];
   debugger;
   if (buttonNumber >= 1 && buttonNumber <= 3) {
      const index = buttonNumber - 1;
      floorStates.value = {
@@ -227,7 +237,7 @@
         isPlain2: index !== 1,
         isPlain3: index !== 2
      };
      cellsData.value = floorData[index];
      cellsData = floorData[index];
   }
}
</script>