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