看板修改

src/views/board/board1/index.vue

@@ -31,7 +31,7 @@
     </div>
     <div class="topNum shutdownNum">
       <!--      <span class="text">停机</span>-->
-      <span class="text">停机</span>
+      <span class="text">暂停</span>
       <span>：</span>
       <span class="num">{{ runningData.STOPPEDCOUNT }}</span>
       <span class="unit">台</span>
@@ -49,7 +49,7 @@
     <!--      <span class="unit">台</span>-->
     <!--    </div>-->
     <div class="topNum unactivatedNum">
-      <span class="text">未开机</span>
+      <span class="text">停机</span>
       <span>：</span>
       <span class="num">{{ Math.max((runningData.NOTSTARTEDCOUNT || 0) - runNum, 0) }}</span>
       <span class="unit">台</span>
@@ -559,7 +559,9 @@ export default {
   color: #DCDFDF;
 
   .text {
-    letter-spacing: 1vw;
+    width: 5vw;
+    letter-spacing: 2vw;
+    //letter-spacing: 1vw;
   }
 }
 

src/views/board/board4/index.vue

@@ -18,17 +18,24 @@
     <div class="text1" style="top: 12%;left: 29%;">日累计产量</div>
     <div class="text1" style="top: 12%;left: 44%;">月累计产量</div>
     <div class="text1" style="top: 12%;left: 59%;">年累计产量</div>
+    <div class="bg1"></div>
+    <div class="bg2"></div>
+    <div class="bg3"></div>
+    <div class="bg4"></div>
     <div class="text1" style="top: 19.1%;left: 75%;">正常: <span
         style="color: #6AFD81">{{
         form.isSimulate ? form.text8 : Math.min((runningData.RUNNINGCOUNT || 0) + 5, (runningData.TOTALCOUNT || 0))
       }}</span></div>
-    <div class="text1" style="top: 19.1%;left: 82.4%;">停机: <span
-        style="color: #FFC107">{{
+    <div class="text1" style="top: 19.1%;left: 80.4%;">暂停: <span
+        style="color: #C2C222">{{
         form.isSimulate ? form.text10 : runningData.STOPPEDCOUNT
       }}</span>
     </div>
-    <div class="text1" style="top: 19.1%;left: 89.8%;">报警: <span
-        style="color: #FB0102">{{ form.isSimulate ? form.text9 : runningData.ALARMCOUNT }}</span>
+    <div class="text1" style="top: 19.1%;left: 85.8%;">报警: <span
+        style="color: #860F1C">{{ form.isSimulate ? form.text9 : runningData.ALARMCOUNT }}</span>
+    </div>
+    <div class="text1" style="top: 19.1%;left: 91.2%;">停机: <span
+        style="color: #1077BC">{{ form.isSimulate ? form.text9 : runningData.NOTSTARTEDCOUNT }}</span>
     </div>
     <div class="num2" style="color:#63CDFA;top: 17%;left: 29.05%;">
       {{ (form.isSimulate ? form.text5 : productionTotalData.dayTotal) || '00000' }}
@@ -1350,6 +1357,50 @@ export default {
   }
 }
 
+.bg1{
+  position: absolute;
+  top: 16.4%;
+  left: 74%;
+  width: 5%;
+  height: 5.7%;
+  background-image: url("~@/assets/board/cardBg1.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+
+
+.bg2{
+  position: absolute;
+  top: 16.4%;
+  left: 79.5%;
+  width: 5%;
+  height: 5.7%;
+  background-image: url("~@/assets/board/cardBg5.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+
+.bg3{
+  position: absolute;
+  top: 16.4%;
+  left: 85%;
+  width: 5%;
+  height: 5.7%;
+  background-image: url("~@/assets/board/cardBg2.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+
+.bg4{
+  position: absolute;
+  top: 16.4%;
+  left: 90.5%;
+  width: 5%;
+  height: 5.7%;
+  background-image: url("~@/assets/board/cardBg4.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
 .chart1 {
   position: absolute;
   top: 66%;