|
|
|
@ -23,33 +23,33 @@
|
|
|
|
|
<div>发泡线 - 运行状态:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
A1:
|
|
|
|
|
A:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status1"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === 'A1')&&statusArr.find(e=>e.X_VALUE === 'A1').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
B1:
|
|
|
|
|
B:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status2"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === 'B1')&&statusArr.find(e=>e.X_VALUE === 'B1').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
<div class="info3" v-if="$route.query.id === '1' || id === '1'">
|
|
|
|
|
A2:
|
|
|
|
|
C:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status3" v-if="$route.query.id === '1' || id === '1'"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === 'A2')&&statusArr.find(e=>e.X_VALUE === 'A2').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
<div class="info4" v-if="$route.query.id === '1' || id === '1'">
|
|
|
|
|
B2:
|
|
|
|
|
D:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status4" v-if="$route.query.id === '1' || id === '1'"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === 'B2')&&statusArr.find(e=>e.X_VALUE === 'B2').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
|
|
|
|
|
<div class="info5">
|
|
|
|
|
A:
|
|
|
|
|
1#系统:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status5"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === 'A')&&statusArr.find(e=>e.X_VALUE === 'A').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
<div class="info6">
|
|
|
|
|
B:
|
|
|
|
|
2#系统:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status6"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === 'B')&&statusArr.find(e=>e.X_VALUE === 'B').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
@ -493,6 +493,12 @@ export default {
|
|
|
|
|
barWidth: "40%",
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
@ -551,7 +557,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.scrollTableData1 = table
|
|
|
|
|
let totalArr = table.slice(0, 6)
|
|
|
|
|
let totalArr = table
|
|
|
|
|
this.total = {
|
|
|
|
|
value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
|
|
|
|
|
value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
@ -644,6 +650,12 @@ export default {
|
|
|
|
|
barWidth: "30%",
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
@ -664,7 +676,13 @@ export default {
|
|
|
|
|
borderRadius: 2,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: e.map(val => val.Y_VALUE_ONE),
|
|
|
|
|
data: e.map(val => {
|
|
|
|
|
if (val.Y_VALUE_ONE === 0) {
|
|
|
|
|
return null
|
|
|
|
|
} else {
|
|
|
|
|
return val.Y_VALUE_ONE
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: 'ISO压力',
|
|
|
|
@ -673,6 +691,12 @@ export default {
|
|
|
|
|
barGap: '40%',
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
@ -693,7 +717,13 @@ export default {
|
|
|
|
|
borderRadius: 2,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: e.map(val => val.Y_VALUE_TWO),
|
|
|
|
|
data: e.map(val => {
|
|
|
|
|
if (val.Y_VALUE_TWO === 0) {
|
|
|
|
|
return null
|
|
|
|
|
} else {
|
|
|
|
|
return val.Y_VALUE_TWO
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
@ -818,6 +848,12 @@ export default {
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
|
},
|
|
|
|
@ -866,6 +902,12 @@ export default {
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#668e84",
|
|
|
|
|
},
|
|
|
|
@ -959,6 +1001,12 @@ export default {
|
|
|
|
|
type: "bar",
|
|
|
|
|
barWidth: "33%",
|
|
|
|
|
label: {
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
@ -1067,6 +1115,12 @@ export default {
|
|
|
|
|
barMaxWidth: 40,
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
@ -1126,7 +1180,7 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
this.scrollTableData1 = table
|
|
|
|
|
let totalArr = table.slice(0, 6)
|
|
|
|
|
let totalArr = table
|
|
|
|
|
this.total = {
|
|
|
|
|
value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
|
|
|
|
|
value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
@ -1218,6 +1272,12 @@ export default {
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
|
},
|
|
|
|
@ -1237,7 +1297,14 @@ export default {
|
|
|
|
|
borderRadius: 2,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: e.map(val => val.Y_VALUE_ONE),
|
|
|
|
|
|
|
|
|
|
data: e.map(val => {
|
|
|
|
|
if (val.Y_VALUE_ONE === 0) {
|
|
|
|
|
return null
|
|
|
|
|
} else {
|
|
|
|
|
return val.Y_VALUE_ONE
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: 'ISO压力',
|
|
|
|
@ -1246,6 +1313,12 @@ export default {
|
|
|
|
|
barGap: '40%',
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
@ -1266,7 +1339,13 @@ export default {
|
|
|
|
|
borderRadius: 2,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: e.map(val => val.Y_VALUE_TWO),
|
|
|
|
|
data: e.map(val => {
|
|
|
|
|
if (val.Y_VALUE_TWO === 0) {
|
|
|
|
|
return null
|
|
|
|
|
} else {
|
|
|
|
|
return val.Y_VALUE_TWO
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
@ -1390,6 +1469,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
@ -1438,6 +1523,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#668e84",
|
|
|
|
@ -1533,6 +1624,12 @@ export default {
|
|
|
|
|
barWidth: "33%",
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter:(e)=>{
|
|
|
|
|
if(e.data === 0){
|
|
|
|
|
return ''
|
|
|
|
|
}else{}
|
|
|
|
|
return e.data
|
|
|
|
|
},
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#49d9ff",
|
|
|
|
@ -1580,25 +1677,6 @@ export default {
|
|
|
|
|
num = num % num1
|
|
|
|
|
this.show = num
|
|
|
|
|
|
|
|
|
|
let totalArr = this.scrollTableData1.slice(num * 6, (num + 1) * 6)
|
|
|
|
|
this.total = {
|
|
|
|
|
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),
|
|
|
|
|
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),
|
|
|
|
|
value8: totalArr.map(val => val.value11).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value9: totalArr.map(val => val.value12).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value10: totalArr.map(val => val.value13).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value11: totalArr.map(val => val.value14).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value12: totalArr.map(val => val.value15).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value13: totalArr.map(val => val.value16).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value14: totalArr.map(val => val.value17).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0),
|
|
|
|
|
}
|
|
|
|
|
}, 30 * 1000)
|
|
|
|
|
if (this.$route.query.id === '1' || this.id === '1') {
|
|
|
|
|
this.RequestDataSet.forEach(val => {
|
|
|
|
@ -1895,18 +1973,18 @@ export default {
|
|
|
|
|
|
|
|
|
|
.info5 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
top: 28%;
|
|
|
|
|
left: 56%;
|
|
|
|
|
left: 55%;
|
|
|
|
|
font-size: 1vw;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.status5 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
top: 28%;
|
|
|
|
|
left: 59%;
|
|
|
|
|
left: 59.5%;
|
|
|
|
|
width: 1.5vw;
|
|
|
|
|
height: 1.5vw;
|
|
|
|
|
background: #00ff00;
|
|
|
|
@ -1915,7 +1993,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.info6 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
top: 28%;
|
|
|
|
|
left: 62%;
|
|
|
|
|
font-size: 1vw;
|
|
|
|
@ -1924,9 +2002,9 @@ export default {
|
|
|
|
|
|
|
|
|
|
.status6 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
top: 28%;
|
|
|
|
|
left: 65%;
|
|
|
|
|
left: 66.5%;
|
|
|
|
|
width: 1.5vw;
|
|
|
|
|
height: 1.5vw;
|
|
|
|
|
background: #00ff00;
|
|
|
|
|