|
|
@ -18,11 +18,13 @@
|
|
|
|
{{ i }}
|
|
|
|
{{ i }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 23%;left: 30%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
|
|
|
|
<div style="position: absolute; top: 23%;left: 30%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
|
|
|
|
<div>设备状态:</div>
|
|
|
|
<div>发泡线状态:</div>
|
|
|
|
<div>生产状态:</div>
|
|
|
|
<div>发泡机状态:</div>
|
|
|
|
<div class="status1"
|
|
|
|
|
|
|
|
:style="'background-color:'+(status1 === '1' ? '#00ff00':'ff0000')"></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="status1"
|
|
|
|
|
|
|
|
:style="'background-color:'+(status1 === '1' ? '#00ff00':'ff0000')"></div>
|
|
|
|
|
|
|
|
<div class="status2"
|
|
|
|
|
|
|
|
:style="'background-color:'+(status2 === '1' ? '#00ff00':'ff0000')"></div>
|
|
|
|
<div style="position: absolute; top: 23%;left: 60%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
|
|
|
|
<div style="position: absolute; top: 23%;left: 60%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
|
|
|
|
<div>生产节拍:</div>
|
|
|
|
<div>生产节拍:</div>
|
|
|
|
<div>线体1圈 <span style="margin-left: 10px">{{ ' ' + meter1 }}</span>s</div>
|
|
|
|
<div>线体1圈 <span style="margin-left: 10px">{{ ' ' + meter1 }}</span>s</div>
|
|
|
@ -163,6 +165,7 @@ export default {
|
|
|
|
'门体发泡生产统计',
|
|
|
|
'门体发泡生产统计',
|
|
|
|
],
|
|
|
|
],
|
|
|
|
status1: 0,
|
|
|
|
status1: 0,
|
|
|
|
|
|
|
|
status2: 0,
|
|
|
|
meter1: 0,
|
|
|
|
meter1: 0,
|
|
|
|
meter2: 0,
|
|
|
|
meter2: 0,
|
|
|
|
titlePosition: [
|
|
|
|
titlePosition: [
|
|
|
@ -754,6 +757,7 @@ export default {
|
|
|
|
f: (e) => {
|
|
|
|
f: (e) => {
|
|
|
|
// console.log(e)
|
|
|
|
// console.log(e)
|
|
|
|
this.status1 = e[0]?.X_VALUE
|
|
|
|
this.status1 = e[0]?.X_VALUE
|
|
|
|
|
|
|
|
this.status2 = e[0]?.X_VALUE
|
|
|
|
this.meter1 = e[0]?.Y_VALUE_ONE
|
|
|
|
this.meter1 = e[0]?.Y_VALUE_ONE
|
|
|
|
this.meter2 = e[0]?.Y_VALUE_TWO
|
|
|
|
this.meter2 = e[0]?.Y_VALUE_TWO
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -902,14 +906,26 @@ export default {
|
|
|
|
.status1 {
|
|
|
|
.status1 {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
top: 73%;
|
|
|
|
top: 24.4%;
|
|
|
|
left: 45%;
|
|
|
|
left: 36%;
|
|
|
|
width: 1.5vw;
|
|
|
|
width: 1.5vw;
|
|
|
|
height: 1.5vw;
|
|
|
|
height: 1.5vw;
|
|
|
|
background: #00ff00;
|
|
|
|
background: #00ff00;
|
|
|
|
border-radius: 50%;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.status2 {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
|
|
|
top: 27.2%;
|
|
|
|
|
|
|
|
left: 36%;
|
|
|
|
|
|
|
|
width: 1.5vw;
|
|
|
|
|
|
|
|
height: 1.5vw;
|
|
|
|
|
|
|
|
background: #00ff00;
|
|
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scrollTable1 {
|
|
|
|
.scrollTable1 {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 66%;
|
|
|
|
top: 66%;
|
|
|
|