分拣

src/pages/modules/SortWorkMonitor.vue

@@ -6,13 +6,13 @@
       <div class="zdy_box">
         <div class="zero-wrap">
           <div class="zero-title">
-            <div class="item_tip_left">分拣线1</div>
+            <div class="item_tip_left">{{topSec1.pointName}}</div>
           </div>
           <div class="zero-title">
-            <div class="item_tip_left">分拣线2</div>
+            <div class="item_tip_left">{{topSec2.pointName}}</div>
           </div>
           <div class="zero-title">
-            <div class="item_tip_left">人工分拣线</div>
+            <div class="item_tip_left">{{topSec3.pointName}}</div>
           </div>
         </div>
         <div class="one_wrap">
@@ -26,11 +26,11 @@
               </div>
             </div>
             <div class="b-box">
-              <div class="b-item"><span>当前工单：</span><span>GD0000001</span></div>
-              <div class="b-item"><span>客户：</span><span>XXXX有限公司</span></div>
-              <div class="b-item"><span>物料：</span><span>VOD钢包砖</span></div>
-              <div class="b-item"><span>规格：</span><span>200*165/135*100</span></div>
-              <div class="b-item"><span>数量：</span><span>10000块</span></div>
+              <div class="b-item"><span>当前工单：</span><span>{{topSec1.workorderCode}}</span></div>
+              <div class="b-item"><span>客户：</span><span>{{topSec1.customer}}</span></div>
+              <div class="b-item"><span>物料：</span><span>{{topSec1.materialName}}</span></div>
+              <div class="b-item"><span>规格：</span><span>{{topSec1.materialSpec}}</span></div>
+              <div class="b-item"><span>数量：</span><span>{{topSec1.planQty}}</span></div>
             </div>
           </div>
           <div class="e-box">
@@ -43,11 +43,11 @@
               </div>
             </div>
             <div class="b-box">
-              <div class="b-item"><span>当前工单：</span><span>GD0000001</span></div>
-              <div class="b-item"><span>客户：</span><span>XXXX有限公司</span></div>
-              <div class="b-item"><span>物料：</span><span>VOD钢包砖</span></div>
-              <div class="b-item"><span>规格：</span><span>200*165/135*100</span></div>
-              <div class="b-item"><span>数量：</span><span>10000块</span></div>
+              <div class="b-item"><span>当前工单：</span><span>{{topSec2.workorderCode}}</span></div>
+              <div class="b-item"><span>客户：</span><span>{{topSec2.customer}}</span></div>
+              <div class="b-item"><span>物料：</span><span>{{topSec2.materialName}}</span></div>
+              <div class="b-item"><span>规格：</span><span>{{topSec2.materialSpec}}</span></div>
+              <div class="b-item"><span>数量：</span><span>{{topSec2.planQty}}</span></div>
             </div>
           </div>
           <div class="e-box">
@@ -60,11 +60,11 @@
               </div>
             </div>
             <div class="b-box">
-              <div class="b-item"><span>分拣1：</span><span>VOD钢包砖</span></div>
-              <div class="b-item"><span>分拣2：</span><span>VOD钢包砖</span></div>
-              <div class="b-item"><span>分拣3：</span><span>VOD钢包砖</span></div>
-              <div class="b-item"><span>分拣4：</span><span>VOD钢包砖</span></div>
-              <div class="b-item"><span>分拣5：</span><span>VOD钢包砖</span></div>
+              <div class="b-item"><span>当前工单：</span><span>{{topSec3.workorderCode}}</span></div>
+              <div class="b-item"><span>客户：</span><span>{{topSec3.customer}}</span></div>
+              <div class="b-item"><span>物料：</span><span>{{topSec3.materialName}}</span></div>
+              <div class="b-item"><span>规格：</span><span>{{topSec3.materialSpec}}</span></div>
+              <div class="b-item"><span>数量：</span><span>{{topSec3.planQty}}</span></div>
             </div>
           </div>
         </div>
@@ -84,15 +84,15 @@
               <vue-seamless-scroll :data="chaiduoArr" :class-option="defaultOption1">
                 <ul class="scroll-ul_1">
                   <li v-for="(e, i) in chaiduoArr" :key="i">
-                    <span>{{e.datetime}}&nbsp;</span>
+                    <span>{{e.createTime}}&nbsp;</span>
                     <span class="scroll_th">托盘号:</span>
                     <span>{{ e.vehicleCode }}，</span>
                     <span class="scroll_th">物料:</span>
                     <span>{{ e.materialName }}，</span>
                     <span class="scroll_th">数量:</span>
-                    <span>{{ e.qty }}，</span>
+                    <span>{{ e.materialQty }}，</span>
                     <span class="scroll_th">重量:</span>
-                    <span>{{ e.weight }}</span>
+                    <span>{{ e.materialWeight }}</span>
                   </li>
                 </ul>
               </vue-seamless-scroll>
@@ -101,15 +101,15 @@
               <vue-seamless-scroll :data="maduoArr" :class-option="defaultOption1">
                 <ul class="scroll-ul_1">
                   <li v-for="(e, i) in maduoArr" :key="i">
-                    <span>{{e.datetime}}&nbsp;</span>
+                    <span>{{e.createTime}}&nbsp;</span>
                     <span class="scroll_th">托盘号:</span>
                     <span>{{ e.vehicleCode }}，</span>
                     <span class="scroll_th">物料:</span>
                     <span>{{ e.materialName }}，</span>
                     <span class="scroll_th">数量:</span>
-                    <span>{{ e.qty }}，</span>
+                    <span>{{ e.materialQty }}，</span>
                     <span class="scroll_th">重量:</span>
-                    <span>{{ e.weight }}</span>
+                    <span>{{ e.materialWeight }}</span>
                   </li>
                 </ul>
               </vue-seamless-scroll>
@@ -135,15 +135,15 @@
                   <li>创建时间</li>
                 </ul>
                 <div class="scroll_container_2">
-                  <vue-seamless-scroll :data="residualWorkOrder" :class-option="defaultOption2">
+                  <vue-seamless-scroll :data="lastWorkOrderList" :class-option="defaultOption2">
                     <ul class="scroll-ul_2">
-                      <li v-for="(e, i) in residualWorkOrder" :key="i">
-                        <div class="scroll-ul_2_div">{{e.workOrderCode}}</div>
+                      <li v-for="(e, i) in lastWorkOrderList" :key="i">
+                        <div class="scroll-ul_2_div">{{e.workorderCode}}</div>
                         <div class="scroll-ul_2_div">{{e.materialName}}</div>
-                        <div class="scroll-ul_2_div">{{e.spec}}</div>
-                        <div class="scroll-ul_2_div">{{e.qty}}</div>
-                        <div class="scroll-ul_2_div">{{e.weight}}</div>
-                        <div class="scroll-ul_2_div">{{e.orderCode}}</div>
+                        <div class="scroll-ul_2_div">{{e.materialSpec}}</div>
+                        <div class="scroll-ul_2_div">{{e.planQty}}</div>
+                        <div class="scroll-ul_2_div">{{e.planWeight}}</div>
+                        <div class="scroll-ul_2_div">{{e.produceOrder}}</div>
                         <div class="scroll-ul_2_div">{{e.customer}}</div>
                         <div class="scroll-ul_2_div">{{e.vehicleType}}</div>
                         <div class="scroll-ul_2_div">{{e.hasHalf}}</div>
@@ -163,8 +163,8 @@
 
 <script>
 import THeader from '@components/header3.vue'
-// import {sortProductionMonitor} from '@js/getData1.js'
-import {sortProductionMonitor} from '@js/mork1.js'
+// import {cockpitsorting} from '@js/getData1.js'
+import {cockpitsorting} from '@js/mork1.js'
 export default {
   name: 'SortWorkMonitor',
   components: {
@@ -174,16 +174,16 @@ export default {
     return {
       timer: null,
       interTime: this.$store.getters.setTime,
-      current: {},
-      chaiduo: {},
-      maduo: {},
+      topSec1: {},
+      topSec2: {},
+      topSec3: {},
       chaiduoArr: [],
       maduoArr: [],
-      residualWorkOrder: [],
+      lastWorkOrderList: [],
       stateStatistics: {
         count: '20',
         // fourState: [{'status': '5', 'stateName': '正常运行'}, {'status': '5', 'stateName': '暂未生产'}, {'status': '5', 'stateName': '空闲设备'}, {'status': '5', 'stateName': '故障设备'}]
-        fourState: [{'status': '80', 'stateName': '正常运行'}, {'status': '20', 'stateName': '暂未生产'}]
+        fourState: [{'status': '80', 'stateName': '实际数量'}, {'status': '20', 'stateName': '计划数量'}]
       }
     }
   },
@@ -207,7 +207,7 @@ export default {
         timer1: null,
         timer2: null,
         step: 0.4, // 数值越大速度滚动越快
-        limitMoveNum: 4, // 开始无缝滚动的数据量 this.dataList.length
+        limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length
         hoverStop: true, // 是否开启鼠标悬停stop
         direction: 1, // 0向下 1向上 2向左 3向右
         openWatch: true, // 开启数据实时监控刷新dom
@@ -218,9 +218,6 @@ export default {
     }
   },
   mounted () {
-    this.setEchart01()
-    this.setEchart02()
-    this.setEchart03()
     this.refresh()
   },
   beforeDestroy () {
@@ -230,29 +227,34 @@ export default {
   },
   methods: {
     refresh () {
-      this._sortProductionMonitor()
+      this._cockpitsorting()
       this.timer2 = setInterval(() => {
-        this._sortProductionMonitor()
+        this._cockpitsorting()
       }, this.interTime)
     },
-    async _sortProductionMonitor () {
-      let res = await sortProductionMonitor()
-      this.current = res.current
-      this.chaiduo = res.depalletize
-      this.maduo = res.palletize
-      this.chaiduoArr = [...res.depalletizedVehicle]
-      this.maduoArr = [...res.palletizedVehicle]
-      this.residualWorkOrder = [...res.residualWorkOrder]
+    async _cockpitsorting () {
+      let res = await cockpitsorting()
+      this.topSec1 = res.sortingLine[0]
+      this.topSec2 = res.sortingLine[1]
+      this.topSec3 = res.sortingLine[2]
+      this.setEchart01()
+      this.setEchart02()
+      this.setEchart03()
+      this.lastWorkOrderList = [...res.lastWorkOrderList]
+      this.chaiduoArr = [...res.unstackingList]
+      this.maduoArr = [...res.unstackingList]
     },
     setEchart01 () {
       let colors = ['#1980EA', '#67D470', '#B4C9EF', '#EF5252', '#BCBF5C', '#6d5edd', '#bf41bb']
-      let seriesData = this.stateStatistics.fourState
-      seriesData.map((el, i) => {
-        el.value = el.status
-        el.name = el.stateName
-      })
+      // let seriesData = this.stateStatistics.fourState
+      // seriesData.map((el, i) => {
+      //   el.value = el.status
+      //   el.name = el.stateName
+      // })
+      let seriesData = []
+      seriesData = [{'value': Number(this.topSec1.planQty) - Number(this.topSec1.realQty), 'name': '剩余数量'}, {'value': this.topSec1.realQty, 'name': '实际数量'}]
       // let total = this.stateStatistics.count
-      let total = 1850
+      let total = this.topSec1.realQty
       let option = {
         color: colors,
         grid: {
@@ -318,13 +320,15 @@ export default {
     },
     setEchart02 () {
       let colors = ['#1980EA', '#67D470', '#B4C9EF', '#EF5252', '#BCBF5C', '#6d5edd', '#bf41bb']
-      let seriesData = this.stateStatistics.fourState
-      seriesData.map((el, i) => {
-        el.value = el.status
-        el.name = el.stateName
-      })
+      // let seriesData = this.stateStatistics.fourState
+      // seriesData.map((el, i) => {
+      //   el.value = el.status
+      //   el.name = el.stateName
+      // })
+      let seriesData = []
+      seriesData = [{'value': Number(this.topSec2.planQty) - Number(this.topSec2.realQty), 'name': '剩余数量'}, {'value': this.topSec2.realQty, 'name': '实际数量'}]
       // let total = this.stateStatistics.count
-      let total = 1850
+      let total = this.topSec2.realQty
       let option = {
         color: colors,
         grid: {
@@ -390,13 +394,15 @@ export default {
     },
     setEchart03 () {
       let colors = ['#1980EA', '#67D470', '#B4C9EF', '#EF5252', '#BCBF5C', '#6d5edd', '#bf41bb']
-      let seriesData = this.stateStatistics.fourState
-      seriesData.map((el, i) => {
-        el.value = el.status
-        el.name = el.stateName
-      })
+      // let seriesData = this.stateStatistics.fourState
+      // seriesData.map((el, i) => {
+      //   el.value = el.status
+      //   el.name = el.stateName
+      // })
+      let seriesData = []
+      seriesData = [{'value': Number(this.topSec3.planQty) - Number(this.topSec3.realQty), 'name': '剩余数量'}, {'value': this.topSec3.realQty, 'name': '实际数量'}]
       // let total = this.stateStatistics.count
-      let total = 1850
+      let total = this.topSec3.realQty
       let option = {
         color: colors,
         grid: {