|
|
@ -4,16 +4,23 @@
|
|
|
|
<div class="topNum planNum">{{ planNum }}</div>
|
|
|
|
<div class="topNum planNum">{{ planNum }}</div>
|
|
|
|
<div class="topNum practicalNum">{{ practicalNum }}</div>
|
|
|
|
<div class="topNum practicalNum">{{ practicalNum }}</div>
|
|
|
|
<div class="topNum differenceValue">{{ differenceValue }}</div>
|
|
|
|
<div class="topNum differenceValue">{{ differenceValue }}</div>
|
|
|
|
|
|
|
|
<div class="title" v-for="(i,k) in title"
|
|
|
|
|
|
|
|
:style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'">
|
|
|
|
|
|
|
|
{{ i }}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="position: absolute; top: 23%;left: 60%;width:10vw;text-align:center;color: #fff;font-size: 1vw;line-height: 1.5vw">
|
|
|
|
|
|
|
|
<div>生产节拍</div>
|
|
|
|
|
|
|
|
<div>线体1圈 1s</div>
|
|
|
|
|
|
|
|
<div>台车1位 1s</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="supplementInfo">注射压力标准范围:10.0-12.0Mpa A、B组份枪头压力差<1Mpa</div>
|
|
|
|
<div class="supplementInfo">注射压力标准范围:10.0-12.0Mpa A、B组份枪头压力差<1Mpa</div>
|
|
|
|
<div class="supplementInfo1">发泡料温度标准范围:18.0-24.0℃</div>
|
|
|
|
<div class="supplementInfo1">发泡料温度标准范围:18.0-24.0℃</div>
|
|
|
|
<div style="position: absolute;top: 62%; left: 19%;color:#FFF">正在生产: <div
|
|
|
|
<div style="position: absolute;top: 62%; left: 40%;color:#FFF">
|
|
|
|
style="width: 12px;height: 12px;background-color: #5dfd36;display: inline-block;border-radius: 50%;">
|
|
|
|
<div style="width: 12px;height: 12px;background-color: #5dfd36;display: inline-block;margin: 0 8px;"></div> 启用
|
|
|
|
</div> 停机:<div
|
|
|
|
<div style="width: 12px;height: 12px;background-color: #ffffff88;display: inline-block;margin: 0 8px;"></div>停用
|
|
|
|
style="width: 12px;height: 12px;background-color: #ffffff88;display: inline-block;border-radius: 50%;"></div>
|
|
|
|
<div style="width: 12px;height: 12px;background-color: #ff0000;display: inline-block;margin: 0 8px;"></div> 注料位
|
|
|
|
注料位置台车:<div style="width: 12px;height: 12px;background-color: #ff0000;display: inline-block;border-radius: 50%;">
|
|
|
|
<div style="width: 12px;height: 12px;background-color: #FF8000;display: inline-block;margin: 0 8px;"></div>出模位
|
|
|
|
</div> 出模位置台车:<div
|
|
|
|
|
|
|
|
style="width: 12px;height: 12px;background-color: #FF8000;display: inline-block;border-radius: 50%;"></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="scrollTable">
|
|
|
|
<div class="scrollTable">
|
|
|
@ -804,6 +811,40 @@ export default {
|
|
|
|
name: "Liner",
|
|
|
|
name: "Liner",
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
|
|
|
title: [
|
|
|
|
|
|
|
|
'箱体队列',
|
|
|
|
|
|
|
|
'箱体队列统计',
|
|
|
|
|
|
|
|
'生产统计数据',
|
|
|
|
|
|
|
|
'发泡注射压力监控',
|
|
|
|
|
|
|
|
'发泡料注料温度健康',
|
|
|
|
|
|
|
|
'门体发泡生产统计',
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
titlePosition: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
top: 11.5,
|
|
|
|
|
|
|
|
left: 5.5
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
top: 39.2,
|
|
|
|
|
|
|
|
left: 5.5
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
top: 62.8,
|
|
|
|
|
|
|
|
left: 5.5
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
top: 11.5,
|
|
|
|
|
|
|
|
left: 75
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
top: 39.3,
|
|
|
|
|
|
|
|
left: 75
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
top: 62.9,
|
|
|
|
|
|
|
|
left: 75
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
show: 0,
|
|
|
|
show: 0,
|
|
|
|
planNum: 1000,
|
|
|
|
planNum: 1000,
|
|
|
|
practicalNum: 1000,
|
|
|
|
practicalNum: 1000,
|
|
|
@ -1484,4 +1525,11 @@ export default {
|
|
|
|
width: 16.8%;
|
|
|
|
width: 16.8%;
|
|
|
|
height: 29%;
|
|
|
|
height: 29%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
|
|
|
color: #dddddd;
|
|
|
|
|
|
|
|
font-size: 1vw;
|
|
|
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|