root/screen-shunhe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prod

Browse Source
This commit is contained in:
xiangxy
2023-08-21 18:14:08 +08:00
parent ec3e96f47d
commit 42934ae71f
2 changed files with 121 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
src/pages/shunhe/ProdCount.vue
View File

@@ -66,10 +66,10 @@
<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>
</div>
<vue-seamless-scroll :data="taskData" :class-option="classOption" class="content-block-scroll">
<vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll">
<ul class="content-block-scroll-ul">
<li v-for="(e, i) in taskData" :key="i">
<span>{{e.device_name}}</span><span>{{e.material_code}}</span><span>{{e.plan_qty}}</span><span>{{e.real_qty}}</span><span>{{e.qualified_qty}}</span><span>{{e.unqualified_qty}}</span><span>{{e.order_status_name}}</span><span>{{e.realproducestart_date}}</span><span>{{e.realproduceend_date}}</span>
<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.planStartTime}}</span><span>{{e.startTime}}</span><span>{{e.endTime}}</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>
@@ -103,9 +103,7 @@ export default {
materData: [],
deviceData: [],
resData: {},
taskData: [],
realqty: '',
planqty: ''
workOrder: []
}
},
computed: {
@@ -142,45 +140,50 @@ export default {
},
async initData () {
let res = await productionStatistics()
this.resData = res.result
this.showNum1 = (res.result.finishedRes[0].real_qty + '').split('')
this.showNum2 = (res.result.finishedRes[1].real_qty + '').split('')
this.showNum3 = (res.result.finishedRes[2].real_qty + '').split('')
this.taskData = [...res.result.productionTask]
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.setEchart01()
this.getEchart1()
this.getEchart2()
this.realqty = res.result.materialTask[0].real_qty
this.planqty = res.result.materialTask[0].plan_qty
this.setEchart01()
// 五种状态：未成产、已下发、生产中、停止、完成
},
setEchart01 () {
let data = [
{
value: 10,
name: '1号砖'
},
{
value: 20,
name: '2号砖'
},
{
value: 30,
name: '3号砖'
},
{
value: 40,
name: '4号砖'
},
{
value: 50,
name: '5号砖'
},
{
value: 60,
name: '6号砖'
}
]
// let data = [
// {
// value: 10,
// name: '1号砖'
// },
// {
// value: 20,
// name: '2号砖'
// },
// {
// value: 30,
// name: '3号砖'
// },
// {
// value: 40,
// name: '4号砖'
// },
// {
// value: 50,
// name: '5号砖'
// },
// {
// value: 60,
// name: '6号砖'
// }
// ]
let dataName = []
this.resData.mixProduction.map(el => {
dataName.push(el.name)
})
let data = this.resData.mixProduction
var option = {
legend: {
orient: 'horizontal',
@@ -193,7 +196,8 @@ export default {
itemGap: 30.86,
itemWidth: 14.16,
itemHeight: 7.38,
data: ['1号砖', '2号砖', '3号砖', '4号砖', '5号砖', '6号砖']
data: dataName
// data: ['1号砖', '2号砖', '3号砖', '4号砖', '5号砖', '6号砖']
},
color: ['#0966E8', '#39E083', '#ffee0e', '#f975aa', '#32c5ff', '#f7b502'],
series: [
@@ -228,14 +232,14 @@ export default {
getEchart1 () {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('echart_d1'))
// var finishArr = []
// var unFinishArr = []
// var materArr = []
// this.materData.map(el => {
// finishArr.push(el.finished_qty)
// unFinishArr.push(el.unfinished_qty)
// materArr.push(el.material_code)
// })
var finishArr = []
var unFinishArr = []
var materArr = []
this.resData.finishedProductCompletionRate.map(el => {
finishArr.push(el.completed)
unFinishArr.push(el.uncompleted)
materArr.push(el.name)
})
// 指定图表的配置项和数据
var option = {
legend: {
@@ -263,8 +267,8 @@ export default {
// trigger: 'axis'
// },
xAxis: {
data: ['1号砖', '2号砖', '3号砖', '4号砖'],
// data: materArr,
// data: ['1号砖', '2号砖', '3号砖', '4号砖'],
data: materArr,
axisLine: {
lineStyle: {
color: '#fff'
@@ -297,8 +301,8 @@ export default {
type: 'bar',
barWidth: 14,
stack: '完成情况',
data: [15, 20, 36, 10],
// data: unFinishArr,
// data: [15, 20, 36, 10],
data: unFinishArr,
itemStyle: {
normal: {
color: '#32C5FF'
@@ -320,8 +324,8 @@ export default {
type: 'bar',
barWidth: 14,
stack: '完成情况',
data: [40, 57, 18, 20],
// data: finishArr,
// data: [40, 57, 18, 20],
data: finishArr,
itemStyle: {
normal: {
color: '#F7B502'
@@ -348,18 +352,17 @@ export default {
},
getEchart2 () {
// 基于准备好的dom，初始化echarts实例
var lineData = [4, 9, 8, 6, 8, 7, 3, 8]
var barData = [50002, 34120, 48370, 57370, 67582, 90892, 32321, 57370]
var xData = ['1号机', '2号机', '3号机', '4号机', '5号机', '6号机', '7号机', '8号机']
// var lineData = []
// var barData = []
// var xData = []
// this.deviceData.map(el => {
// console.log(el.produce_qty)
// lineData.push(el.produce_qty)
// barData.push(el.produce_num)
// xData.push(el.device_name)
// })
// var lineData = [4, 9, 8, 6, 8, 7, 3, 8]
// var barData = [50002, 34120, 48370, 57370, 67582, 90892, 32321, 57370]
// var xData = ['1号机', '2号机', '3号机', '4号机', '5号机', '6号机', '7号机', '8号机']
var lineData = []
var barData = []
var xData = []
this.resData.pressProduction.equipmentProduction.map(el => {
lineData.push(el.weight)
barData.push(el.qty)
xData.push(el.name)
})
var option = {
legend: {
top: 20,
@@ -611,7 +614,7 @@ export default {
.desc1
position absolute
top .56rem
left 2rem
left 1.3rem
span
color #32C5FF
font-size .16rem