优化包装线条看板页面

src/views/kanban/Packagingline/index.vue

@@ -248,8 +248,8 @@
                       产线编码/名称
                     </td>
                     <!-- <td style="width: 8%;">{{ n.orderNo }}</td> -->
-                    <td style="width: 8%" v-if="workOrder">
-                      {{ workOrder.equCode }}/{{ workOrder.equName }}
+                    <td style="width: 8%" >
+                       <span v-if="workOrder" >{{ workOrder.equCode }}/{{ workOrder.equName }}</span> 
                     </td>
                   </tr>
                   <tr style="height: 36px">
@@ -263,7 +263,9 @@
                       产品编码
                     </td>
                     <!-- <td style="width: 8%;">{{ n.orderNo }}</td> -->
-                    <td style="width: 8%" v-if="workOrder" >{{ workOrder.productCode }}</td>
+                    <td style="width: 8%">
+                      <span v-if="workOrder" >{{ workOrder.productCode }}</span> 
+                    </td>
                   </tr>
                   <tr style="height: 36px">
                     <td
@@ -276,7 +278,9 @@
                       产品名称
                     </td>
                     <!-- <td style="width: 8%;">{{ n.orderNo }}</td> -->
-                    <td style="width: 8%" v-if="workOrder" >{{ workOrder.productName }}</td>
+                    <td style="width: 8%">
+                      <span v-if="workOrder" >{{ workOrder.productName }}</span> 
+                    </td>
                   </tr>
                   <tr style="height: 36px">
                     <td
@@ -289,7 +293,9 @@
                       工单号
                     </td>
                     <!-- <td style="width: 8%;">{{ n.orderNo }}</td> -->
-                    <td style="width: 8%" v-if="workOrder" >{{ workOrder.workorderCodeSap }}</td>
+                    <td style="width: 8%">
+                      <span v-if="workOrder" >{{ workOrder.workorderCodeSap }}</span> 
+                    </td>
                   </tr>
                   <tr style="height: 36px">
                     <td
@@ -302,8 +308,8 @@
                       数量/单位
                     </td>
                     <!-- <td style="width: 8%;">{{ n.orderNo }}</td> -->
-                    <td style="width: 8%" v-if="workOrder" >
-                      {{ workOrder.totalNum }}/{{ workOrder.unit }}
+                    <td style="width: 8%">
+                      <span v-if="workOrder" >{{ workOrder.totalNum }}/{{ workOrder.unit }}</span> 
                     </td>
                   </tr>
                 </tbody>
@@ -450,8 +456,18 @@ export default {
       ordermessage: [],
       RefreshTime: null,
       dictDatatype: [],
-      Realtimebox: [{}, {}, {}, {}],
-      Realtimebox2: [{}, {}, {}, {}],
+      Realtimebox: [
+        { name: "发片数量", number: 888,},
+        { name: "理片数量", number: 888 },
+        { name: "支架数量", number: 888 },
+        { name: "包膜数量", number: 888 },
+      ],
+      Realtimebox2: [
+        { name: "发片数量", number: 888,},
+        { name: "理片数量", number: 888 },
+        { name: "支架数量", number: 888 },
+        { name: "包膜数量", number: 888 },
+      ],
       workOrder: {},
       // 当日计划产量
       planProduction: [],
@@ -1222,7 +1238,7 @@ export default {
             .yieldnumber {
               margin-top: 13px;
               display: flex;
-
+              justify-content: space-around;
               .numberbox {
                 width: 80px;
                 height: 101px;