更新页面和后台推送数据

wu

2024-09-26 1f9b919d9eabf39f388b9827f2042dca3603152c

 UI-Project/src/views/MechanicalArm/mechanicalArm.vue

@@ -23,6 +23,7 @@
  // 更新 tableData 的数据
  loadData.value = data.taskingList[0];
  findMachine.value = data.machine[0];
  // console.log(data);
};
onUnmounted(() => {
  if (socket) {
@@ -37,6 +38,7 @@
onMounted(async () => {
  //使用WebSocket方式展示数据
  socket = initializeWebSocket(socketUrl, handleMessage);// 初始化 WebSocket，并传递消息处理函数


  //使用接口方式展示数据
  //load();
@@ -261,9 +263,9 @@
      <!-- 画图内容 -->
      <div style="width: 200px; height: 100px; background-color: red; position: relative; top: 271px; left: 158px">
        <div style="width: 500px; height: 300px; position: relative; top: -250PX; left: 800px">
          <el-table :data="loadData" stripe
        :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129', textAlign: 'center' }"
        :cell-style="{ textAlign: 'center' }">
          <el-table :data="loadData" stripe class="custom-table"
        :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129', textAlign: 'center',height: '80px'}"
        :cell-style="{ textAlign: 'center',height: '80px'}">
        <!-- <el-table-column type="selection" min-width="30" /> -->
        <el-table-column type="index" :label="$t('glassInfo.number')" min-width="55" />
        <el-table-column prop="batchNumber" :label="$t('glassInfo.batchNumber')"/>
@@ -286,6 +288,7 @@
</template>

<style scoped>

table {
  text-align: center;
  width: 100%;