From 85cc0c4c43f0680b6714ea895a2b949ada686ee8 Mon Sep 17 00:00:00 2001
From: "DESKTOP-FUDKNA8\\znjsz" <tonystark@starkindustries.mil>
Date: Fri, 15 Mar 2024 16:08:48 +0800
Subject: [PATCH] update alert list 3d info

---
 src/pages/3D.vue | 1333 +++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 1187 insertions(+), 146 deletions(-)

diff --git a/src/pages/3D.vue b/src/pages/3D.vue
index 903f2a8..036bb9b 100644
--- a/src/pages/3D.vue
+++ b/src/pages/3D.vue
@@ -1,10 +1,10 @@
 <!-- 三维页面 -->
 <script setup>
-import { useSettings } from '../store/settings';
+import { useSettings } from "../store/settings";
 import { useWsStore } from "../store";
-import { ref, computed, watch, onMounted } from 'vue';
-import Icon from '../assets/svg/IconStatus.vue';
-import { eqMap, statusMap, initState } from './eqMaps'
+import { ref, computed, watch, onMounted } from "vue";
+import Icon from "../assets/svg/IconStatus.vue";
+import { eqMap, statusMap, initState } from "./eqMaps";
 
 const props = defineProps({
   line: {
@@ -13,32 +13,36 @@ const props = defineProps({
   },
   fixed: {
     type: Boolean,
-    default: false
-  }
+    default: false,
+  },
 });
 const eqStatus = computed(() => settings.eqStatus);
 
-const status = ref(initState)
+const status = ref(initState);
 const { settings } = useSettings();
 const store = useWsStore();
-const lines = ref({
-  g1: store.data2.lineDetailData?.[0] || null,
-  g2: store.data2.lineDetailData?.[1] || null,
-  g3: store.data2.lineDetailData?.[2] || null, // 钢3线
-});
+
+const equipmentMap = ref({});
 store.$subscribe((mutation, state) => {
   // 进储片信息
-  if (state.data2.lineDetailData && state.data2.lineDetailData.length == 3) {
-    lines.value.g1 = state.data2.lineDetailData[0]
-    lines.value.g2 = state.data2.lineDetailData[1]
-    lines.value.g3 = state.data2.lineDetailData[2]
-  }
+  state.data1.EquipmentsArrayList &&
+    state.data1.EquipmentsArrayList.map((item) => {
+      const info = {};
+      item.input && (info.input = item.input);
+      item.output && (info.output = item.output);
+      equipmentMap.value[item.equipmentCode] = {
+        ...info,
+      };
+    });
   // 故障信息
-  if (state.data1.EquipmentsArrayList && Array.isArray(state.data1.EquipmentsArrayList)) {
-    state.data1.EquipmentsArrayList.map(item => {
+  if (
+    state.data1.EquipmentsArrayList &&
+    Array.isArray(state.data1.EquipmentsArrayList)
+  ) {
+    state.data1.EquipmentsArrayList.map((item) => {
       const { equipmentName, status: itemStatus } = item;
       status.value[eqMap[equipmentName]] = statusMap[itemStatus];
-    })
+    });
   }
 });
 
@@ -73,395 +77,1222 @@ function changeScale(elm, width, height) {
 </script>
 
 <template>
-  <div class="triple-page" ref="part3d" :class="['line-' + line]" :style="{ position: fixed ? 'fixed' : ''}">
+  <div
+    class="triple-page"
+    ref="part3d"
+    :class="['line-' + line]"
+    :style="{ position: fixed ? 'fixed' : '' }"
+  >
     <div class="absolute-full info-1" v-if="eqStatus && line == '1'">
       <div class="info">
         <h1>
-          <Icon :color="status['M7上片'] == 'error' ? '#ff3737' : status['M7上片'] == 'warn' ? '#ffb524' : '#24ff5e'" />M7上片
+          <Icon
+            :color="
+              status['M7上片'] == 'error'
+                ? '#ff3737'
+                : status['M7上片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />M7上片
         </h1>
+        <span v-if="equipmentMap['A1LR2']?.input"
+          >上片: {{ equipmentMap["A1LR2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1LR2']?.output"
+          >下片: {{ equipmentMap["A1LR2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M6上片'] == 'error' ? '#ff3737' : status['M6上片'] == 'warn' ? '#ffb524' : '#24ff5e'" />M6上片
+          <Icon
+            :color="
+              status['M6上片'] == 'error'
+                ? '#ff3737'
+                : status['M6上片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />M6上片
         </h1>
+        <span v-if="equipmentMap['A1LR1']?.input"
+          >上片: {{ equipmentMap["A1LR1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1LR1']?.output"
+          >下片: {{ equipmentMap["A1LR1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M7磨边机'] == 'error' ? '#ff3737' : status['M7磨边机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M7磨边机'] == 'error'
+                ? '#ff3737'
+                : status['M7磨边机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M7磨边机
         </h1>
+        <span v-if="equipmentMap['A1MM2']?.input"
+          >上片: {{ equipmentMap["A1MM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1MM2']?.output"
+          >下片: {{ equipmentMap["A1MM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M6磨边机'] == 'error' ? '#ff3737' : status['M6磨边机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M6磨边机'] == 'error'
+                ? '#ff3737'
+                : status['M6磨边机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M6磨边机
         </h1>
-        <span v-if="lines.g3?.edgingInput">上片: {{ lines.g3.edgingInput }}</span>
-        <span v-if="lines.g3?.edgingOutput">下片: {{ lines.g3.edgingOutput }}</span>
+        <span v-if="equipmentMap['A1ECM1']?.input"
+          >上片: {{ equipmentMap["A1ECM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1ECM1']?.output"
+          >下片: {{ equipmentMap["A1ECM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M7清洗机'] == 'error' ? '#ff3737' : status['M7清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M7清洗机'] == 'error'
+                ? '#ff3737'
+                : status['M7清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M7清洗机
         </h1>
+        <span v-if="equipmentMap['A1ECM2']?.input"
+          >上片: {{ equipmentMap["A1ECM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1ECM2']?.output"
+          >下片: {{ equipmentMap["A1ECM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M6清洗机'] == 'error' ? '#ff3737' : status['M6清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M6清洗机'] == 'error'
+                ? '#ff3737'
+                : status['M6清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M6清洗机
         </h1>
+        <span v-if="equipmentMap['A1ECM1']?.input"
+          >上片: {{ equipmentMap["A1ECM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1ECM1']?.output"
+          >下片: {{ equipmentMap["A1ECM1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-2" v-if="eqStatus && line == '2'">
       <div class="info">
         <h1>
-          <Icon :color="status['Z7钻孔机'] == 'error' ? '#ff3737' : status['Z7钻孔机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['Z7钻孔机'] == 'error'
+                ? '#ff3737'
+                : status['Z7钻孔机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           Z7钻孔机
         </h1>
+        <span v-if="equipmentMap['A1HP2']?.input"
+          >上片: {{ equipmentMap["A1HP2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1HP2']?.output"
+          >下片: {{ equipmentMap["A1HP2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['Z6钻孔机'] == 'error' ? '#ff3737' : status['Z6钻孔机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['Z6钻孔机'] == 'error'
+                ? '#ff3737'
+                : status['Z6钻孔机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           Z6钻孔机
         </h1>
-        <span v-if="lines.g3?.drillingInput">上片: {{ lines.g3.drillingInput }}</span>
-        <span v-if="lines.g3?.drillingOutput">下片: {{ lines.g3.drillingOutput }}</span>
+        <span v-if="equipmentMap['A1HP1']?.input"
+          >上片: {{ equipmentMap["A1HP1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1HP1']?.output"
+          >下片: {{ equipmentMap["A1HP1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S7清洗机'] == 'error' ? '#ff3737' : status['S7清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S7清洗机'] == 'error'
+                ? '#ff3737'
+                : status['S7清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S7清洗机
         </h1>
+        <span v-if="equipmentMap['A1SCM2']?.input"
+          >上片: {{ equipmentMap["A1SCM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1SCM2']?.output"
+          >下片: {{ equipmentMap["A1SCM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S6清洗机'] == 'error' ? '#ff3737' : status['S6清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S6清洗机'] == 'error'
+                ? '#ff3737'
+                : status['S6清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S6清洗机
         </h1>
+        <span v-if="equipmentMap['A1SCM1']?.input"
+          >上片: {{ equipmentMap["A1SCM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1SCM1']?.output"
+          >下片: {{ equipmentMap["A1SCM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S7前储片台'] == 'error' ? '#ff3737' : status['S7前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S7前储片台'] == 'error'
+                ? '#ff3737'
+                : status['S7前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S7前储片台
         </h1>
+        <span v-if="equipmentMap['A1ST2']?.input"
+          >上片: {{ equipmentMap["A1ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1ST2']?.output"
+          >下片: {{ equipmentMap["A1ST2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S6前储片台'] == 'error' ? '#ff3737' : status['S6前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S6前储片台'] == 'error'
+                ? '#ff3737'
+                : status['S6前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S6前储片台
         </h1>
+        <span v-if="equipmentMap['A1ST1']?.input"
+          >上片: {{ equipmentMap["A1ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1ST1']?.output"
+          >下片: {{ equipmentMap["A1ST1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S7丝印机'] == 'error' ? '#ff3737' : status['S7丝印机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S7丝印机'] == 'error'
+                ? '#ff3737'
+                : status['S7丝印机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S7丝印机
         </h1>
+        <span v-if="equipmentMap['A1SP2']?.input"
+          >上片: {{ equipmentMap["A1SP2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1SP2']?.output"
+          >下片: {{ equipmentMap["A1SP2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S6丝印机'] == 'error' ? '#ff3737' : status['S6丝印机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S6丝印机'] == 'error'
+                ? '#ff3737'
+                : status['S6丝印机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S6丝印机
         </h1>
-        <span v-if="lines.g3?.silkInput">上片: {{ lines.g3.silkInput }}</span>
-        <span v-if="lines.g3?.silkOutput">下片: {{ lines.g3.silkOutput }}</span>
+        <span v-if="equipmentMap['A1SP1']?.input"
+          >上片: {{ equipmentMap["A1SP1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A1SP1']?.output"
+          >下片: {{ equipmentMap["A1SP1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S7固化炉'] == 'error' ? '#ff3737' : status['S7固化炉'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S7固化炉'] == 'error'
+                ? '#ff3737'
+                : status['S7固化炉'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S7固化炉
         </h1>
+        <span v-if="equipmentMap['A2CO2']?.input"
+          >上片: {{ equipmentMap["A2CO2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2CO2']?.output"
+          >下片: {{ equipmentMap["A2CO2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S6固化炉'] == 'error' ? '#ff3737' : status['S6固化炉'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S6固化炉'] == 'error'
+                ? '#ff3737'
+                : status['S6固化炉'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S6固化炉
         </h1>
-        <span v-if="lines.g3?.solidificationInput">上片: {{ lines.g3.solidificationInput }}</span>
-        <span v-if="lines.g3?.solidificationOutput">下片: {{ lines.g3.solidificationOutput }}</span>
+        <span v-if="equipmentMap['A2CO1']?.input"
+          >上片: {{ equipmentMap["A2CO1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2CO1']?.output"
+          >下片: {{ equipmentMap["A2CO1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S7后储片台'] == 'error' ? '#ff3737' : status['S7后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S7后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S7后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S7后储片台
         </h1>
+        <span v-if="equipmentMap['A2ST2']?.input"
+          >上片: {{ equipmentMap["A2ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2ST2']?.output"
+          >下片: {{ equipmentMap["A2ST2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S6后储片台'] == 'error' ? '#ff3737' : status['S6后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S6后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S6后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S6后储片台
         </h1>
+        <span v-if="equipmentMap['A2ST1']?.input"
+          >上片: {{ equipmentMap["A2ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2ST1']?.output"
+          >下片: {{ equipmentMap["A2ST1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-3" v-if="eqStatus && line == '3'">
       <div class="info">
         <h1>
-          <Icon :color="status['B1前储片台'] == 'error' ? '#ff3737' : status['B1前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
-          B1前储片台
+          <Icon
+            :color="
+              status['S1后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S1后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
+          S1后储片台
         </h1>
+        <span v-if="equipmentMap['C2ST1']?.input"
+          >上片: {{ equipmentMap["C2ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C2ST1']?.output"
+          >下片: {{ equipmentMap["C2ST1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-4" v-if="eqStatus && line == '4'">
       <div class="info">
         <h1>
-          <Icon :color="status['B2清洗机'] == 'error' ? '#ff3737' : status['B2清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B2清洗机'] == 'error'
+                ? '#ff3737'
+                : status['B2清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B2清洗机
         </h1>
+        <span v-if="equipmentMap['B3UCM1']?.input"
+          >上片: {{ equipmentMap["B3UCM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B3UCM1']?.output"
+          >下片: {{ equipmentMap["B3UCM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B2下片'] == 'error' ? '#ff3737' : status['B2下片'] == 'warn' ? '#ffb524' : '#24ff5e'" />B2下片
+          <Icon
+            :color="
+              status['B2下片'] == 'error'
+                ? '#ff3737'
+                : status['B2下片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />B2下片
         </h1>
+        <span v-if="equipmentMap['B3UL2']?.input"
+          >上片: {{ equipmentMap["B3UL2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B3UL2']?.output"
+          >下片: {{ equipmentMap["B3UL2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B2后储片台'] == 'error' ? '#ff3737' : status['B2后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B2后储片台'] == 'error'
+                ? '#ff3737'
+                : status['B2后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B2后储片台
         </h1>
+        <span v-if="equipmentMap['B3ST2']?.input"
+          >上片: {{ equipmentMap["B3ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B3ST2']?.output"
+          >下片: {{ equipmentMap["B3ST2"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-5" v-if="eqStatus && line == '5'">
       <div class="info">
         <h1>
-          <Icon :color="status['M5上片'] == 'error' ? '#ff3737' : status['M5上片'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M5上片'] == 'error'
+                ? '#ff3737'
+                : status['M5上片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M5上片
         </h1>
+        <span v-if="equipmentMap['B1LR3']?.input"
+          >上片: {{ equipmentMap["B1LR3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1LR3']?.output"
+          >下片: {{ equipmentMap["B1LR3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M4上片'] == 'error' ? '#ff3737' : status['M4上片'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M4上片'] == 'error'
+                ? '#ff3737'
+                : status['M4上片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M4上片
         </h1>
+        <span v-if="equipmentMap['B1LR2']?.input"
+          >上片: {{ equipmentMap["B1LR2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1LR2']?.output"
+          >下片: {{ equipmentMap["B1LR2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M3上片'] == 'error' ? '#ff3737' : status['M3上片'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M3上片'] == 'error'
+                ? '#ff3737'
+                : status['M3上片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M3上片
         </h1>
+        <span v-if="equipmentMap['B1LR1']?.input"
+          >上片: {{ equipmentMap["B1LR1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1LR1']?.output"
+          >下片: {{ equipmentMap["B1LR1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M5磨边机'] == 'error' ? '#ff3737' : status['M5磨边机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M5磨边机'] == 'error'
+                ? '#ff3737'
+                : status['M5磨边机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M5磨边机
         </h1>
+        <span v-if="equipmentMap['B1MM3']?.input"
+          >上片: {{ equipmentMap["B1MM3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1MM3']?.output"
+          >下片: {{ equipmentMap["B1MM3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M4磨边机'] == 'error' ? '#ff3737' : status['M4磨边机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M4磨边机'] == 'error'
+                ? '#ff3737'
+                : status['M4磨边机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M4磨边机
         </h1>
-        <span v-if="lines.g2?.edgingInput">上片: {{ lines.g2.edgingInput }}</span>
-        <span v-if="lines.g2?.edgingOutput">下片: {{ lines.g2.edgingOutput }}</span>
+        <span v-if="equipmentMap['B1MM2']?.input"
+          >上片: {{ equipmentMap["B1MM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1MM2']?.output"
+          >下片: {{ equipmentMap["B1MM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M3磨边机'] == 'error' ? '#ff3737' : status['M3磨边机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M3磨边机'] == 'error'
+                ? '#ff3737'
+                : status['M3磨边机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M3磨边机
         </h1>
+        <span v-if="equipmentMap['B1MM1']?.input"
+          >上片: {{ equipmentMap["B1MM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1MM1']?.output"
+          >下片: {{ equipmentMap["B1MM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M5清洗机'] == 'error' ? '#ff3737' : status['M5清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M5清洗机'] == 'error'
+                ? '#ff3737'
+                : status['M5清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M5清洗机
         </h1>
+        <span v-if="equipmentMap['B1ECM3']?.input"
+          >上片: {{ equipmentMap["B1ECM3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1ECM3']?.output"
+          >下片: {{ equipmentMap["B1ECM3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M4清洗机'] == 'error' ? '#ff3737' : status['M4清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M4清洗机'] == 'error'
+                ? '#ff3737'
+                : status['M4清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M4清洗机
         </h1>
+        <span v-if="equipmentMap['B1ECM2']?.input"
+          >上片: {{ equipmentMap["B1ECM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1ECM2']?.output"
+          >下片: {{ equipmentMap["B1ECM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M3清洗机'] == 'error' ? '#ff3737' : status['M3清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M3清洗机'] == 'error'
+                ? '#ff3737'
+                : status['M3清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M3清洗机
         </h1>
+        <span v-if="equipmentMap['B1ECM1']?.input"
+          >上片: {{ equipmentMap["B1ECM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1ECM1']?.output"
+          >下片: {{ equipmentMap["B1ECM1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-6" v-if="eqStatus && line == '6'">
       <div class="info">
         <h1>
-          <Icon :color="status['Z5钻孔机'] == 'error' ? '#ff3737' : status['Z5钻孔机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['Z5钻孔机'] == 'error'
+                ? '#ff3737'
+                : status['Z5钻孔机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           Z5钻孔机
         </h1>
+        <span v-if="equipmentMap['B1HP3']?.input"
+          >上片: {{ equipmentMap["B1HP3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1HP3']?.output"
+          >下片: {{ equipmentMap["B1HP3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['Z4钻孔机'] == 'error' ? '#ff3737' : status['Z4钻孔机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['Z4钻孔机'] == 'error'
+                ? '#ff3737'
+                : status['Z4钻孔机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           Z4钻孔机
         </h1>
-        <span v-if="lines.g2?.drillingInput">上片: {{ lines.g2.drillingInput }}</span>
-        <span v-if="lines.g2?.drillingOutput">下片: {{ lines.g2.drillingOutput }}</span>
+        <span v-if="equipmentMap['B1HP2']?.input"
+          >上片: {{ equipmentMap["B1HP2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1HP2']?.output"
+          >下片: {{ equipmentMap["B1HP2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['Z3钻孔机'] == 'error' ? '#ff3737' : status['Z3钻孔机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['Z3钻孔机'] == 'error'
+                ? '#ff3737'
+                : status['Z3钻孔机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           Z3钻孔机
         </h1>
+        <span v-if="equipmentMap['B1HP1']?.input"
+          >上片: {{ equipmentMap["B1HP1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1HP1']?.output"
+          >下片: {{ equipmentMap["B1HP1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S5清洗机'] == 'error' ? '#ff3737' : status['S5清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S5清洗机'] == 'error'
+                ? '#ff3737'
+                : status['S5清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S5清洗机
         </h1>
+        <span v-if="equipmentMap['B1SCM3']?.input"
+          >上片: {{ equipmentMap["B1SCM3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1SCM3']?.output"
+          >下片: {{ equipmentMap["B1SCM3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S4清洗机'] == 'error' ? '#ff3737' : status['S4清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S4清洗机'] == 'error'
+                ? '#ff3737'
+                : status['S4清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S4清洗机
         </h1>
+        <span v-if="equipmentMap['B1SCM2']?.input"
+          >上片: {{ equipmentMap["B1SCM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1SCM2']?.output"
+          >下片: {{ equipmentMap["B1SCM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S3清洗机'] == 'error' ? '#ff3737' : status['S3清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S3清洗机'] == 'error'
+                ? '#ff3737'
+                : status['S3清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S3清洗机
         </h1>
+        <span v-if="equipmentMap['B1SCM1']?.input"
+          >上片: {{ equipmentMap["B1SCM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1SCM1']?.output"
+          >下片: {{ equipmentMap["B1SCM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S5前储片台'] == 'error' ? '#ff3737' : status['S5前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S5前储片台'] == 'error'
+                ? '#ff3737'
+                : status['S5前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S5前储片台
         </h1>
+        <span v-if="equipmentMap['B1ST3']?.input"
+          >上片: {{ equipmentMap["B1ST3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1ST3']?.output"
+          >下片: {{ equipmentMap["B1ST3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S4前储片台'] == 'error' ? '#ff3737' : status['S4前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S4前储片台'] == 'error'
+                ? '#ff3737'
+                : status['S4前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S4前储片台
         </h1>
+        <span v-if="equipmentMap['B1ST2']?.input"
+          >上片: {{ equipmentMap["B1ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1ST2']?.output"
+          >下片: {{ equipmentMap["B1ST2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S3前储片台'] == 'error' ? '#ff3737' : status['S3前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S3前储片台'] == 'error'
+                ? '#ff3737'
+                : status['S3前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S3前储片台
         </h1>
+        <span v-if="equipmentMap['B1ST1']?.input"
+          >上片: {{ equipmentMap["B1ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1ST1']?.output"
+          >下片: {{ equipmentMap["B1ST1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S5丝印机'] == 'error' ? '#ff3737' : status['S5丝印机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S5丝印机'] == 'error'
+                ? '#ff3737'
+                : status['S5丝印机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S5丝印机
         </h1>
+        <span v-if="equipmentMap['B1SP3']?.input"
+          >上片: {{ equipmentMap["B1SP3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1SP3']?.output"
+          >下片: {{ equipmentMap["B1SP3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S4丝印机'] == 'error' ? '#ff3737' : status['S4丝印机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S4丝印机'] == 'error'
+                ? '#ff3737'
+                : status['S4丝印机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S4丝印机
         </h1>
-        <span v-if="lines.g2?.silkInput">上片: {{ lines.g2.silkInput }}</span>
-        <span v-if="lines.g2?.silkOutput">下片: {{ lines.g2.silkOutput }}</span>
+        <span v-if="equipmentMap['B1SP2']?.input"
+          >上片: {{ equipmentMap["B1SP2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1SP2']?.output"
+          >下片: {{ equipmentMap["B1SP2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S3丝印机'] == 'error' ? '#ff3737' : status['S3丝印机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S3丝印机'] == 'error'
+                ? '#ff3737'
+                : status['S3丝印机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S3丝印机
         </h1>
+        <span v-if="equipmentMap['B1SP1']?.input"
+          >上片: {{ equipmentMap["B1SP1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1SP1']?.output"
+          >下片: {{ equipmentMap["B1SP1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-7" v-if="eqStatus && line == '7'">
       <div class="info">
         <h1>
-          <Icon :color="status['S5后储片台'] == 'error' ? '#ff3737' : status['S5后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S5后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S5后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S5后储片台
         </h1>
+        <span v-if="equipmentMap['B2ST3']?.input"
+          >上片: {{ equipmentMap["B2ST3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B2ST3']?.output"
+          >下片: {{ equipmentMap["B2ST3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S4后储片台'] == 'error' ? '#ff3737' : status['S4后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S4后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S4后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S4后储片台
         </h1>
+        <span v-if="equipmentMap['B2ST2']?.input"
+          >上片: {{ equipmentMap["B2ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B2ST2']?.output"
+          >下片: {{ equipmentMap["B2ST2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S3后储片台'] == 'error' ? '#ff3737' : status['S3后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S3后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S3后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S3后储片台
         </h1>
+        <span v-if="equipmentMap['B2ST1']?.input"
+          >上片: {{ equipmentMap["B2ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B2ST1']?.output"
+          >下片: {{ equipmentMap["B2ST1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S5固化炉'] == 'error' ? '#ff3737' : status['S5固化炉'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S5固化炉'] == 'error'
+                ? '#ff3737'
+                : status['S5固化炉'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S5固化炉
         </h1>
+        <span v-if="equipmentMap['B2CO3']?.input"
+          >上片: {{ equipmentMap["B2CO3"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B2CO3']?.output"
+          >下片: {{ equipmentMap["B2CO3"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S4固化炉'] == 'error' ? '#ff3737' : status['S4固化炉'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S4固化炉'] == 'error'
+                ? '#ff3737'
+                : status['S4固化炉'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S4固化炉
         </h1>
-        <span v-if="lines.g2?.solidificationInput">上片: {{ lines.g2.solidificationInput }}</span>
-        <span v-if="lines.g2?.solidificationOutput">下片: {{ lines.g2.solidificationOutput }}</span>
+        <span v-if="equipmentMap['B2CO2']?.input"
+          >上片: {{ equipmentMap["B2CO2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B2CO2']?.output"
+          >下片: {{ equipmentMap["B2CO2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S3固化炉'] == 'error' ? '#ff3737' : status['S3固化炉'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S3固化炉'] == 'error'
+                ? '#ff3737'
+                : status['S3固化炉'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S3固化炉
         </h1>
+        <span v-if="equipmentMap['B2CO1']?.input"
+          >上片: {{ equipmentMap["B2CO1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B2CO1']?.output"
+          >下片: {{ equipmentMap["B2CO1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B2前储片台'] == 'error' ? '#ff3737' : status['B2前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B2前储片台'] == 'error'
+                ? '#ff3737'
+                : status['B2前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B2前储片台
         </h1>
+        <span v-if="equipmentMap['B1SCM1']?.input"
+          >上片: {{ equipmentMap["B1SCM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['B1SCM1']?.output"
+          >下片: {{ equipmentMap["B1SCM1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-8" v-if="eqStatus && line == '8'">
       <div class="info">
         <h1>
-          <Icon :color="status['B1前储片台'] == 'error' ? '#ff3737' : status['B1前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B1前储片台'] == 'error'
+                ? '#ff3737'
+                : status['B1前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B1前储片台
         </h1>
+        <span v-if="equipmentMap['C3ST1']?.input"
+          >上片: {{ equipmentMap["C3ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C3ST1']?.output"
+          >下片: {{ equipmentMap["C3ST1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B1清洗机'] == 'error' ? '#ff3737' : status['B1清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B1清洗机'] == 'error'
+                ? '#ff3737'
+                : status['B1清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B1清洗机
         </h1>
+        <span v-if="equipmentMap['C3UCM1']?.input"
+          >上片: {{ equipmentMap["C3UCM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C3UCM1']?.output"
+          >下片: {{ equipmentMap["C3UCM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B1下片'] == 'error' ? '#ff3737' : status['B1下片'] == 'warn' ? '#ffb524' : '#24ff5e'" />B1下片
+          <Icon
+            :color="
+              status['B1下片'] == 'error'
+                ? '#ff3737'
+                : status['B1下片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />B1下片
         </h1>
+        <span v-if="equipmentMap['C3UL1']?.input"
+          >上片: {{ equipmentMap["C3UL1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C3UL1']?.output"
+          >下片: {{ equipmentMap["C3UL1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B1后储片台'] == 'error' ? '#ff3737' : status['B1后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B1后储片台'] == 'error'
+                ? '#ff3737'
+                : status['B1后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B1后储片台
         </h1>
+        <span v-if="equipmentMap['C3ST2']?.input"
+          >上片: {{ equipmentMap["C3ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C3ST2']?.output"
+          >下片: {{ equipmentMap["C3ST2"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-9" v-if="eqStatus && line == '9'">
       <div class="info">
         <h1>
-          <Icon :color="status['M2上片'] == 'error' ? '#ff3737' : status['M2上片'] == 'warn' ? '#ffb524' : '#24ff5e'" />M2上片
+          <Icon
+            :color="
+              status['M2上片'] == 'error'
+                ? '#ff3737'
+                : status['M2上片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />M2上片
         </h1>
+        <span v-if="equipmentMap['C1LR2']?.input"
+          >上片: {{ equipmentMap["C1LR2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1LR2']?.output"
+          >下片: {{ equipmentMap["C1LR2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M1上片'] == 'error' ? '#ff3737' : status['M1上片'] == 'warn' ? '#ffb524' : '#24ff5e'" />M1上片
+          <Icon
+            :color="
+              status['M1上片'] == 'error'
+                ? '#ff3737'
+                : status['M1上片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />M1上片
         </h1>
+        <span v-if="equipmentMap['C1LR1']?.input"
+          >上片: {{ equipmentMap["C1LR1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1LR1']?.output"
+          >下片: {{ equipmentMap["C1LR1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M2磨边机'] == 'error' ? '#ff3737' : status['M2磨边机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M2磨边机'] == 'error'
+                ? '#ff3737'
+                : status['M2磨边机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M2磨边机
         </h1>
-        <span v-if="lines.g1?.edgingInput">上片: {{ lines.g1.edgingInput }}</span>
-        <span v-if="lines.g1?.edgingOutput">下片: {{ lines.g1.edgingOutput }}</span>
+        <span v-if="equipmentMap['C1MM2']?.input"
+          >上片: {{ equipmentMap["C1MM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1MM2']?.output"
+          >下片: {{ equipmentMap["C1MM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M1磨边机'] == 'error' ? '#ff3737' : status['M1磨边机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M1磨边机'] == 'error'
+                ? '#ff3737'
+                : status['M1磨边机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M1磨边机
         </h1>
+        <span v-if="equipmentMap['C1MM1']?.input"
+          >上片: {{ equipmentMap["C1MM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1MM1']?.output"
+          >下片: {{ equipmentMap["C1MM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M2清洗机'] == 'error' ? '#ff3737' : status['M2清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M2清洗机'] == 'error'
+                ? '#ff3737'
+                : status['M2清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M2清洗机
         </h1>
+        <span v-if="equipmentMap['C1ECM2']?.input"
+          >上片: {{ equipmentMap["C1ECM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1ECM2']?.output"
+          >下片: {{ equipmentMap["C1ECM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['M1清洗机'] == 'error' ? '#ff3737' : status['M1清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['M1清洗机'] == 'error'
+                ? '#ff3737'
+                : status['M1清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           M1清洗机
         </h1>
+        <span v-if="equipmentMap['C1ECM1']?.input"
+          >上片: {{ equipmentMap["C1ECM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1ECM1']?.output"
+          >下片: {{ equipmentMap["C1ECM1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-10" v-if="eqStatus && line == '10'">
@@ -469,115 +1300,347 @@ function changeScale(elm, width, height) {
     <div class="info"><h1>M1清洗机</h1></div> -->
       <div class="info">
         <h1>
-          <Icon :color="status['Z2钻孔机'] == 'error' ? '#ff3737' : status['Z2钻孔机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['Z2钻孔机'] == 'error'
+                ? '#ff3737'
+                : status['Z2钻孔机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           Z2钻孔机
         </h1>
-        <span v-if="lines.g1?.drillingInput">上片: {{ lines.g1.drillingInput }}</span>
-        <span v-if="lines.g1?.drillingOutput">下片: {{ lines.g1.drillingOutput }}</span>
+        <span v-if="equipmentMap['C1HP2']?.input"
+          >上片: {{ equipmentMap["C1HP2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1HP2']?.output"
+          >下片: {{ equipmentMap["C1HP2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['Z1钻孔机'] == 'error' ? '#ff3737' : status['Z1钻孔机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['Z1钻孔机'] == 'error'
+                ? '#ff3737'
+                : status['Z1钻孔机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           Z1钻孔机
         </h1>
+        <span v-if="equipmentMap['C1HP1']?.input"
+          >上片: {{ equipmentMap["C1HP1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1HP1']?.output"
+          >下片: {{ equipmentMap["C1HP1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S2清洗机'] == 'error' ? '#ff3737' : status['S2清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S2清洗机'] == 'error'
+                ? '#ff3737'
+                : status['S2清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S2清洗机
         </h1>
+        <span v-if="equipmentMap['C1SCM2']?.input"
+          >上片: {{ equipmentMap["C1SCM2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1SCM2']?.output"
+          >下片: {{ equipmentMap["C1SCM2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S1清洗机'] == 'error' ? '#ff3737' : status['S1清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S1清洗机'] == 'error'
+                ? '#ff3737'
+                : status['S1清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S1清洗机
         </h1>
+        <span v-if="equipmentMap['C1SCM1']?.input"
+          >上片: {{ equipmentMap["C1SCM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1SCM1']?.output"
+          >下片: {{ equipmentMap["C1SCM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S2前储片台'] == 'error' ? '#ff3737' : status['S2前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S2前储片台'] == 'error'
+                ? '#ff3737'
+                : status['S2前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S2前储片台
         </h1>
+        <span v-if="equipmentMap['C1ST2']?.input"
+          >上片: {{ equipmentMap["C1ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1ST2']?.output"
+          >下片: {{ equipmentMap["C1ST2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S1前储片台'] == 'error' ? '#ff3737' : status['S1前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S1前储片台'] == 'error'
+                ? '#ff3737'
+                : status['S1前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S1前储片台
         </h1>
+        <span v-if="equipmentMap['C1ST1']?.input"
+          >上片: {{ equipmentMap["C1ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1ST1']?.output"
+          >下片: {{ equipmentMap["C1ST1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S2丝印机'] == 'error' ? '#ff3737' : status['S2丝印机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S2丝印机'] == 'error'
+                ? '#ff3737'
+                : status['S2丝印机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S2丝印机
         </h1>
+        <span v-if="equipmentMap['C1SP2']?.input"
+          >上片: {{ equipmentMap["C1SP2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1SP2']?.output"
+          >下片: {{ equipmentMap["C1SP2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S1丝印机'] == 'error' ? '#ff3737' : status['S1丝印机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S1丝印机'] == 'error'
+                ? '#ff3737'
+                : status['S1丝印机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S1丝印机
         </h1>
-        <span v-if="lines.g1?.silkInput">上片: {{ lines.g1.silkInput }}</span>
-        <span v-if="lines.g1?.silkOutput">下片: {{ lines.g1.silkOutput }}</span>
+        <span v-if="equipmentMap['C1SP1']?.input"
+          >上片: {{ equipmentMap["C1SP1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['C1SP1']?.output"
+          >下片: {{ equipmentMap["C1SP1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-11" v-if="eqStatus && line == '11'">
       <div class="info">
         <h1>
-          <Icon :color="status['S7后储片台'] == 'error' ? '#ff3737' : status['S7后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S7后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S7后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S7后储片台
         </h1>
+        <span v-if="equipmentMap['A2ST2']?.input"
+          >上片: {{ equipmentMap["A2ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2ST2']?.output"
+          >下片: {{ equipmentMap["A2ST2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S6后储片台'] == 'error' ? '#ff3737' : status['S6后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S6后储片台'] == 'error'
+                ? '#ff3737'
+                : status['S6后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S6后储片台
         </h1>
+        <span v-if="equipmentMap['A2ST1']?.input"
+          >上片: {{ equipmentMap["A2ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2ST1']?.output"
+          >下片: {{ equipmentMap["A2ST1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S7固化炉'] == 'error' ? '#ff3737' : status['S7固化炉'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S7固化炉'] == 'error'
+                ? '#ff3737'
+                : status['S7固化炉'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S7固化炉
         </h1>
+        <span v-if="equipmentMap['A2CO2']?.input"
+          >上片: {{ equipmentMap["A2CO2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2CO2']?.output"
+          >下片: {{ equipmentMap["A2CO2"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['S6固化炉'] == 'error' ? '#ff3737' : status['S6固化炉'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['S6固化炉'] == 'error'
+                ? '#ff3737'
+                : status['S6固化炉'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           S6固化炉
         </h1>
-        <span v-if="lines.g3?.solidificationInput">上片: {{ lines.g3.solidificationInput }}</span>
-        <span v-if="lines.g3?.solidificationOutput">下片: {{ lines.g3.solidificationOutput }}</span>
+        <span v-if="equipmentMap['A2CO1']?.input"
+          >上片: {{ equipmentMap["A2CO1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A2CO1']?.output"
+          >下片: {{ equipmentMap["A2CO1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B3前储片台'] == 'error' ? '#ff3737' : status['B3前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B3前储片台'] == 'error'
+                ? '#ff3737'
+                : status['B3前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B3前储片台
         </h1>
+        <span v-if="equipmentMap['A3ST1']?.input"
+          >上片: {{ equipmentMap["A3ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A3ST1']?.output"
+          >下片: {{ equipmentMap["A3ST1"]?.output }}</span
+        >
       </div>
     </div>
     <div class="absolute-full info-12" v-if="eqStatus && line == '12'">
       <div class="info">
         <h1>
-          <Icon :color="status['B3前储片台'] == 'error' ? '#ff3737' : status['B3前储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B3前储片台'] == 'error'
+                ? '#ff3737'
+                : status['B3前储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B3前储片台
         </h1>
+        <span v-if="equipmentMap['A3ST1']?.input"
+          >上片: {{ equipmentMap["A3ST1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A3ST1']?.output"
+          >下片: {{ equipmentMap["A3ST1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B3清洗机'] == 'error' ? '#ff3737' : status['B3清洗机'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B3清洗机'] == 'error'
+                ? '#ff3737'
+                : status['B3清洗机'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B3清洗机
         </h1>
+        <span v-if="equipmentMap['A3UCM1']?.input"
+          >上片: {{ equipmentMap["A3UCM1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A3UCM1']?.output"
+          >下片: {{ equipmentMap["A3UCM1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B3下片'] == 'error' ? '#ff3737' : status['B3下片'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B3下片'] == 'error'
+                ? '#ff3737'
+                : status['B3下片'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B3下片
         </h1>
+        <span v-if="equipmentMap['A3UL1']?.input"
+          >上片: {{ equipmentMap["A3UL1"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A3UL1']?.output"
+          >下片: {{ equipmentMap["A3UL1"]?.output }}</span
+        >
       </div>
       <div class="info">
         <h1>
-          <Icon :color="status['B3后储片台'] == 'error' ? '#ff3737' : status['B3后储片台'] == 'warn' ? '#ffb524' : '#24ff5e'" />
+          <Icon
+            :color="
+              status['B3后储片台'] == 'error'
+                ? '#ff3737'
+                : status['B3后储片台'] == 'warn'
+                ? '#ffb524'
+                : '#24ff5e'
+            "
+          />
           B3后储片台
         </h1>
+        <span v-if="equipmentMap['A3ST2']?.input"
+          >上片: {{ equipmentMap["A3ST2"]?.input }}</span
+        >
+        <span v-if="equipmentMap['A3ST2']?.output"
+          >下片: {{ equipmentMap["A3ST2"]?.output }}</span
+        >
       </div>
     </div>
   </div>
@@ -1174,72 +2237,50 @@ function changeScale(elm, width, height) {
 
 /* other  */
 .line-1 {
-
-  background-image: url(../assets/model/F1.png)
+  background-image: url(../assets/model/F1.png);
 }
 
 .line-2 {
   background-image: url(../assets/model/F2.png);
-
-
 }
 
 .line-3 {
   background-image: url(../assets/model/F3.png);
-
 }
 
 .line-4 {
   background-image: url(../assets/model/F4.png);
-
-
 }
 
 .line-5 {
   background-image: url(../assets/model/F5.png);
-
-
 }
 
 .line-6 {
   background-image: url(../assets/model/F6.png);
-
-
 }
 
 .line-7 {
   background-image: url(../assets/model/F7.png);
-
-
 }
 
 .line-8 {
   background-image: url(../assets/model/F8.png);
-
-
 }
 
 .line-9 {
   background-image: url(../assets/model/F9.png);
-
-
 }
 
 .line-10 {
   background-image: url(../assets/model/F10.png);
-
-
 }
 
 .line-11 {
   background-image: url(../assets/model/F11.png);
-
-
 }
 
 .line-12 {
   background-image: url(../assets/model/F12.png);
-
-
 }
 </style>