1

src/views/copilot/factoryData/components/ProdMonitor.vue

@@ -14,7 +14,7 @@
       </div>
       <div class="right-box">
         <span class="type">投入数量</span>
-        <span class="num">8391222</span>
+        <span class="num">{{ prodFto[0] ? prodFto[0].chipInput : 0 }}</span>
       </div>
     </div>
     <div class="std-box">
@@ -33,7 +33,9 @@
           </div>
           <div>
             <span class="type">良品数量</span>
-            <span class="type-name">740</span>
+            <span class="type-name">{{
+              msgObj.stand.goodNumber ? msgObj.stand.goodNumber : 0
+            }}</span>
           </div>
         </div>
       </div>
@@ -41,11 +43,15 @@
         <div class="separate">
           <div>
             <span class="type">生产数量</span>
-            <span class="num">783</span>
+            <span class="num">{{
+              msgObj.stand.outputNumber ? msgObj.stand.outputNumber : 0
+            }}</span>
           </div>
           <div>
             <span class="type1">良品率</span>
-            <span class="num">96%</span>
+            <span class="num"
+              >{{ msgObj.stand.yieldRate ? msgObj.stand.yieldRate : 0 }}%</span
+            >
           </div>
         </div>
       </div>
@@ -66,7 +72,9 @@
           </div>
           <div>
             <span class="type">良品数量</span>
-            <span class="type-name">740</span>
+            <span class="type-name">{{
+              msgObj.chip.goodNumber ? msgObj.chip.goodNumber : 0
+            }}</span>
           </div>
         </div>
       </div>
@@ -74,11 +82,15 @@
         <div class="separate">
           <div>
             <span class="type">生产数量</span>
-            <span class="num">783</span>
+            <span class="num">{{
+              msgObj.chip.outputNumber ? msgObj.chip.outputNumber : 0
+            }}</span>
           </div>
           <div>
             <span class="type1">良品率</span>
-            <span class="num">96%</span>
+            <span class="num"
+              >{{ msgObj.chip.yieldRate ? msgObj.chip.yieldRate : 0 }}%</span
+            >
           </div>
         </div>
       </div>
@@ -99,7 +111,9 @@
           </div>
           <div>
             <span class="type">良品数量</span>
-            <span class="type-name">740</span>
+            <span class="type-name">{{
+              msgObj.bipv.goodNumber ? msgObj.bipv.goodNumber : 0
+            }}</span>
           </div>
         </div>
       </div>
@@ -107,11 +121,15 @@
         <div class="separate">
           <div>
             <span class="type">生产数量</span>
-            <span class="num">783</span>
+            <span class="num">{{
+              msgObj.bipv.outputNumber ? msgObj.bipv.outputNumber : 0
+            }}</span>
           </div>
           <div>
             <span class="type1">良品率</span>
-            <span class="num">96%</span>
+            <span class="num"
+              >{{ msgObj.bipv.yieldRate ? msgObj.bipv.yieldRate : 0 }}%</span
+            >
           </div>
         </div>
       </div>
@@ -121,6 +139,51 @@
 <script>
 export default {
   name: "ProdMonitor",
+  data() {
+    return {
+      msgObj: {
+        stand: {},
+        chip: {},
+        bipv: {},
+      },
+    };
+  },
+  props: {
+    prodOutPut: {
+      type: Array,
+      default: [],
+    },
+    prodFto: {
+      type: Array,
+      default: [],
+    },
+  },
+  watch: {
+    prodOutPut() {
+      this.makeData();
+    },
+  },
+  mounted() {
+    this.makeData();
+  },
+  methods: {
+    makeData() {
+      this.msgObj.chip = {};
+      this.msgObj.stand = {};
+      this.msgObj.bipv = {};
+      if (this.prodOutPut.length > 0) {
+        this.prodOutPut.map((item) => {
+          if (item.glassType === 0) {
+            this.msgObj.chip = item;
+          } else if (item.glassType === 1) {
+            this.msgObj.stand = item;
+          } else if (item.glassType === 2) {
+            this.msgObj.bipv = item;
+          }
+        });
+      }
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>