|
|
|
@ -9,6 +9,7 @@
|
|
|
|
|
:style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'">
|
|
|
|
|
{{ i }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="meter">平均节拍:{{meter}}</div>
|
|
|
|
|
|
|
|
|
|
<div class="scrollTable">
|
|
|
|
|
<div style="background-color: #094170">
|
|
|
|
@ -87,6 +88,7 @@
|
|
|
|
|
<div class="chart3">
|
|
|
|
|
<Chart ref="chart3"></Chart>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="inventoryInfo">内胆库剩余:{{ linerNum }}% 箱壳库剩余:{{ caseNum }}%</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
@ -104,9 +106,12 @@ export default {
|
|
|
|
|
name: "Liner",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
linerNum: 50,
|
|
|
|
|
caseNum: 44,
|
|
|
|
|
meter:30,
|
|
|
|
|
title: [
|
|
|
|
|
'工单计划',
|
|
|
|
|
'出入库统计',
|
|
|
|
|
'小时统计',
|
|
|
|
|
'库存统计',
|
|
|
|
|
'发泡夹具状态',
|
|
|
|
|
],
|
|
|
|
@ -353,7 +358,7 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
this.$refs.chart3.setData({
|
|
|
|
|
legend: {
|
|
|
|
|
data: e.liner.foamFixtureState.y.map(val => val.name),
|
|
|
|
|
data: ['运行中'],
|
|
|
|
|
right: 'center',
|
|
|
|
|
top: 0,
|
|
|
|
|
textStyle: {
|
|
|
|
@ -407,11 +412,11 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
axisLabel: {},
|
|
|
|
|
},
|
|
|
|
|
series: e.liner.foamFixtureState.y.map(val => {
|
|
|
|
|
return {
|
|
|
|
|
name: val.name,
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: e.liner.foamFixtureState.y.name,
|
|
|
|
|
type: "bar",
|
|
|
|
|
barWidth: 100 / (e.liner.foamFixtureState.y.length + 2) + "%",
|
|
|
|
|
barWidth: '30%',
|
|
|
|
|
barMaxWidth: 50,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
@ -427,9 +432,9 @@ export default {
|
|
|
|
|
]),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: val.data,
|
|
|
|
|
data: e.liner.foamFixtureState.y.data,
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
@ -538,4 +543,22 @@ export default {
|
|
|
|
|
width: 45.5%;
|
|
|
|
|
height: 30.7%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.inventoryInfo {
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
font-size: 0.9vw;
|
|
|
|
|
top: 59.6%;
|
|
|
|
|
left: 13.7%;
|
|
|
|
|
color: #fff;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
}
|
|
|
|
|
.meter{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 19.7%;
|
|
|
|
|
left: 61.5%;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
font-size: 0.8vw;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|