看板

src/pages/proj/ProdCount.vue

@@ -1,6 +1,6 @@
 <template>
     <section class="bg">
-      <t-header title="压制生产看板">
+      <t-header title="压 制 生 产 看 板">
       </t-header>
       <div class="container">
         <div class="con1">
@@ -51,12 +51,12 @@
             <div class="title"><span class="dotIncon"></span><span class="tltxt">生产任务</span></div>
           </div>
           <div class="list_scroll_title">
-            <span>设备</span><span>工单号</span><span>班次类型</span><span>生产物料</span><span>订单客户</span><span>计划开始</span><span>计划数</span><span>已生产</span><span>不合格</span><span>合格率</span><span>状态</span><span>开工人</span><span>开始时间</span><span>结束时间</span>
+            <span>设备</span><span>工单号</span><span>班次类型</span><span>生产物料</span><span>订单客户</span><span>计划开始</span><span>计划数(块)</span><span>已生产(块)</span><span>不合格(块)</span><span>合格率</span><span>状态</span><span>开工人</span><span>开始时间</span><span>结束时间</span>
           </div>
           <vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll">
             <ul class="content-block-scroll-ul">
               <li v-for="(e, i) in workOrder" :key="i">
-                <span>{{e.workOrderCode}}</span><span>{{e.workOrderCode}}</span><span>{{e.equipment}}</span><span>{{e.materialCode}}</span><span>{{e.materialCode}}</span><span>{{e.customer}}</span><span>{{e.planned}}</span><span>{{e.completed}}</span><span>{{e.status}}</span><span>{{e.status}}</span><span>{{e.status}}</span><span>{{e.status}}</span><span>{{e.startTime}}</span><span>{{e.endTime}}</span>
+                <span>{{e.device_code}}</span><span>{{e.bill_code}}</span><span>{{e.bc_type}}</span><span>{{e.cust}}</span><span>{{e.plan_start}}</span><span>{{e.plan_num}}</span><span>{{e.fini_num}}</span><span>{{e.no_ok}}</span><span>{{e.ok_rate}}</span><span>{{e.status}}</span><span>{{e.work_man}}</span><span>{{e.status}}</span><span>{{e.start_time}}</span><span>{{e.fini_time}}</span>
               </li>
             </ul>
           </vue-seamless-scroll>
@@ -83,13 +83,11 @@ export default {
       showNum1: '',
       showNum2: '',
       showNum3: '',
-      showNum4: '333',
-      showNum5: '333',
       myCharts02: '',
       myCharts01: '',
       materData: [],
       deviceData: [],
-      arr3: [
+      arr2: [
         {
           device_fault_type: '张工',
           device_fault_num: '150'
@@ -144,7 +142,136 @@ export default {
         }
       ],
       resData: {},
-      workOrder: []
+      workOrder: [
+        {
+          device_code: '压力机1',
+          bill_code: 'DD001',
+          bc_type: '白班',
+          material_name: '1号砖',
+          cust: '新余钢铁',
+          plan_start: '10-11 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人1',
+          start_time: '10-11 09:01',
+          fini_time: '10-11 19:20'
+        },
+        {
+          device_code: '压力机2',
+          bill_code: 'DD002',
+          bc_type: '白班',
+          material_name: '2号砖',
+          cust: '新余钢铁',
+          plan_start: '10-12 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人2',
+          start_time: '10-12 09:02',
+          fini_time: '10-12 19:20'
+        },
+        {
+          device_code: '压力机3',
+          bill_code: 'DD003',
+          bc_type: '晚班',
+          material_name: '3号砖',
+          cust: '新余钢铁',
+          plan_start: '10-11 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人3',
+          start_time: '10-11 09:01',
+          fini_time: '10-11 19:20'
+        },
+        {
+          device_code: '压力机4',
+          bill_code: 'DD004',
+          bc_type: '白班',
+          material_name: '4号砖',
+          cust: '新余钢铁',
+          plan_start: '10-11 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人4',
+          start_time: '10-11 09:01',
+          fini_time: '10-11 19:20'
+        },
+        {
+          device_code: '压力机5',
+          bill_code: 'DD005',
+          bc_type: '晚班',
+          material_name: '5号砖',
+          cust: '新余钢铁',
+          plan_start: '10-11 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人5',
+          start_time: '10-11 09:01',
+          fini_time: '10-11 19:20'
+        },
+        {
+          device_code: '压力机6',
+          bill_code: 'DD006',
+          bc_type: '晚班',
+          material_name: '6号砖',
+          cust: '新余钢铁',
+          plan_start: '10-11 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人6',
+          start_time: '10-11 09:01',
+          fini_time: '10-11 19:20'
+        },
+        {
+          device_code: '压力机7',
+          bill_code: 'DD007',
+          bc_type: '晚班',
+          material_name: '7号砖',
+          cust: '新余钢铁',
+          plan_start: '10-11 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人7',
+          start_time: '10-11 09:01',
+          fini_time: '10-11 19:20'
+        },
+        {
+          device_code: '压力机8',
+          bill_code: 'DD008',
+          bc_type: '晚班',
+          material_name: '8号砖',
+          cust: '新余钢铁',
+          plan_start: '10-11 09:01',
+          plan_num: '5000',
+          fini_num: '5200',
+          no_ok: '100',
+          ok_rate: '92.02%',
+          status: '生产完成',
+          work_man: '工人8',
+          start_time: '10-11 09:01',
+          fini_time: '10-11 19:20'
+        }
+      ]
     }
   },
   computed: {
@@ -183,12 +310,13 @@ export default {
       let res = await productionStatistics()
       clearInterval(this.timeOut)
       this.resData = res
-      this.showNum1 = (res.total.pressWeight + '').split('')
-      this.showNum2 = (res.total.dryWeight + '').split('')
-      this.showNum3 = (res.total.sortWeight + '').split('')
-      this.showNum4 = res.pressProduction.dailyProductionQty
-      this.showNum5 = res.pressProduction.dailyProductionWeight
-      this.workOrder = [...res.workOrder]
+      // this.showNum1 = (res.total.pressWeight + '').split('')
+      // this.showNum2 = (res.total.dryWeight + '').split('')
+      // this.showNum3 = (res.total.sortWeight + '').split('')
+      // this.workOrder = [...res.workOrder]
+      this.showNum1 = '3020'
+      this.showNum2 = '3000'
+      this.showNum3 = '220'
       this.setEchart01()
       this.setEchart02()
     },
@@ -352,7 +480,7 @@ export default {
     },
     setEchart02 () {
       let max = 0
-      this.arr3.map(el => {
+      this.arr2.map(el => {
         if (Number(el.device_fault_num) >= Number(max)) {
           max = Number(el.device_fault_num)
         }
@@ -422,7 +550,7 @@ export default {
               fontSize: 14
             }
           },
-          data: this.arr3.map((it) => it.device_fault_type)
+          data: this.arr2.map((it) => it.device_fault_type)
         },
         series: [
           {
@@ -451,7 +579,7 @@ export default {
                 ], false)
               }
             },
-            data: this.arr3.map((it) => it.device_fault_num)
+            data: this.arr2.map((it) => it.device_fault_num)
           }
         ]
       }
@@ -609,7 +737,6 @@ export default {
 .con3
   width 30%
   // height 100%
-  // padding-top 120px
   height calc(100% - 34px)
   // overflow hidden
   position relative