|
|
|
@ -20,44 +20,42 @@
|
|
|
|
|
{{ 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>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
A1:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status1"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
: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:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status2"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
<div class="info3">
|
|
|
|
|
: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:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status3"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
<div class="info4">
|
|
|
|
|
<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:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status4"
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE >0 ? '#00ff00':'#ff0000')"></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:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status5"
|
|
|
|
|
:style="'background-color:#ff0000'"></div>
|
|
|
|
|
<!-- :style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE === 1 ? '#ff0000':'#00ff00')"></div>-->
|
|
|
|
|
: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:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status6"
|
|
|
|
|
:style="'background-color:#ff0000'"></div>
|
|
|
|
|
<!-- :style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE === 1 ? '#ff0000':'#00ff00')"></div>-->
|
|
|
|
|
:style="'background-color:'+(statusArr.find(e=>e.X_VALUE === 'B')&&statusArr.find(e=>e.X_VALUE === 'B').Y_VALUE >0 ? '#00ff00':'#ff0000')"></div>
|
|
|
|
|
|
|
|
|
|
<div style="position: absolute; top: 23%;left: 55%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
|
|
|
|
|
<div>发泡线 - 运行状态:</div>
|
|
|
|
|
<div>发泡机 - 运行状态:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="foamingMachine"></div>
|
|
|
|
|
|
|
|
|
@ -354,6 +352,7 @@ import * as echarts from 'echarts'
|
|
|
|
|
import {getData, getFoamingData, getCurrentTeamTimeList} from "@/api/board/getData";
|
|
|
|
|
import {mixData} from "@/api/board/mixData";
|
|
|
|
|
|
|
|
|
|
let intervalFun = null
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
vueSeamlessScroll,
|
|
|
|
@ -1615,8 +1614,31 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
intervalFun = setInterval(() => {
|
|
|
|
|
if (this.$route.query.id === '1' || this.id === '1') {
|
|
|
|
|
this.RequestDataSet.forEach(val => {
|
|
|
|
|
mixData(val)
|
|
|
|
|
})
|
|
|
|
|
} else if (this.$route.query.id === '2' || this.id === '2') {
|
|
|
|
|
this.RequestDataSet1.forEach(val => {
|
|
|
|
|
mixData(val)
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
this.RequestDataSet.forEach(val => {
|
|
|
|
|
mixData(val)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}, 1000 * 10)
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods: {}
|
|
|
|
|
methods: {},
|
|
|
|
|
beforeDestroy() {
|
|
|
|
|
console.log(1)
|
|
|
|
|
if(intervalFun){
|
|
|
|
|
clearInterval(intervalFun)
|
|
|
|
|
intervalFun = null
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|