997y

src/views/ManufacturingCenter/EquipmentMonitoring/index.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <el-card class="cardSBJK">
       <div class="process">
         <el-tooltip :enterable="false" :id="OPNAME137" placement="top" @mouseover.native.prevent="changeActive($event)">
@@ -548,7 +549,30 @@
           </div>
         </el-tooltip>
       </div>
+      <el-card style="position: absolute;background: #ffffff;margin-top: -825px;margin-left: 1540px;height: 130px;width: 120px">
+        <div style="margin-top: 6px">
+          <div class="circle4" style="margin-top: 3px"/>
+          <span style="margin-left: 5px">电脑关机</span>
+        </div>
+        <div style="margin-top: 6px">
+          <div class="circle" style="margin-top: 3px"/>
+          <span style="margin-left: 5px">设备开机</span>
+        </div>
+        <div style="margin-top: 6px">
+          <div class="circle1" style="margin-top: 3px"/>
+          <span style="margin-left: 5px">设备工作</span>
+        </div>
+        <div style="margin-top: 6px">
+          <div class="circle2" style="margin-top: 3px"/>
+          <span style="margin-left: 5px">设备关机</span>
+        </div>
+        <div style="margin-top: 6px">
+          <div class="circle3" style="margin-top: 3px"/>
+          <span style="margin-left: 5px">电流计故障</span>
+        </div>
       </el-card>
+    </el-card>
+  </div>
 </template>
 
 <script>
@@ -684,6 +708,7 @@ export default {
     },
     // 工位电流值
     // 1停机灰色 2开机黄色 3运行绿色 4报警红色
+    // 0 电流计故障 蓝闪 1 设备关机 灰闪 2 设备开机 黄闪 3 设备工作 绿闪 10断网或电脑关机 灰色
     getOP_state() {
       getOP_state().then(response => {
         for (let i = 0; i < response.data.length; i++) {
@@ -691,22 +716,32 @@ export default {
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
-            $('#' + response.data[i].工位号 + '_circle').addClass('circle1')
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
+            $('#' + response.data[i].工位号 + '_circle').addClass('circle1') // 黄色闪
           } else if (response.data[i].状态代码 === '3') {
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
-            $('#' + response.data[i].工位号 + '_circle').addClass('circle')
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
-          } else if (response.data[i].状态代码 === '4') {
+            $('#' + response.data[i].工位号 + '_circle').addClass('circle') // 绿色闪
+          } else if (response.data[i].状态代码 === '0') {
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
-            $('#' + response.data[i].工位号 + '_circle').addClass('circle3')
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
+            $('#' + response.data[i].工位号 + '_circle').addClass('circle3') // 蓝色闪
+          } else if (response.data[i].状态代码 === '1') {
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle')
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle4')
+            $('#' + response.data[i].工位号 + '_circle').addClass('circle2') // 灰色闪
           } else {
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle3')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle1')
             $('#' + response.data[i].工位号 + '_circle').removeClass('circle')
-            $('#' + response.data[i].工位号 + '_circle').addClass('circle2')
+            $('#' + response.data[i].工位号 + '_circle').removeClass('circle2')
+            $('#' + response.data[i].工位号 + '_circle').addClass('circle4') // 灰色
           }
         }
       })
@@ -922,7 +957,7 @@ export default {
     background-size:100% 100%;-moz-background-size:100% 100%;
     overflow: hidden;
   }
-  /*绿色*/
+  /*绿色闪*/
   .circle{
     float: left;
     width: 10px;
@@ -931,8 +966,9 @@ export default {
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
+    background: url('../../../assets/img/greenTwinkle.gif');
   }
-   /*黄色*/
+   /*黄色闪*/
   .circle1{
     float: left;
     width: 10px;
@@ -941,8 +977,9 @@ export default {
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
+    background: url('../../../assets/img/yellowTwinkle.gif');
   }
-  /*灰色*/
+  /*灰色闪*/
   .circle2{
     float: left;
     width: 10px;
@@ -951,13 +988,25 @@ export default {
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
+    background: url('../../../assets/img/grayTwinkle.gif');
   }
-  /*红色*/
+  /*蓝色闪*/
   .circle3{
     float: left;
     width: 10px;
     height: 10px;
-    background-color:red;
+    background-color:dodgerblue;
+    border-radius: 50%;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+    background: url('../../../assets/img/blueTwinkle.gif');
+  }
+  /*灰色*/
+  .circle4{
+    float: left;
+    width: 10px;
+    height: 10px;
+    background-color:gray;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;

src/views/ManufacturingCenter/PartAssignment/index.vue

@@ -669,6 +669,7 @@ export default {
         const _this = this
         if (route.name === 'PartAssignment') {
           _this.fetchData()
+          _this.DeliveryTime = ''
         }
       }
     }