fix:大屏数据更新
This commit is contained in:
parent
b61ff39468
commit
ed9698aeea
|
|
@ -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.initCharts();
|
||||
this.addListener();
|
||||
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.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)
|
||||
// })
|
||||
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,22 +1008,72 @@ export default {
|
|||
} else {
|
||||
this.showKgcet = false;
|
||||
}
|
||||
const element_main = document.querySelector('.right_main');
|
||||
element_main.classList.add('animate__animated', 'animate__fadeIn');
|
||||
element_main.addEventListener('animationend', () => {
|
||||
// 移除属性
|
||||
element_main.classList.remove('animate__fadeIn');
|
||||
});
|
||||
const element = document.querySelector('.right_other');
|
||||
element.classList.add('animate__animated', 'animate__fadeIn');
|
||||
element.addEventListener('animationend', () => {
|
||||
// 移除属性
|
||||
element.classList.remove('animate__fadeIn');
|
||||
});
|
||||
const sectionUI = this.myui.getControlByName(val+'_rect')
|
||||
sectionUI.onPointerDownObservable.notifyObservers();
|
||||
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', () => {
|
||||
// 移除属性
|
||||
element_main.classList.remove('animate__fadeIn');
|
||||
});
|
||||
const element = document.querySelector('.right_other');
|
||||
element.classList.add('animate__animated', 'animate__fadeIn');
|
||||
element.addEventListener('animationend', () => {
|
||||
// 移除属性
|
||||
element.classList.remove('animate__fadeIn');
|
||||
});
|
||||
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();
|
||||
|
|
|
|||
Loading…
Reference in New Issue