update

src/components/RealtimeTable.vue

@@ -3,8 +3,26 @@
 import { ref } from "vue";
 import { useWsStore } from "../store";
 
-const listData = ref([]);
 const store = useWsStore();
+const listData = ref((store.data2.lineDetailData || Array(3).fill({})).map(
+  (item, index) => ({
+    productLine: item.productLine || "---",
+    mbt: item.edgingInput || "---",
+    mbb: item.edgingOutput || "---",
+    dkt: item.drillingInput || "---",
+    dkb: item.drillingOutput || "---",
+    dmt: item.coatingInput || "---",
+    dmb: item.coatingOutput || "---",
+    syt: item.silkInput || "---",
+    syb: item.silkOutput || "---",
+    ght: item.solidificationInput || "---",
+    ghb: item.solidificationOutput || "---",
+    gh1: item.temperingInput || "---",
+    gh2: item.temperingOutput || "---",
+    bzt: item.finalInput || "---",
+    bzb: item.finalOutput || "---",
+  })
+));
 store.$subscribe((mutation, state) => {
   listData.value = (state.data2.lineDetailData || Array(3).fill({})).map(
     (item, index) => ({
@@ -30,13 +48,8 @@ store.$subscribe((mutation, state) => {
 
 <template>
   <div class="realtime-table">
-    <el-table
-      class="dark-table"
-      :data="listData"
-      :show-overflow-tooltip="true"
-      row-class-name="dark-row"
-      header-row-class-name="dark-header"
-    >
+    <el-table class="dark-table" :data="listData" :show-overflow-tooltip="true" row-class-name="dark-row"
+      header-row-class-name="dark-header">
       <el-table-column prop="productLine" label="产线"></el-table-column>
       <el-table-column prop="mbt" label="磨边上"></el-table-column>
       <el-table-column prop="mbb" label="磨边下"></el-table-column>
@@ -68,7 +81,7 @@ store.$subscribe((mutation, state) => {
   height: 100%;
 }
 
-.dark-table >>> .el-table__inner-wrapper::before {
+.dark-table>>>.el-table__inner-wrapper::before {
   background-color: transparent !important;
 }
 </style>