修改生产界面

hw-ui/src/views/board/production/firstFloor.vue

@@ -7,22 +7,22 @@
     </div>
     <div class="table1">
       <div style="background-color: #094170">
-        <div class="scrollTableItem" style="font-weight: bold;width: 10%">
+        <div class="scrollTableItem" style="color:#fff;font-weight: bold;width: 10%">
           编号
         </div>
-        <div class="scrollTableItem" style="font-weight: bold;width: 23.333%">
+        <div class="scrollTableItem" style="color:#fff;font-weight: bold;width: 23.333%">
           生产工单
         </div>
-        <div class="scrollTableItem" style="font-weight: bold;">
+        <div class="scrollTableItem" style="color:#fff;font-weight: bold;">
           计划数量
         </div>
-        <div class="scrollTableItem" style="font-weight: bold;">
+        <div class="scrollTableItem" style="color:#fff;font-weight: bold;">
           实际数量
         </div>
-        <div class="scrollTableItem" style="font-weight: bold;">
+        <div class="scrollTableItem" style="color:#fff;font-weight: bold;">
           差异值
         </div>
-        <div class="scrollTableItem" style="font-weight: bold;">
+        <div class="scrollTableItem" style="color:#fff;font-weight: bold;">
           完成率
         </div>
       </div>
@@ -77,6 +77,19 @@
     <div class="chart4">
       <Chart key="chart4" ref="chart4"></Chart>
     </div>
+    <div class="num1 num1_1" style="top: 17%;left: 31.1%;color:#5fc2f2">1</div>
+    <div class="num1 num1_2" style="top: 17%;left:34.1%;color:#5fc2f2">0</div>
+    <div class="num1 num1_3" style="top: 17%;left:37%;color:#5fc2f2">0</div>
+    <div class="num1 num1_4" style="top: 17%;left:40%;color:#5fc2f2">0</div>
+    <div class="num1 num1_5" style="top: 17%;left:45.6%;color:#59ee7b">1</div>
+    <div class="num1 num1_6" style="top: 17%;left:48.6%;color:#59ee7b">0</div>
+    <div class="num1 num1_7" style="top: 17%;left:51.5%;color:#59ee7b">0</div>
+    <div class="num1 num1_8" style="top: 17%;left:54.5%;color:#59ee7b">0</div>
+    <div class="num1 num1_9" style="top: 17%;left:60%;color:#f60008">1</div>
+    <div class="num1 num1_10" style="top: 17%;left:63%;color:#f60008">0</div>
+    <div class="num1 num1_11" style="top: 17%;left:65.9%;color:#f60008">0</div>
+    <div class="num1 num1_12" style="top: 17%;left:68.9%;color:#f60008">0</div>
+    <div class="state"></div>
   </div>
 </template>
 
@@ -100,6 +113,10 @@ export default {
         '七日产量对比',
         '设备OEE统计',
         '设备时长统计',
+        '计划数量:',
+        '完成数量:',
+        '差异值:',
+        '产线状态:',
       ],
       titlePosition: [
         {
@@ -122,6 +139,22 @@ export default {
           top: 63,
           left: 75
         },
+        {
+          top: 11.3,
+          left: 30.5
+        },
+        {
+          top: 11.3,
+          left: 45
+        },
+        {
+          top: 11.3,
+          left: 59.5
+        },
+        {
+          top: 25,
+          left: 44
+        },
       ],
       scrollTableOption: {
         step: 0.5, // 数值越大速度滚动越快
@@ -594,6 +627,11 @@ export default {
   font-size: 1vw;
   letter-spacing: 2px;
 }
+.num1{
+  position: absolute;
+  font-size: 2vw;
+  transform: translate(-50%,-50%);
+}
 
 .table1 {
   position: absolute;
@@ -609,6 +647,7 @@ export default {
   width: calc(100% / 6);
   text-align: center;
   padding: 4px 0;
+  color:#fff9
 }
 
 .chart1 {
@@ -645,4 +684,14 @@ export default {
   height: 29%;
 
 }
+.state{
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 25%;
+  left:50%;
+  width: 1.5vw;
+  height: 1.5vw;
+  border-radius: 50%;
+  background-color: #ffff00;
+}
 </style>