yinq 10 months ago
commit e8fb23b4b8

@ -74,7 +74,7 @@
<div class="chartSpan1">东线</div>
<div class="chartSpan2">西线</div>
<div class="supplementInfo">注射压力标准范围10.0-14.0Mpa AB组份枪头压力差1Mpa</div>
<div class="supplementInfo">注射压力标准范围10.0-14.0Mpa AB组份枪头压力差1Mpa</div>
<div class="supplementInfo1">发泡料温度标准范围:18.0-24.0</div>
<div class="scrollTable">
@ -577,7 +577,7 @@ export default {
value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
value3: totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0),
value4: ((totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0) / totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0)) * 100).toFixed(2),
value4: totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0) === 0 ? 0 : ((totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0) / totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0)) * 100).toFixed(2),
value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0),
value6: totalArr.map(val => val.value9).reduce((acc, curr) => acc + curr, 0),
value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0),
@ -1178,7 +1178,7 @@ export default {
value4: val.TARGET,
value5: val.PLAN_SUM,
value6: val.PRO_SUM,
value7: ((val.PRO_SUM / val.TARGET) * 100).toFixed(2) + '%',
value7: (val.PLAN_SUM === 0 ? 0 :((val.PRO_SUM / val.PLAN_SUM) * 100).toFixed(2) )+ '%',
value8: val.ANHOUR,
value9: val.TWOHOUR,
value10: val.THREEHOUR,
@ -1200,7 +1200,7 @@ export default {
value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
value3: totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0),
value4: ((totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0) / totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0)) * 100).toFixed(2),
value4: totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0) === 0 ? 0 : ((totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0) / totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0)) * 100).toFixed(2),
value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0),
value6: totalArr.map(val => val.value9).reduce((acc, curr) => acc + curr, 0),
value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0),

@ -17,12 +17,12 @@
:style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'">
{{ i }}
</div>
<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 class="status1"
:style="'background-color:'+(status1 === '1' ? '#00ff00':'ff0000')"></div>
</div>
<div style="position: absolute;transform: translate(-100%, -50%);top: 24.4%;left: 35%;color: #fff;font-size: 0.8vw;">发泡线状态</div>
<div style="position: absolute;transform: translate(-100%, -50%);top: 28.2%;left: 35%;color: #fff;font-size: 0.8vw;">发泡机状态</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>生产节拍</div>
<div>线体1圈 <span style="margin-left: 10px">{{ ' ' + meter1 }}</span>s</div>
@ -30,7 +30,7 @@
</div>
<div class="foamingMachine"></div>
<div class="supplementInfo">注射压力标准范围10.0-14.0Mpa AB组份枪头压力差1Mpa</div>
<div class="supplementInfo">注射压力标准范围10.0-14.0Mpa AB组份枪头压力差1Mpa</div>
<div class="supplementInfo1">发泡料温度标准范围:18.0-24.0</div>
<div style="position: absolute;top: 62%; left: 40%;color:#FFF">
<div style="width: 12px;height: 12px;background-color: #1be409;display: inline-block;margin: 0 8px;"></div>
@ -163,6 +163,7 @@ export default {
'门体发泡生产统计',
],
status1: 0,
status2: 0,
meter1: 0,
meter2: 0,
titlePosition: [
@ -754,6 +755,7 @@ export default {
f: (e) => {
// console.log(e)
this.status1 = e[0]?.X_VALUE
this.status2 = e[0]?.X_VALUE
this.meter1 = e[0]?.Y_VALUE_ONE
this.meter2 = e[0]?.Y_VALUE_TWO
}
@ -902,14 +904,26 @@ export default {
.status1 {
position: absolute;
transform: translate(-50%, -50%);
top: 73%;
left: 45%;
top: 24.4%;
left: 36%;
width: 1.5vw;
height: 1.5vw;
background: #00ff00;
border-radius: 50%;
}
.status2 {
position: absolute;
transform: translate(-50%, -50%);
top: 28.2%;
left: 36%;
width: 1.5vw;
height: 1.5vw;
background: #00ff00;
border-radius: 50%;
}
.scrollTable1 {
position: absolute;
top: 66%;

Loading…
Cancel
Save