|
|
@ -54,9 +54,9 @@
|
|
|
|
<div class="table1">
|
|
|
|
<div class="table1">
|
|
|
|
<div v-for="ii in groupByCount(list)">
|
|
|
|
<div v-for="ii in groupByCount(list)">
|
|
|
|
<div v-for="i in ii" class="item">
|
|
|
|
<div v-for="i in ii" class="item">
|
|
|
|
<div class="itemTitle">{{ type }}{{ i.equipmentCode.split('').at(-1) }}</div>
|
|
|
|
<div class="itemTitle">{{ type }}{{ i.equipmentCode.split('').at(-1) }}</div>
|
|
|
|
<div class="info1">运行状态:</div>
|
|
|
|
<div class="info1">运行状态:</div>
|
|
|
|
<div class="info1-1" :style="`color:${getColor(1)}`">{{ i.completed_count >0?'运行中':'已暂停' }}</div>
|
|
|
|
<div class="info1-1" :style="`color:${getColor(1)}`">{{ i.completed_count > 0 ? '运行中' : '已暂停' }}</div>
|
|
|
|
<div class="info2">订单号:<span style="width: 100%;display: inline-block"></span></div>
|
|
|
|
<div class="info2">订单号:<span style="width: 100%;display: inline-block"></span></div>
|
|
|
|
<div class="info2-1">{{ i.workorder_code }}</div>
|
|
|
|
<div class="info2-1">{{ i.workorder_code }}</div>
|
|
|
|
<div class="info3">产品名称:</div>
|
|
|
|
<div class="info3">产品名称:</div>
|
|
|
@ -80,7 +80,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
list:[],
|
|
|
|
list: [],
|
|
|
|
type: '成型',
|
|
|
|
type: '成型',
|
|
|
|
bz: '白班',
|
|
|
|
bz: '白班',
|
|
|
|
equipmentCode: 'C',
|
|
|
|
equipmentCode: 'C',
|
|
|
@ -89,9 +89,9 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
this.getData()
|
|
|
|
this.getData()
|
|
|
|
setInterval(()=>{
|
|
|
|
setInterval(() => {
|
|
|
|
this.getData()
|
|
|
|
this.getData()
|
|
|
|
},1000*60)
|
|
|
|
}, 1000 * 60)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
getColor(e) {
|
|
|
|
getColor(e) {
|
|
|
@ -101,10 +101,9 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getData() {
|
|
|
|
getData() {
|
|
|
|
getWhiteBoardProdDetails({
|
|
|
|
getWhiteBoardProdDetails({
|
|
|
|
shiftId:this.shiftId,
|
|
|
|
shiftId: this.shiftId,
|
|
|
|
equipmentCode:this.equipmentCode
|
|
|
|
equipmentCode: this.equipmentCode
|
|
|
|
}).then((e) => {
|
|
|
|
}).then((e) => {
|
|
|
|
console.log(e)
|
|
|
|
|
|
|
|
this.list = e.data.rightlist
|
|
|
|
this.list = e.data.rightlist
|
|
|
|
this.$refs.chart1.setData({
|
|
|
|
this.$refs.chart1.setData({
|
|
|
|
tooltip: {
|
|
|
|
tooltip: {
|
|
|
@ -133,7 +132,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
xAxis: {
|
|
|
|
type: "category",
|
|
|
|
type: "category",
|
|
|
|
data: e.data.leftList.map(v=>v.workorder_code),
|
|
|
|
data: e.data.leftList.map(v => v.workorder_code),
|
|
|
|
|
|
|
|
|
|
|
|
axisLine: {
|
|
|
|
axisLine: {
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
@ -198,7 +197,7 @@ export default {
|
|
|
|
]),
|
|
|
|
]),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: e.data.leftList.map(v=>v.plan_number),
|
|
|
|
data: e.data.leftList.map(v => v.plan_number),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "完成数量",
|
|
|
|
name: "完成数量",
|
|
|
@ -223,7 +222,7 @@ export default {
|
|
|
|
]),
|
|
|
|
]),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: e.data.leftList.map(v=>v.completed_count),
|
|
|
|
data: e.data.leftList.map(v => v.completed_count),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
})
|
|
|
|
})
|
|
|
|