zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:大屏数据更新

This commit is contained in:
shijing 2023-09-14 14:51:20 +08:00
parent b61ff39468
commit ed9698aeea
1 changed files with 131 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

157
src/views/bigScreen/index_enm.vue
View File

@ -145,6 +145,7 @@ export default {
},
factoryData: {},
sectionData: {},
nowDay:1,
initialAlpha: -Math.PI / 0.89,
initialBeta: Math.PI / 3.3,
initialRadius: 18,
@ -230,45 +231,58 @@ export default {
seriesData6:[0,0,0,0,0,0],
path:"ws://49.232.14.174:2226/ws/my/?token=",
ws:null,
mgroupValues:{
电石渣:{total:0,elec:0},
原料磨:{total:0,elec:0},
煤磨:{total:0,elec:0},
回转窑:{total:0,elec:0},
水泥磨:{total:0,elec:0},
水泥包装:{total:0,elec:0}
},
}
},
mounted() {
var that = this;
this.initDomStyle();
this.$nextTick(() => {
this.initCharts();
this.addListener();
// this.$API.enm.enstat.req({mgroup_name:'电石渣',type:'month_s',month_s:'2023',year_s:'8',page:0}).then((res1) => {
// debugger;
// console.log(res1)
// })
// this.$API.enm.enstat.req({mgroup_name:'原料磨',type:'month_s',month_s:'2023',year_s:'8',page:0}).then((res2) => {
// debugger;
// console.log(res2)
// })
// this.$API.enm.enstat.req({mgroup_name:'回转窑',type:'month_s',month_s:'2023',year_s:'8',page:0}).then((res3) => {
// debugger;
// console.log(res3)
// })
// this.$API.enm.enstat.req({mgroup_name:'煤磨',type:'month_s',month_s:'2023',year_s:'8',page:0}).then((res4) => {
// debugger;
// console.log(res4)
// })
// this.$API.enm.enstat.req({mgroup_name:'水泥磨',type:'month_s',month_s:'2023',year_s:'8',page:0}).then((res5) => {
// debugger;
// console.log(res5)
// })
// this.$API.enm.enstat.req({mgroup_name:'水泥包装',type:'month_s',month_s:'2023',year_s:'8',page:0}).then((res6) => {
// debugger;
// console.log(res6)
// })
let myDate = new Date();
let year = myDate.getFullYear();
let month = myDate.getMonth()+1;
let day = myDate.getDate();
that.nowDay = day;
that.query.year_s = year;
that.query.month_s = month;
this.initDomStyle();
this.$nextTick(() => {
this.$API.enm.enstat.req({type:'month_s',month_s:month,year_s:year,page:0}).then((res1) => {
console.log('工段数据：',res1)
debugger
res1.forEach(item=>{
if(item.mgroup_name=='电石渣'){
that.mgroupValues.电石渣.total = item.total_production;
that.mgroupValues.电石渣.elec=item.elec_consume_unit;
}else if(item.mgroup_name=='原料磨'){
that.mgroupValues.原料磨.total=item.total_production;
that.mgroupValues.原料磨.elec=item.elec_consume_unit;
}else if(item.mgroup_name=='煤磨'){
that.mgroupValues.煤磨.total=item.total_production;
that.mgroupValues.煤磨.elec=item.elec_consume_unit;
}else if(item.mgroup_name=='回转窑'){
that.mgroupValues.回转窑.total=item.total_production;
that.mgroupValues.回转窑.elec=item.elec_consume_unit;
}else if(item.mgroup_name=='水泥磨'){
that.mgroupValues.水泥磨.total=item.total_production;
that.mgroupValues.水泥磨.elec=item.elec_consume_unit;
}else if(item.mgroup_name=='水泥包装'){
that.mgroupValues.水泥包装.total=item.total_production;
that.mgroupValues.水泥包装.elec=item.elec_consume_unit;
}
})
})
setTimeout(function () {
that.initFactory();
}, 1000);
});
var myDate = new Date();
let year = myDate.getFullYear();
let month = myDate.getMonth()+1;
let month1= month>9?month:'0'+month;
let end_time = year+'-'+month1+'-01 10:00:00';
let year_s=year;
@ -276,12 +290,13 @@ export default {
year_s = year-1;
}
let arr = [],xAxisData = [];
let monthItem = month;
for (let i = 0; i < 6; i++) {
arr.push(month);
if(month === 1) {
month = 12;
arr.push(monthItem);
if(monthItem === 1) {
monthItem = 12;
} else {
month--;
monthItem--;
}
}
arr.reverse();
@ -289,7 +304,6 @@ export default {
let item = arr[i]+'月'
xAxisData.push(item);
}
let month0= arr[0]>9?arr[0]:'0'+arr[0];
let start_time = year_s+'-'+month0+'-01 10:00:00';
that.arrMonth = arr;
@ -297,10 +311,9 @@ export default {
that.xAxisData = xAxisData;
that.start_time = start_time;
that.end_time = end_time;
that.query.year_s = year;
that.query.month_s = month;
this.getFactoryData();
this.getSectionData();
this.getDayData();
this.init();
},
beforeUnmount() {
@ -413,7 +426,7 @@ export default {
obj.type = 'month_s';
obj.start_time = that.start_time;
obj.end_time = that.end_time;
obj.mgroup='3346520558031773696';
obj.mgroup__name=that.activeSectionName;
obj.page=0;
this.$API.enm.enstat.req(obj).then((res) => {
let list0 = res.sort(this.compare('month_s'));
@ -433,6 +446,19 @@ export default {
that.initCharts1();
})
},
getDayData(){
var that = this;
let obj = {};
obj.type = 'day_s';
obj.year_s = that.query.year_s;
obj.month_s = that.query.month_s;
obj.day_s = that.nowDay;
obj.mgroup__name=that.activeSectionName;
obj.page=0;
this.$API.enm.enstat.req(obj).then((res) => {
that.sectionData = res[0];
})
},
initCharts() {
let that = this;
function deepCopy(obj) {
@ -793,10 +819,10 @@ export default {
BABYLON.Animation.CreateAndStartAnimation('at51', camera, 'target', 45, 200, camera.target, position, 0, ease);
}
let dataViewName = rect1.name.split('_')[0] + '_data_view';
that.getMgroupChartData(dataViewName);
let dataView = advancedTexture.getControlByName(dataViewName);
if (dataView) {
// // 在这里进行矩形的操作
dataView.isVisible = true;
}
});
@ -851,12 +877,12 @@ export default {
rc.fontSize = '16px';
rc.text = "单位产品电耗：";
}else if(j==1&&i==0){
rc.text = "456";
rc.text = that.mgroupValues[value].total;
rc.width = "80px";
rc.fontSize = '18px';
rc.color = "rgb(44,237,255)";
}else if(j==1&&i==1){
rc.text = "123";
rc.text = that.mgroupValues[value].elec;
rc.width = "80px";
rc.fontSize = '18px';
rc.color = "rgb(44,237,255)";
@ -974,6 +1000,7 @@ export default {
});
},
handleSectionClick(val, index) {
let that = this;
this.activeSectionName = val;
this.activeSection = index;
if (val == '回转窑') {
@ -981,6 +1008,28 @@ export default {
} else {
this.showKgcet = false;
}
let obj = {};
obj.type = 'month_s';
obj.start_time = that.start_time;
obj.end_time = that.end_time;
obj.mgroup__name=val;
obj.page=0;
this.$API.enm.enstat.req(obj).then((res) => {
let list0 = res.sort(this.compare('month_s'));
let list = list0.sort(this.compare('year_s'));
let seriesData4 = [0,0,0,0,0,0],
seriesData5 = [0,0,0,0,0,0],
seriesData6 = [0,0,0,0,0,0];
list.forEach(item=>{
let index = that.arrMonth.indexOf(item.month_s);
seriesData4[index] = Number(item.elec_consume_unit)
seriesData5[index] = Number(item.total_production)
seriesData6[index] = Number(item.run_rate)
})
that.seriesData4=seriesData4;
that.seriesData5=seriesData5;
that.seriesData6=seriesData6;
that.initCharts1();
const element_main = document.querySelector('.right_main');
element_main.classList.add('animate__animated', 'animate__fadeIn');
element_main.addEventListener('animationend', () => {
@ -995,8 +1044,36 @@ export default {
});
const sectionUI = this.myui.getControlByName(val+'_rect')
sectionUI.onPointerDownObservable.notifyObservers();
})
},
// getMgroupChartData(name){
// var that = this;
// let obj = {};
// obj.type = 'month_s';
// obj.start_time = that.start_time;
// obj.end_time = that.end_time;
// obj.mgroup__name=val;
// obj.page=0;
// this.$API.enm.enstat.req(obj).then((res) => {
// let list0 = res.sort(this.compare('month_s'));
// let list = list0.sort(this.compare('year_s'));
// let seriesData4 = [0,0,0,0,0,0],
// seriesData5 = [0,0,0,0,0,0],
// seriesData6 = [0,0,0,0,0,0];
// list.forEach(item=>{
// let index = that.arrMonth.indexOf(item.month_s);
// seriesData4[index] = Number(item.elec_consume_unit)
// seriesData5[index] = Number(item.total_production)
// seriesData6[index] = Number(item.run_rate)
// })
// that.seriesData4=seriesData4;
// that.seriesData5=seriesData5;
// that.seriesData6=seriesData6;
// that.initCharts1();
// })
// },
},
unmounted() {
this.close();