生产统计
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -49,12 +49,12 @@
|
||||
<h2>生产任务</h2>
|
||||
</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>
|
||||
</div>
|
||||
<vue-seamless-scroll :data="taskData" :class-option="classOption" class="content-block-scroll">
|
||||
<ul class="content-block-scroll-ul">
|
||||
<li v-for="(e, i) in taskData" :key="i">
|
||||
<span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.device_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.material_code}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.plan_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.real_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.qualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.unqualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.order_status_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproducestart_date}}</span>
|
||||
<span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.device_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.material_code}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.plan_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.real_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.qualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.unqualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.order_status_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproducestart_date}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproduceend_date}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</vue-seamless-scroll>
|
||||
@@ -109,17 +109,17 @@ export default {
|
||||
},
|
||||
mounted () {
|
||||
this.initData()
|
||||
// this.refresh()
|
||||
this.refresh()
|
||||
},
|
||||
beforeDestroy () {
|
||||
clearInterval(this.timer)
|
||||
},
|
||||
methods: {
|
||||
// refresh () {
|
||||
// this.timer = setInterval(() => {
|
||||
// this.initData()
|
||||
// }, this.interTime)
|
||||
// },
|
||||
refresh () {
|
||||
this.timer = setInterval(() => {
|
||||
this.initData()
|
||||
}, this.interTime)
|
||||
},
|
||||
async initData () {
|
||||
let res = await productionStatistics()
|
||||
this.resData = res.result
|
||||
@@ -721,13 +721,13 @@ export default {
|
||||
background #262F52
|
||||
span
|
||||
display inline-block
|
||||
width 12.5%
|
||||
width 11%
|
||||
text-align center
|
||||
line-height .32rem
|
||||
// float left
|
||||
font-size 14px
|
||||
&:nth-child(1)
|
||||
width 10%
|
||||
width 8%
|
||||
&:nth-child(2)
|
||||
width 15%
|
||||
.content-block-scroll
|
||||
@@ -741,7 +741,7 @@ export default {
|
||||
background rgba(38,47,82,0.50)
|
||||
span
|
||||
display inline-block
|
||||
width 12.5%
|
||||
width 11%
|
||||
font-size 12px
|
||||
// padding 0 .1rem
|
||||
text-align center
|
||||
@@ -749,7 +749,7 @@ export default {
|
||||
box-sizing border-box
|
||||
// float left
|
||||
&:nth-child(1)
|
||||
width 10%
|
||||
width 8%
|
||||
&:nth-child(2)
|
||||
width 15%
|
||||
</style>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="yard_group_p" @click="getInfo1(e)">
|
||||
<p class="fontselect">{{e.point_name}}</p>
|
||||
<div v-if="e.struct_url == '1'" class="machine_1"></div>
|
||||
<div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}" :class="{blue:e.struct_status ==='01',green:e.struct_status ==='02',yellow:e.struct_status ==='03',red:e.struct_status ==='04',gray:e.struct_status ==='05'}"></div>
|
||||
<div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}" :class="{blue:e.standing_status ==='1',green:e.standing_status ==='2',yellow:e.standing_status ==='3',red:e.standing_status ==='4',gray:e.standing_status ==='5'}"></div>
|
||||
</div>
|
||||
<div v-show="code1 === e.point_code" class="locate-wrap clearfix">
|
||||
<div :class="e.aline">
|
||||
@@ -44,7 +44,7 @@
|
||||
<div class="yard_group_p" @click="getInfo1(e)">
|
||||
<p class="fontselect">{{e.point_name}}</p>
|
||||
<div v-if="e.struct_url == '2'" class="machine_2"></div>
|
||||
<div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}" :class="{blue:e.struct_status ==='01',green:e.struct_status ==='02',yellow:e.struct_status ==='03',red:e.struct_status ==='04',gray:e.struct_status ==='05'}"></div>
|
||||
<div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}" :class="{blue:e.standing_status ==='1',green:e.standing_status ==='2',yellow:e.standing_status ==='3',red:e.standing_status ==='4',gray:e.standing_status ==='5'}"></div>
|
||||
</div>
|
||||
<div v-show="code1 === e.point_code" class="locate-wrap clearfix">
|
||||
<div :class="e.aline">
|
||||
@@ -60,7 +60,7 @@
|
||||
<p class="tan_p">货位：{{e.point_name}}</p>
|
||||
<p class="tan_p">载具：{{e.vehicle_code}}</p>
|
||||
<p class="tan_p">物料：{{e.material_code}}</p>
|
||||
<p class="tan_p">库存(kg)：{{e.ivt_qty}}</p>
|
||||
<p class="tan_p">库存(块)：{{e.ivt_qty}}</p>
|
||||
<p class="tan_p">入库时间：{{e.instorage_time}}</p>
|
||||
</div>
|
||||
<div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
|
||||
@@ -129,7 +129,6 @@
|
||||
|
||||
<script>
|
||||
import THeader from '@components/header.vue'
|
||||
// import * as echarts from 'echarts'
|
||||
import { storageMonitor } from '@js/getData1'
|
||||
export default {
|
||||
name: 'StorageMonitor',
|
||||
@@ -173,7 +172,7 @@ export default {
|
||||
},
|
||||
mounted () {
|
||||
// lock_type 00空闲，01锁定
|
||||
// struct_status 00为空，01为空盅，02为静置中，03为静置完成，04为强制完成，05为禁用
|
||||
// standing_status 00为空，1为空盅，2为静置中，3为静置完成，4为强制完成，5为禁用
|
||||
// 编号排布
|
||||
// 12排
|
||||
// let pai1 = []
|
||||
@@ -221,7 +220,6 @@ export default {
|
||||
// pai56 = pai5.concat(pai6)
|
||||
// this.group03 = pai56
|
||||
// end
|
||||
// 加载echarts图表
|
||||
this.initData()
|
||||
this.refresh()
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user