fix:煤磨mgroup接口获取
This commit is contained in:
parent
ffc08a38de
commit
dbd019d0ef
|
|
@ -5,23 +5,28 @@
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="exportExcel()"
|
@click="exportExcel()"
|
||||||
:loading = "exportLoading"
|
:loading="exportLoading"
|
||||||
>导出xlsx
|
>导出xlsx
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||||||
type="primary"
|
|
||||||
@click="handlePrint"
|
|
||||||
>打印
|
|
||||||
</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-card style="margin-top:5px">
|
<el-card style="margin-top: 5px">
|
||||||
<div class="printWrap">
|
<div class="printWrap">
|
||||||
<div ref="print" id="myReport" class="printContainer">
|
<div ref="print" id="myReport" class="printContainer">
|
||||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
<table
|
||||||
|
border="1"
|
||||||
|
width="1035"
|
||||||
|
cellspacing="0"
|
||||||
|
:key="timeStamp"
|
||||||
|
class="myTable"
|
||||||
|
id="myTable"
|
||||||
|
>
|
||||||
<thead class="myTableHead">
|
<thead class="myTableHead">
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="6">煤磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
<th colspan="6">
|
||||||
|
煤磨工段主要设备（100KW以上）单位产品电耗数据表
|
||||||
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>设备名称</th>
|
<th>设备名称</th>
|
||||||
|
|
@ -34,26 +39,64 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="item in tableDatas" :key="item">
|
<tr v-for="item in tableDatas" :key="item">
|
||||||
<template v-for="(item1,ind) in item" :key="item1">
|
<template
|
||||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
v-for="(item1, ind) in item"
|
||||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hour_s',item1)">{{item1}}</td>
|
:key="item1"
|
||||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('day_s',item1)">{{item1}}</td>
|
>
|
||||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick('month_s',item1)">{{item1}}</td>
|
<td
|
||||||
|
v-if="ind == 0 || ind == 1 || ind == 2"
|
||||||
|
class="numCell"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
v-if="ind == 3"
|
||||||
|
class="numCell hoursItem"
|
||||||
|
@click="itemClick('hour_s', item1)"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
v-if="ind == 4"
|
||||||
|
class="numCell monthItem"
|
||||||
|
@click="itemClick('day_s', item1)"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
v-if="ind == 5"
|
||||||
|
class="numCell yearItem"
|
||||||
|
@click="itemClick('month_s', item1)"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
</template>
|
</template>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<div class="chartWrap">
|
<div class="chartWrap">
|
||||||
<div class="chartTitle">小时生产参数统计图</div>
|
<div class="chartTitle">小时生产参数统计图</div>
|
||||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
<scEcharts
|
||||||
|
height="400px"
|
||||||
|
width="1033px"
|
||||||
|
:option="optionHour"
|
||||||
|
></scEcharts>
|
||||||
</div>
|
</div>
|
||||||
<div class="chartWrap">
|
<div class="chartWrap">
|
||||||
<div class="chartTitle">本月生产参数统计图</div>
|
<div class="chartTitle">本月生产参数统计图</div>
|
||||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
<scEcharts
|
||||||
|
height="400px"
|
||||||
|
width="1033px"
|
||||||
|
:option="optionDay"
|
||||||
|
></scEcharts>
|
||||||
</div>
|
</div>
|
||||||
<div class="chartWrap">
|
<div class="chartWrap">
|
||||||
<div class="chartTitle">本年生产参数统计图</div>
|
<div class="chartTitle">本年生产参数统计图</div>
|
||||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
<scEcharts
|
||||||
|
height="400px"
|
||||||
|
width="1033px"
|
||||||
|
:option="optionMonth"
|
||||||
|
></scEcharts>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -62,128 +105,109 @@
|
||||||
:type="type"
|
:type="type"
|
||||||
:title="title"
|
:title="title"
|
||||||
:cate="cate"
|
:cate="cate"
|
||||||
:apiObj = "apiObj"
|
:apiObj="apiObj"
|
||||||
:mgroup="query.mgroup"
|
:mgroup="query.mgroup"
|
||||||
:modelValue="modelValue"
|
:modelValue="modelValue"
|
||||||
:showClose="showClose"
|
:showClose="showClose"
|
||||||
:echartType='echartType'
|
:echartType="echartType"
|
||||||
@closed="asynDialog = false"
|
@closed="asynDialog = false"
|
||||||
></charts>
|
></charts>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
const colors = [
|
||||||
let tooltip= {
|
"#647bfe",
|
||||||
|
"#8698fe",
|
||||||
|
"#a9b6fe",
|
||||||
|
"#cbd3fe",
|
||||||
|
"#91CC75",
|
||||||
|
"#EE6666",
|
||||||
|
];
|
||||||
|
let tooltip = {
|
||||||
show: true,
|
show: true,
|
||||||
trigger: 'axis',
|
trigger: "axis",
|
||||||
axisPointer: {
|
axisPointer: {
|
||||||
type: 'cross'
|
type: "cross",
|
||||||
},
|
},
|
||||||
confine:false,
|
confine: false,
|
||||||
showContent: true,
|
showContent: true,
|
||||||
triggerOn:"mousemove",
|
triggerOn: "mousemove",
|
||||||
// alwaysShowContent:true,
|
// alwaysShowContent:true,
|
||||||
};
|
};
|
||||||
let grid={
|
let grid = {
|
||||||
right: '3%',
|
right: "3%",
|
||||||
left:'7%',
|
left: "7%",
|
||||||
top:'15%'
|
top: "15%",
|
||||||
};
|
};
|
||||||
let toolbox={
|
let toolbox = {
|
||||||
right:'5%',
|
right: "5%",
|
||||||
feature: {
|
feature: {
|
||||||
dataView: { show: true, readOnly: false },
|
dataView: { show: true, readOnly: false },
|
||||||
// restore: { show: true },
|
// restore: { show: true },
|
||||||
saveAsImage: { show: true }
|
saveAsImage: { show: true },
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
let legend= {
|
let legend = {
|
||||||
top:'2%',
|
top: "2%",
|
||||||
data:['煤磨排风机主电机', '煤磨主电机']
|
data: ["煤磨排风机主电机", "煤磨主电机"],
|
||||||
};
|
};
|
||||||
let yAxis= {
|
let yAxis = {
|
||||||
type: 'value',
|
type: "value",
|
||||||
name: '分布电耗(KW.h/t)',
|
name: "分布电耗(KW.h/t)",
|
||||||
alignTicks: true,
|
alignTicks: true,
|
||||||
axisLine: {
|
axisLine: {
|
||||||
show: true,
|
show: true,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: colors[3]
|
color: colors[3],
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
formatter: '{value}'
|
formatter: "{value}",
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
import scEcharts from "@/components/scEcharts";
|
import scEcharts from "@/components/scEcharts";
|
||||||
import { defineAsyncComponent } from 'vue'
|
import { defineAsyncComponent } from "vue";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
scEcharts,
|
scEcharts,
|
||||||
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
|
charts: defineAsyncComponent(() =>
|
||||||
|
import("@/components/scEnm/lineChartsdialog.vue")
|
||||||
|
),
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
chartShow: false,
|
chartShow: false,
|
||||||
myOption: null,
|
myOption: null,
|
||||||
optionHour:{},
|
optionHour: {},
|
||||||
optionDay:{},
|
optionDay: {},
|
||||||
optionMonth:{},
|
optionMonth: {},
|
||||||
year:2023,
|
year: 2023,
|
||||||
month:1,
|
month: 1,
|
||||||
days:1,
|
days: 1,
|
||||||
hours:1,
|
hours: 1,
|
||||||
query: {
|
query: {
|
||||||
mgroup:'3347217512021835776',
|
mgroup: "",
|
||||||
},
|
},
|
||||||
tableName:'主要设备（100KW以上）单位产品电耗数据表',
|
tableName: "主要设备（100KW以上）单位产品电耗数据表",
|
||||||
tableDatas:[
|
tableDatas: [
|
||||||
['煤磨排风机主电机','','KW·h/t','','',''],
|
["煤磨排风机主电机", "", "KW·h/t", "", "", ""],
|
||||||
['煤磨主电机','','KW·h/t','','',''],
|
["煤磨主电机", "", "KW·h/t", "", "", ""],
|
||||||
],
|
],
|
||||||
modelValue:true,
|
modelValue: true,
|
||||||
type:'hour_s',
|
type: "hour_s",
|
||||||
title:'煤磨工段',
|
title: "煤磨工段",
|
||||||
cate:'',
|
cate: "",
|
||||||
apiObj:this.$API.enm.mpoint.stat,
|
apiObj: this.$API.enm.mpoint.stat,
|
||||||
showClose:true,
|
showClose: true,
|
||||||
echartType:'line',
|
echartType: "line",
|
||||||
asynDialog:false,
|
asynDialog: false,
|
||||||
allValHour:0,
|
allValHour: 0,
|
||||||
allValDays:0,
|
allValDays: 0,
|
||||||
allValMonth:0,
|
allValMonth: 0,
|
||||||
option1:{
|
option1: {
|
||||||
color: colors,
|
color: colors,
|
||||||
tooltip:tooltip,
|
tooltip: tooltip,
|
||||||
grid: grid,
|
|
||||||
toolbox: toolbox,
|
|
||||||
legend:legend,
|
|
||||||
xAxis: {
|
|
||||||
axisTick: {
|
|
||||||
show: true,
|
|
||||||
length: 5,
|
|
||||||
inside: true,
|
|
||||||
},
|
|
||||||
data: []
|
|
||||||
},
|
|
||||||
yAxis:yAxis,
|
|
||||||
series:[
|
|
||||||
{
|
|
||||||
name: '煤磨排风机主电机',
|
|
||||||
type: 'bar',
|
|
||||||
data:[]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '煤磨主电机',
|
|
||||||
type: 'bar',
|
|
||||||
data: []
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
option2:{
|
|
||||||
color: colors,
|
|
||||||
tooltip:tooltip,
|
|
||||||
grid: grid,
|
grid: grid,
|
||||||
toolbox: toolbox,
|
toolbox: toolbox,
|
||||||
legend: legend,
|
legend: legend,
|
||||||
|
|
@ -193,25 +217,25 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
||||||
length: 5,
|
length: 5,
|
||||||
inside: true,
|
inside: true,
|
||||||
},
|
},
|
||||||
data: []
|
data: [],
|
||||||
},
|
},
|
||||||
yAxis: yAxis,
|
yAxis: yAxis,
|
||||||
series:[
|
series: [
|
||||||
{
|
{
|
||||||
name: '煤磨排风机主电机',
|
name: "煤磨排风机主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data:[]
|
data: [],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '煤磨主电机',
|
name: "煤磨主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data: []
|
data: [],
|
||||||
},
|
},
|
||||||
]
|
],
|
||||||
},
|
},
|
||||||
option3:{
|
option2: {
|
||||||
color: colors,
|
color: colors,
|
||||||
tooltip:tooltip,
|
tooltip: tooltip,
|
||||||
grid: grid,
|
grid: grid,
|
||||||
toolbox: toolbox,
|
toolbox: toolbox,
|
||||||
legend: legend,
|
legend: legend,
|
||||||
|
|
@ -221,94 +245,166 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
||||||
length: 5,
|
length: 5,
|
||||||
inside: true,
|
inside: true,
|
||||||
},
|
},
|
||||||
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
|
data: [],
|
||||||
},
|
},
|
||||||
yAxis: yAxis,
|
yAxis: yAxis,
|
||||||
series:[
|
series: [
|
||||||
{
|
{
|
||||||
name: '煤磨排风机主电机',
|
name: "煤磨排风机主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data:[]
|
data: [],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '煤磨主电机',
|
name: "煤磨主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data: []
|
data: [],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
option3: {
|
||||||
|
color: colors,
|
||||||
|
tooltip: tooltip,
|
||||||
|
grid: grid,
|
||||||
|
toolbox: toolbox,
|
||||||
|
legend: legend,
|
||||||
|
xAxis: {
|
||||||
|
axisTick: {
|
||||||
|
show: true,
|
||||||
|
length: 5,
|
||||||
|
inside: true,
|
||||||
|
},
|
||||||
|
data: [
|
||||||
|
"一月",
|
||||||
|
"二月",
|
||||||
|
"三月",
|
||||||
|
"四月",
|
||||||
|
"五月",
|
||||||
|
"六月",
|
||||||
|
"七月",
|
||||||
|
"八月",
|
||||||
|
"九月",
|
||||||
|
"十月",
|
||||||
|
"十一月",
|
||||||
|
"十二月",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
yAxis: yAxis,
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "煤磨排风机主电机",
|
||||||
|
type: "bar",
|
||||||
|
data: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "煤磨主电机",
|
||||||
|
type: "bar",
|
||||||
|
data: [],
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
]
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
let that = this;
|
let that = this;
|
||||||
var myDate = new Date();
|
var myDate = new Date();
|
||||||
let year = myDate.getFullYear();
|
let year = myDate.getFullYear();
|
||||||
let month = myDate.getMonth()+1;
|
let month = myDate.getMonth() + 1;
|
||||||
let days = myDate.getDate();
|
let days = myDate.getDate();
|
||||||
let hours = myDate.getHours();
|
let hours = myDate.getHours();
|
||||||
let timeDate = myDate.getTime();
|
let timeDate = myDate.getTime();
|
||||||
let dayTime = 24 * 60 * 60 * 1000;
|
let dayTime = 24 * 60 * 60 * 1000;
|
||||||
//昨天的计算
|
//昨天的计算
|
||||||
let year_d = year,month_d = month,days_d = days;
|
let year_d = year,
|
||||||
if(hours<21){//21点前，查找昨日数据为前一天数据
|
month_d = month,
|
||||||
let newDate = timeDate- dayTime;
|
days_d = days;
|
||||||
|
if (hours < 21) {
|
||||||
|
//21点前，查找昨日数据为前一天数据
|
||||||
|
let newDate = timeDate - dayTime;
|
||||||
let lastDate = new Date(newDate);
|
let lastDate = new Date(newDate);
|
||||||
year_d = lastDate.getFullYear();
|
year_d = lastDate.getFullYear();
|
||||||
month_d = lastDate.getMonth()+1;
|
month_d = lastDate.getMonth() + 1;
|
||||||
days_d = lastDate.getDate();
|
days_d = lastDate.getDate();
|
||||||
}
|
}
|
||||||
//上一小时的计算
|
//上一小时的计算
|
||||||
let hourTime = timeDate - 3600000;
|
let hourTime = timeDate - 3600000;
|
||||||
let hourDate = new Date(hourTime);
|
let hourDate = new Date(hourTime);
|
||||||
let year_h = hourDate.getFullYear();
|
let year_h = hourDate.getFullYear();
|
||||||
let month_h = hourDate.getMonth()+1;
|
let month_h = hourDate.getMonth() + 1;
|
||||||
let days_h = hourDate.getDate();
|
let days_h = hourDate.getDate();
|
||||||
let hours_h = hourDate.getHours();
|
let hours_h = hourDate.getHours();
|
||||||
|
this.$API.mtm.mgroup.list
|
||||||
|
.req({ page: 0, search: "煤磨" })
|
||||||
|
.then((res) => {
|
||||||
|
console.log("煤磨", res);
|
||||||
|
that.query.mgroup = res[0].id;
|
||||||
//本月
|
//本月
|
||||||
let params2 = {};
|
let params2 = {};
|
||||||
params2.page = 0;
|
params2.page = 0;
|
||||||
params2.year_s = year;
|
params2.year_s = year;
|
||||||
params2.month_s = month;
|
params2.month_s = month;
|
||||||
params2.type = 'month_s';
|
params2.type = "month_s";
|
||||||
params2.mgroup = this.query.mgroup;
|
params2.mgroup = that.query.mgroup;
|
||||||
this.$API.enm.enstat.req(params2).then((res2) => {
|
that.$API.enm.enstat
|
||||||
if(res2.length>0){
|
.req(params2)
|
||||||
let hourProduct=that.allValMonth = res2[0].total_production;//当前条件下的总产量
|
.then((res2) => {
|
||||||
|
if (res2.length > 0) {
|
||||||
|
let hourProduct = (that.allValMonth =
|
||||||
|
res2[0].total_production); //当前条件下的总产量
|
||||||
params2.mpoint__ep_monitored__power_kw__gte = 100;
|
params2.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(params2).then((res) => {
|
that.$API.enm.mpoint.stat
|
||||||
|
.req(params2)
|
||||||
|
.then((res) => {
|
||||||
let data2 = res;
|
let data2 = res;
|
||||||
for (let i = 0; i < data2.length; i++) {
|
for (let i = 0; i < data2.length; i++) {
|
||||||
that.tableDatas[i]=[];
|
that.tableDatas[i] = [];
|
||||||
that.tableDatas[i][0]=data2[i].ep_monitored_name;
|
that.tableDatas[i][0] =
|
||||||
that.tableDatas[i][1]=data2[i].ep_monitored_number;
|
data2[i].ep_monitored_name;
|
||||||
that.tableDatas[i][2]='KW·h/t';
|
that.tableDatas[i][1] =
|
||||||
let val = hourProduct==0?'/':(data2[i].val/hourProduct).toFixed(2);
|
data2[i].ep_monitored_number;
|
||||||
that.tableDatas[i][5]=val;
|
that.tableDatas[i][2] = "KW·h/t";
|
||||||
|
let val =
|
||||||
|
hourProduct == 0
|
||||||
|
? "/"
|
||||||
|
: (
|
||||||
|
data2[i].val /
|
||||||
|
hourProduct
|
||||||
|
).toFixed(2);
|
||||||
|
that.tableDatas[i][5] = val;
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
.then((res2) => {
|
||||||
}).then(res2=>{
|
|
||||||
//昨日
|
//昨日
|
||||||
let params3 = {};
|
let params3 = {};
|
||||||
params3.page = 0;
|
params3.page = 0;
|
||||||
params3.year_s = year_d;
|
params3.year_s = year_d;
|
||||||
params3.month_s = month_d;
|
params3.month_s = month_d;
|
||||||
params3.day_s = days_d;
|
params3.day_s = days_d;
|
||||||
params3.type = 'day_s';
|
params3.type = "day_s";
|
||||||
params3.mgroup = this.query.mgroup;
|
params3.mgroup = that.query.mgroup;
|
||||||
this.$API.enm.enstat.req(params3).then((res3) => {
|
that.$API.enm.enstat.req(params3).then((res3) => {
|
||||||
if(res3.length>0){
|
if (res3.length > 0) {
|
||||||
let hourProduct=that.allValDays = res3[0].total_production;
|
let hourProduct = (that.allValDays =
|
||||||
|
res3[0].total_production);
|
||||||
params3.mpoint__ep_monitored__power_kw__gte = 100;
|
params3.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(params3).then((res) => {
|
that.$API.enm.mpoint.stat
|
||||||
|
.req(params3)
|
||||||
|
.then((res) => {
|
||||||
let data3 = res3;
|
let data3 = res3;
|
||||||
for (let j = 0; j < data3.length; j++) {
|
for (let j = 0; j < data3.length; j++) {
|
||||||
let val = hourProduct==0?'/':(data3[j].val/hourProduct).toFixed(2);
|
let val =
|
||||||
that.tableDatas[j][4]=val;
|
hourProduct == 0
|
||||||
|
? "/"
|
||||||
|
: (
|
||||||
|
data3[j].val /
|
||||||
|
hourProduct
|
||||||
|
).toFixed(2);
|
||||||
|
that.tableDatas[j][4] = val;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
//上小时
|
//上小时
|
||||||
let params4 = {};
|
let params4 = {};
|
||||||
params4.page = 0;
|
params4.page = 0;
|
||||||
|
|
@ -316,163 +412,176 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
||||||
params4.month = month_h;
|
params4.month = month_h;
|
||||||
params4.day = days_h;
|
params4.day = days_h;
|
||||||
params4.hour = hours_h;
|
params4.hour = hours_h;
|
||||||
params4.type = 'hour_s';
|
params4.type = "hour_s";
|
||||||
params4.mgroup = this.query.mgroup;
|
params4.mgroup = that.query.mgroup;
|
||||||
this.$API.enm.enstat.req(params4).then((res4) => {
|
that.$API.enm.enstat.req(params4).then((res4) => {
|
||||||
if(res4.length>0){
|
if (res4.length > 0) {
|
||||||
let hourProduct=that.allValHour = res4[0].total_production;
|
let hourProduct = (that.allValHour =
|
||||||
|
res4[0].total_production);
|
||||||
params4.mpoint__ep_monitored__power_kw__gte = 100;
|
params4.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(params4).then((res) => {
|
that.$API.enm.mpoint.stat
|
||||||
|
.req(params4)
|
||||||
|
.then((res) => {
|
||||||
let data4 = res4;
|
let data4 = res4;
|
||||||
for (let k = 0; k < data4.length; k++) {
|
for (let k = 0; k < data4.length; k++) {
|
||||||
let val = hourProduct==0?'/':(data4[k].val/hourProduct).toFixed(2);
|
let val =
|
||||||
that.tableDatas[k][3]=val;
|
hourProduct == 0
|
||||||
|
? "/"
|
||||||
|
: (
|
||||||
|
data4[k].val /
|
||||||
|
hourProduct
|
||||||
|
).toFixed(2);
|
||||||
|
that.tableDatas[k][3] = val;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
})
|
});
|
||||||
that.getHourData();
|
that.getHourData();
|
||||||
that.getDayData();
|
that.getDayData();
|
||||||
that.getMonthData();
|
that.getMonthData();
|
||||||
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//获取小时数据
|
//获取小时数据
|
||||||
getHourData(){
|
getHourData() {
|
||||||
let that = this;
|
let that = this;
|
||||||
let query = {};
|
let query = {};
|
||||||
query.page = 0;
|
query.page = 0;
|
||||||
query.year_s = that.year;
|
query.year_s = that.year;
|
||||||
query.month_s = that.month;
|
query.month_s = that.month;
|
||||||
query.day_s = that.days;
|
query.day_s = that.days;
|
||||||
query.type = 'hour_s';
|
query.type = "hour_s";
|
||||||
query.mgroup = that.query.mgroup;
|
query.mgroup = that.query.mgroup;
|
||||||
query.mpoint__ep_monitored__power_kw__gte = 100;
|
query.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(query).then((response) => {
|
this.$API.enm.mpoint.stat.req(query).then((response) => {
|
||||||
let seriesData0 = [],seriesData1 = [];
|
let seriesData0 = [],
|
||||||
|
seriesData1 = [];
|
||||||
let data = response;
|
let data = response;
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
let ind = item.hour;
|
let ind = item.hour;
|
||||||
let val=0;
|
let val = 0;
|
||||||
if(that.allValHour==0){
|
if (that.allValHour == 0) {
|
||||||
val = ''
|
val = "";
|
||||||
}else{
|
} else {
|
||||||
val = (item.val/that.allValHour).toFixed(2);
|
val = (item.val / that.allValHour).toFixed(2);
|
||||||
}
|
}
|
||||||
if(item.equip_name=='煤磨排风机主电机'){
|
if (item.equip_name == "煤磨排风机主电机") {
|
||||||
seriesData0[ind] = val;
|
seriesData0[ind] = val;
|
||||||
}else if(item.equip_name=='煤磨主电机'){
|
} else if (item.equip_name == "煤磨主电机") {
|
||||||
seriesData1[ind] = val;
|
seriesData1[ind] = val;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let options = {...that.option1};
|
let options = { ...that.option1 };
|
||||||
options.series[0].data=seriesData0;
|
options.series[0].data = seriesData0;
|
||||||
options.series[1].data=seriesData1;
|
options.series[1].data = seriesData1;
|
||||||
let hourXAxis = [];
|
let hourXAxis = [];
|
||||||
for (let i = 1; i <= that.hours; i++) {
|
for (let i = 1; i <= that.hours; i++) {
|
||||||
let item = i+'时'
|
let item = i + "时";
|
||||||
hourXAxis.push(item)
|
hourXAxis.push(item);
|
||||||
}
|
}
|
||||||
options.xAxis.data = hourXAxis;
|
options.xAxis.data = hourXAxis;
|
||||||
that.optionHour = options;
|
that.optionHour = options;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//获取天数据
|
//获取天数据
|
||||||
getDayData(){
|
getDayData() {
|
||||||
let that = this;
|
let that = this;
|
||||||
let query1 = {};
|
let query1 = {};
|
||||||
query1.page = 0;
|
query1.page = 0;
|
||||||
query1.year_s = that.year;
|
query1.year_s = that.year;
|
||||||
query1.month_s = that.month;
|
query1.month_s = that.month;
|
||||||
query1.type = 'day_s';
|
query1.type = "day_s";
|
||||||
query1.mgroup = this.query.mgroup;
|
query1.mgroup = this.query.mgroup;
|
||||||
query1.mpoint__ep_monitored__power_kw__gte = 100;
|
query1.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.enstat.req(query1).then((response) => {
|
this.$API.enm.enstat.req(query1).then((response) => {
|
||||||
let seriesData0 = [],seriesData1 = [];
|
let seriesData0 = [],
|
||||||
|
seriesData1 = [];
|
||||||
let data = response;
|
let data = response;
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
// debugger;
|
// debugger;
|
||||||
let ind = item.day_s;
|
let ind = item.day_s;
|
||||||
let val=0;
|
let val = 0;
|
||||||
if(that.allValDays==0){
|
if (that.allValDays == 0) {
|
||||||
val = ''
|
val = "";
|
||||||
}else{
|
} else {
|
||||||
val = (item.val/that.allValDays).toFixed(2);
|
val = (item.val / that.allValDays).toFixed(2);
|
||||||
}
|
}
|
||||||
if(item.equip_name=='煤磨排风机主电机'){
|
if (item.equip_name == "煤磨排风机主电机") {
|
||||||
seriesData0[ind] = val;
|
seriesData0[ind] = val;
|
||||||
}else if(item.equip_name=='煤磨主电机'){
|
} else if (item.equip_name == "煤磨主电机") {
|
||||||
seriesData1[ind] = val;
|
seriesData1[ind] = val;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let options = {...that.option2};
|
let options = { ...that.option2 };
|
||||||
options.series[0].data=seriesData0;
|
options.series[0].data = seriesData0;
|
||||||
options.series[1].data=seriesData1;
|
options.series[1].data = seriesData1;
|
||||||
let dayXAxis = [];
|
let dayXAxis = [];
|
||||||
for (let i = 1; i <= that.days; i++) {
|
for (let i = 1; i <= that.days; i++) {
|
||||||
let item = i+'日'
|
let item = i + "日";
|
||||||
dayXAxis.push(item)
|
dayXAxis.push(item);
|
||||||
}
|
}
|
||||||
options.xAxis.data = dayXAxis;
|
options.xAxis.data = dayXAxis;
|
||||||
that.optionDay = options;
|
that.optionDay = options;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//获取月数据
|
//获取月数据
|
||||||
getMonthData(){
|
getMonthData() {
|
||||||
let that = this;
|
let that = this;
|
||||||
let query2 = {};
|
let query2 = {};
|
||||||
query2.page = 0;
|
query2.page = 0;
|
||||||
query2.year_s = that.year;
|
query2.year_s = that.year;
|
||||||
query2.type = 'month_s';
|
query2.type = "month_s";
|
||||||
query2.mgroup = that.query.mgroup;
|
query2.mgroup = that.query.mgroup;
|
||||||
query2.mpoint__ep_monitored__power_kw__gte = 100;
|
query2.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.enstat.req(query2).then((response) => {
|
this.$API.enm.enstat.req(query2).then((response) => {
|
||||||
let seriesData0 = [],seriesData1 = [];
|
let seriesData0 = [],
|
||||||
|
seriesData1 = [];
|
||||||
let data = response;
|
let data = response;
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
let ind = item.month_s;
|
let ind = item.month_s;
|
||||||
let val=0;
|
let val = 0;
|
||||||
if(that.allValMonth==0){
|
if (that.allValMonth == 0) {
|
||||||
val = ''
|
val = "";
|
||||||
}else{
|
} else {
|
||||||
val = (item.val/that.allValMonth).toFixed(2);
|
val = (item.val / that.allValMonth).toFixed(2);
|
||||||
}
|
}
|
||||||
if(item.equip_name=='煤磨排风机主电机'){
|
if (item.equip_name == "煤磨排风机主电机") {
|
||||||
seriesData0[ind] = val;
|
seriesData0[ind] = val;
|
||||||
}else if(item.equip_name=='煤磨主电机'){
|
} else if (item.equip_name == "煤磨主电机") {
|
||||||
seriesData1[ind] = val;
|
seriesData1[ind] = val;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let options = {...that.option3};
|
let options = { ...that.option3 };
|
||||||
options.series[0].data=seriesData0;
|
options.series[0].data = seriesData0;
|
||||||
options.series[1].data=seriesData1;
|
options.series[1].data = seriesData1;
|
||||||
let monthXAxis = [];
|
let monthXAxis = [];
|
||||||
for (let i = 1; i <= that.month; i++) {
|
for (let i = 1; i <= that.month; i++) {
|
||||||
let item = i+'月'
|
let item = i + "月";
|
||||||
monthXAxis.push(item)
|
monthXAxis.push(item);
|
||||||
}
|
}
|
||||||
options.xAxis.data = monthXAxis;
|
options.xAxis.data = monthXAxis;
|
||||||
that.optionMonth = options;
|
that.optionMonth = options;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
itemClick(type,item){
|
itemClick(type, item) {
|
||||||
this.type=type;
|
this.type = type;
|
||||||
this.cate = item[0];
|
this.cate = item[0];
|
||||||
this.asynDialog = true;
|
this.asynDialog = true;
|
||||||
},
|
},
|
||||||
handlePrint() {
|
handlePrint() {
|
||||||
this.$PRINT('#myReport');
|
this.$PRINT("#myReport");
|
||||||
},
|
},
|
||||||
exportExcel() {
|
exportExcel() {
|
||||||
this.exportLoading = true;
|
this.exportLoading = true;
|
||||||
this.$XLSX('#myTable', this.tableName)
|
this.$XLSX("#myTable", this.tableName);
|
||||||
this.exportLoading = false;
|
this.exportLoading = false;
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.printContainer{
|
.printContainer {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -5,23 +5,28 @@
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="exportExcel()"
|
@click="exportExcel()"
|
||||||
:loading = "exportLoading"
|
:loading="exportLoading"
|
||||||
>导出xlsx
|
>导出xlsx
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||||||
type="primary"
|
|
||||||
@click="handlePrint"
|
|
||||||
>打印
|
|
||||||
</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-card style="margin-top:5px">
|
<el-card style="margin-top: 5px">
|
||||||
<div class="printWrap">
|
<div class="printWrap">
|
||||||
<div ref="print" id="myReport" class="printContainer">
|
<div ref="print" id="myReport" class="printContainer">
|
||||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" class="myTable" id="myTable">
|
<table
|
||||||
|
border="1"
|
||||||
|
width="1035"
|
||||||
|
cellspacing="0"
|
||||||
|
:key="timeStamp"
|
||||||
|
class="myTable"
|
||||||
|
id="myTable"
|
||||||
|
>
|
||||||
<thead class="myTableHead">
|
<thead class="myTableHead">
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="6">煤磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
<th colspan="6">
|
||||||
|
煤磨工段主要设备（100KW以上）单位产品电耗数据表
|
||||||
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>设备名称</th>
|
<th>设备名称</th>
|
||||||
|
|
@ -34,26 +39,64 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="item in tableDatas" :key="item">
|
<tr v-for="item in tableDatas" :key="item">
|
||||||
<template v-for="(item1,ind) in item" :key="item1">
|
<template
|
||||||
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td>
|
v-for="(item1, ind) in item"
|
||||||
<td v-if="ind==3" class="numCell hoursItem" @click="itemClick('hour_s',item1)">{{item1}}</td>
|
:key="item1"
|
||||||
<td v-if="ind==4" class="numCell monthItem" @click="itemClick('day_s',item1)">{{item1}}</td>
|
>
|
||||||
<td v-if="ind==5" class="numCell yearItem" @click="itemClick('month_s',item1)">{{item1}}</td>
|
<td
|
||||||
|
v-if="ind == 0 || ind == 1 || ind == 2"
|
||||||
|
class="numCell"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
v-if="ind == 3"
|
||||||
|
class="numCell hoursItem"
|
||||||
|
@click="itemClick('hour_s', item1)"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
v-if="ind == 4"
|
||||||
|
class="numCell monthItem"
|
||||||
|
@click="itemClick('day_s', item1)"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
v-if="ind == 5"
|
||||||
|
class="numCell yearItem"
|
||||||
|
@click="itemClick('month_s', item1)"
|
||||||
|
>
|
||||||
|
{{ item1 }}
|
||||||
|
</td>
|
||||||
</template>
|
</template>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<div class="chartWrap">
|
<div class="chartWrap">
|
||||||
<div class="chartTitle">小时生产参数统计图</div>
|
<div class="chartTitle">小时生产参数统计图</div>
|
||||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
<scEcharts
|
||||||
|
height="400px"
|
||||||
|
width="1033px"
|
||||||
|
:option="optionHour"
|
||||||
|
></scEcharts>
|
||||||
</div>
|
</div>
|
||||||
<div class="chartWrap">
|
<div class="chartWrap">
|
||||||
<div class="chartTitle">本月生产参数统计图</div>
|
<div class="chartTitle">本月生产参数统计图</div>
|
||||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
<scEcharts
|
||||||
|
height="400px"
|
||||||
|
width="1033px"
|
||||||
|
:option="optionDay"
|
||||||
|
></scEcharts>
|
||||||
</div>
|
</div>
|
||||||
<div class="chartWrap">
|
<div class="chartWrap">
|
||||||
<div class="chartTitle">本年生产参数统计图</div>
|
<div class="chartTitle">本年生产参数统计图</div>
|
||||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
<scEcharts
|
||||||
|
height="400px"
|
||||||
|
width="1033px"
|
||||||
|
:option="optionMonth"
|
||||||
|
></scEcharts>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -62,128 +105,109 @@
|
||||||
:type="type"
|
:type="type"
|
||||||
:title="title"
|
:title="title"
|
||||||
:cate="cate"
|
:cate="cate"
|
||||||
:apiObj = "apiObj"
|
:apiObj="apiObj"
|
||||||
:mgroup="query.mgroup"
|
:mgroup="query.mgroup"
|
||||||
:modelValue="modelValue"
|
:modelValue="modelValue"
|
||||||
:showClose="showClose"
|
:showClose="showClose"
|
||||||
:echartType='echartType'
|
:echartType="echartType"
|
||||||
@closed="asynDialog = false"
|
@closed="asynDialog = false"
|
||||||
></charts>
|
></charts>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
const colors = [
|
||||||
let tooltip= {
|
"#647bfe",
|
||||||
|
"#8698fe",
|
||||||
|
"#a9b6fe",
|
||||||
|
"#cbd3fe",
|
||||||
|
"#91CC75",
|
||||||
|
"#EE6666",
|
||||||
|
];
|
||||||
|
let tooltip = {
|
||||||
show: true,
|
show: true,
|
||||||
trigger: 'axis',
|
trigger: "axis",
|
||||||
axisPointer: {
|
axisPointer: {
|
||||||
type: 'cross'
|
type: "cross",
|
||||||
},
|
},
|
||||||
confine:false,
|
confine: false,
|
||||||
showContent: true,
|
showContent: true,
|
||||||
triggerOn:"mousemove",
|
triggerOn: "mousemove",
|
||||||
// alwaysShowContent:true,
|
// alwaysShowContent:true,
|
||||||
};
|
};
|
||||||
let grid={
|
let grid = {
|
||||||
right: '3%',
|
right: "3%",
|
||||||
left:'7%',
|
left: "7%",
|
||||||
top:'15%'
|
top: "15%",
|
||||||
};
|
};
|
||||||
let toolbox={
|
let toolbox = {
|
||||||
right:'5%',
|
right: "5%",
|
||||||
feature: {
|
feature: {
|
||||||
dataView: { show: true, readOnly: false },
|
dataView: { show: true, readOnly: false },
|
||||||
// restore: { show: true },
|
// restore: { show: true },
|
||||||
saveAsImage: { show: true }
|
saveAsImage: { show: true },
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
let legend= {
|
let legend = {
|
||||||
top:'2%',
|
top: "2%",
|
||||||
data:['煤磨排风机主电机', '煤磨主电机']
|
data: ["煤磨排风机主电机", "煤磨主电机"],
|
||||||
};
|
};
|
||||||
let yAxis= {
|
let yAxis = {
|
||||||
type: 'value',
|
type: "value",
|
||||||
name: '分布电耗(KW.h/t)',
|
name: "分布电耗(KW.h/t)",
|
||||||
alignTicks: true,
|
alignTicks: true,
|
||||||
axisLine: {
|
axisLine: {
|
||||||
show: true,
|
show: true,
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: colors[3]
|
color: colors[3],
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
formatter: '{value}'
|
formatter: "{value}",
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
import scEcharts from "@/components/scEcharts";
|
import scEcharts from "@/components/scEcharts";
|
||||||
import { defineAsyncComponent } from 'vue'
|
import { defineAsyncComponent } from "vue";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
scEcharts,
|
scEcharts,
|
||||||
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
|
charts: defineAsyncComponent(() =>
|
||||||
|
import("@/components/scEnm/lineChartsdialog.vue")
|
||||||
|
),
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
chartShow: false,
|
chartShow: false,
|
||||||
myOption: null,
|
myOption: null,
|
||||||
optionHour:{},
|
optionHour: {},
|
||||||
optionDay:{},
|
optionDay: {},
|
||||||
optionMonth:{},
|
optionMonth: {},
|
||||||
year:2023,
|
year: 2023,
|
||||||
month:1,
|
month: 1,
|
||||||
days:1,
|
days: 1,
|
||||||
hours:1,
|
hours: 1,
|
||||||
query: {
|
query: {
|
||||||
mgroup:'3347217512021835776',
|
mgroup: "",
|
||||||
},
|
},
|
||||||
tableName:'主要设备（100KW以上）单位产品电耗数据表',
|
tableName: "主要设备（100KW以上）单位产品电耗数据表",
|
||||||
tableDatas:[
|
tableDatas: [
|
||||||
['煤磨排风机主电机','','KW·h/t','','',''],
|
["煤磨排风机主电机", "", "KW·h/t", "", "", ""],
|
||||||
['煤磨主电机','','KW·h/t','','',''],
|
["煤磨主电机", "", "KW·h/t", "", "", ""],
|
||||||
],
|
],
|
||||||
modelValue:true,
|
modelValue: true,
|
||||||
type:'hour_s',
|
type: "hour_s",
|
||||||
title:'煤磨工段',
|
title: "煤磨工段",
|
||||||
cate:'',
|
cate: "",
|
||||||
apiObj:this.$API.enm.mpoint.stat,
|
apiObj: this.$API.enm.mpoint.stat,
|
||||||
showClose:true,
|
showClose: true,
|
||||||
echartType:'line',
|
echartType: "line",
|
||||||
asynDialog:false,
|
asynDialog: false,
|
||||||
allValHour:0,
|
allValHour: 0,
|
||||||
allValDays:0,
|
allValDays: 0,
|
||||||
allValMonth:0,
|
allValMonth: 0,
|
||||||
option1:{
|
option1: {
|
||||||
color: colors,
|
color: colors,
|
||||||
tooltip:tooltip,
|
tooltip: tooltip,
|
||||||
grid: grid,
|
|
||||||
toolbox: toolbox,
|
|
||||||
legend:legend,
|
|
||||||
xAxis: {
|
|
||||||
axisTick: {
|
|
||||||
show: true,
|
|
||||||
length: 5,
|
|
||||||
inside: true,
|
|
||||||
},
|
|
||||||
data: []
|
|
||||||
},
|
|
||||||
yAxis:yAxis,
|
|
||||||
series:[
|
|
||||||
{
|
|
||||||
name: '煤磨排风机主电机',
|
|
||||||
type: 'bar',
|
|
||||||
data:[]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '煤磨主电机',
|
|
||||||
type: 'bar',
|
|
||||||
data: []
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
option2:{
|
|
||||||
color: colors,
|
|
||||||
tooltip:tooltip,
|
|
||||||
grid: grid,
|
grid: grid,
|
||||||
toolbox: toolbox,
|
toolbox: toolbox,
|
||||||
legend: legend,
|
legend: legend,
|
||||||
|
|
@ -193,25 +217,25 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
||||||
length: 5,
|
length: 5,
|
||||||
inside: true,
|
inside: true,
|
||||||
},
|
},
|
||||||
data: []
|
data: [],
|
||||||
},
|
},
|
||||||
yAxis: yAxis,
|
yAxis: yAxis,
|
||||||
series:[
|
series: [
|
||||||
{
|
{
|
||||||
name: '煤磨排风机主电机',
|
name: "煤磨排风机主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data:[]
|
data: [],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '煤磨主电机',
|
name: "煤磨主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data: []
|
data: [],
|
||||||
},
|
},
|
||||||
]
|
],
|
||||||
},
|
},
|
||||||
option3:{
|
option2: {
|
||||||
color: colors,
|
color: colors,
|
||||||
tooltip:tooltip,
|
tooltip: tooltip,
|
||||||
grid: grid,
|
grid: grid,
|
||||||
toolbox: toolbox,
|
toolbox: toolbox,
|
||||||
legend: legend,
|
legend: legend,
|
||||||
|
|
@ -221,94 +245,166 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
||||||
length: 5,
|
length: 5,
|
||||||
inside: true,
|
inside: true,
|
||||||
},
|
},
|
||||||
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
|
data: [],
|
||||||
},
|
},
|
||||||
yAxis: yAxis,
|
yAxis: yAxis,
|
||||||
series:[
|
series: [
|
||||||
{
|
{
|
||||||
name: '煤磨排风机主电机',
|
name: "煤磨排风机主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data:[]
|
data: [],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '煤磨主电机',
|
name: "煤磨主电机",
|
||||||
type: 'bar',
|
type: "bar",
|
||||||
data: []
|
data: [],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
option3: {
|
||||||
|
color: colors,
|
||||||
|
tooltip: tooltip,
|
||||||
|
grid: grid,
|
||||||
|
toolbox: toolbox,
|
||||||
|
legend: legend,
|
||||||
|
xAxis: {
|
||||||
|
axisTick: {
|
||||||
|
show: true,
|
||||||
|
length: 5,
|
||||||
|
inside: true,
|
||||||
|
},
|
||||||
|
data: [
|
||||||
|
"一月",
|
||||||
|
"二月",
|
||||||
|
"三月",
|
||||||
|
"四月",
|
||||||
|
"五月",
|
||||||
|
"六月",
|
||||||
|
"七月",
|
||||||
|
"八月",
|
||||||
|
"九月",
|
||||||
|
"十月",
|
||||||
|
"十一月",
|
||||||
|
"十二月",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
yAxis: yAxis,
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "煤磨排风机主电机",
|
||||||
|
type: "bar",
|
||||||
|
data: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "煤磨主电机",
|
||||||
|
type: "bar",
|
||||||
|
data: [],
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
]
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
let that = this;
|
let that = this;
|
||||||
var myDate = new Date();
|
var myDate = new Date();
|
||||||
let year = myDate.getFullYear();
|
let year = myDate.getFullYear();
|
||||||
let month = myDate.getMonth()+1;
|
let month = myDate.getMonth() + 1;
|
||||||
let days = myDate.getDate();
|
let days = myDate.getDate();
|
||||||
let hours = myDate.getHours();
|
let hours = myDate.getHours();
|
||||||
let timeDate = myDate.getTime();
|
let timeDate = myDate.getTime();
|
||||||
let dayTime = 24 * 60 * 60 * 1000;
|
let dayTime = 24 * 60 * 60 * 1000;
|
||||||
//昨天的计算
|
//昨天的计算
|
||||||
let year_d = year,month_d = month,days_d = days;
|
let year_d = year,
|
||||||
if(hours<21){//21点前，查找昨日数据为前一天数据
|
month_d = month,
|
||||||
let newDate = timeDate- dayTime;
|
days_d = days;
|
||||||
|
if (hours < 21) {
|
||||||
|
//21点前，查找昨日数据为前一天数据
|
||||||
|
let newDate = timeDate - dayTime;
|
||||||
let lastDate = new Date(newDate);
|
let lastDate = new Date(newDate);
|
||||||
year_d = lastDate.getFullYear();
|
year_d = lastDate.getFullYear();
|
||||||
month_d = lastDate.getMonth()+1;
|
month_d = lastDate.getMonth() + 1;
|
||||||
days_d = lastDate.getDate();
|
days_d = lastDate.getDate();
|
||||||
}
|
}
|
||||||
//上一小时的计算
|
//上一小时的计算
|
||||||
let hourTime = timeDate - 3600000;
|
let hourTime = timeDate - 3600000;
|
||||||
let hourDate = new Date(hourTime);
|
let hourDate = new Date(hourTime);
|
||||||
let year_h = hourDate.getFullYear();
|
let year_h = hourDate.getFullYear();
|
||||||
let month_h = hourDate.getMonth()+1;
|
let month_h = hourDate.getMonth() + 1;
|
||||||
let days_h = hourDate.getDate();
|
let days_h = hourDate.getDate();
|
||||||
let hours_h = hourDate.getHours();
|
let hours_h = hourDate.getHours();
|
||||||
|
this.$API.mtm.mgroup.list
|
||||||
|
.req({ page: 0, search: "煤磨" })
|
||||||
|
.then((res) => {
|
||||||
|
console.log("煤磨", res);
|
||||||
|
that.query.mgroup = res[0].id;
|
||||||
//本月
|
//本月
|
||||||
let params2 = {};
|
let params2 = {};
|
||||||
params2.page = 0;
|
params2.page = 0;
|
||||||
params2.year_s = year;
|
params2.year_s = year;
|
||||||
params2.month_s = month;
|
params2.month_s = month;
|
||||||
params2.type = 'month_s';
|
params2.type = "month_s";
|
||||||
params2.mgroup = this.query.mgroup;
|
params2.mgroup = that.query.mgroup;
|
||||||
this.$API.enm.enstat.req(params2).then((res2) => {
|
that.$API.enm.enstat
|
||||||
if(res2.length>0){
|
.req(params2)
|
||||||
let hourProduct=that.allValMonth = res2[0].total_production;//当前条件下的总产量
|
.then((res2) => {
|
||||||
|
if (res2.length > 0) {
|
||||||
|
let hourProduct = (that.allValMonth =
|
||||||
|
res2[0].total_production); //当前条件下的总产量
|
||||||
params2.mpoint__ep_monitored__power_kw__gte = 100;
|
params2.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(params2).then((res) => {
|
that.$API.enm.mpoint.stat
|
||||||
|
.req(params2)
|
||||||
|
.then((res) => {
|
||||||
let data2 = res;
|
let data2 = res;
|
||||||
for (let i = 0; i < data2.length; i++) {
|
for (let i = 0; i < data2.length; i++) {
|
||||||
that.tableDatas[i]=[];
|
that.tableDatas[i] = [];
|
||||||
that.tableDatas[i][0]=data2[i].ep_monitored_name;
|
that.tableDatas[i][0] =
|
||||||
that.tableDatas[i][1]=data2[i].ep_monitored_number;
|
data2[i].ep_monitored_name;
|
||||||
that.tableDatas[i][2]='KW·h/t';
|
that.tableDatas[i][1] =
|
||||||
let val = hourProduct==0?'/':(data2[i].val/hourProduct).toFixed(2);
|
data2[i].ep_monitored_number;
|
||||||
that.tableDatas[i][5]=val;
|
that.tableDatas[i][2] = "KW·h/t";
|
||||||
|
let val =
|
||||||
|
hourProduct == 0
|
||||||
|
? "/"
|
||||||
|
: (
|
||||||
|
data2[i].val /
|
||||||
|
hourProduct
|
||||||
|
).toFixed(2);
|
||||||
|
that.tableDatas[i][5] = val;
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
.then((res2) => {
|
||||||
}).then(res2=>{
|
|
||||||
//昨日
|
//昨日
|
||||||
let params3 = {};
|
let params3 = {};
|
||||||
params3.page = 0;
|
params3.page = 0;
|
||||||
params3.year_s = year_d;
|
params3.year_s = year_d;
|
||||||
params3.month_s = month_d;
|
params3.month_s = month_d;
|
||||||
params3.day_s = days_d;
|
params3.day_s = days_d;
|
||||||
params3.type = 'day_s';
|
params3.type = "day_s";
|
||||||
params3.mgroup = this.query.mgroup;
|
params3.mgroup = that.query.mgroup;
|
||||||
this.$API.enm.enstat.req(params3).then((res3) => {
|
that.$API.enm.enstat.req(params3).then((res3) => {
|
||||||
if(res3.length>0){
|
if (res3.length > 0) {
|
||||||
let hourProduct=that.allValDays = res3[0].total_production;
|
let hourProduct = (that.allValDays =
|
||||||
|
res3[0].total_production);
|
||||||
params3.mpoint__ep_monitored__power_kw__gte = 100;
|
params3.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(params3).then((res) => {
|
that.$API.enm.mpoint.stat
|
||||||
|
.req(params3)
|
||||||
|
.then((res) => {
|
||||||
let data3 = res3;
|
let data3 = res3;
|
||||||
for (let j = 0; j < data3.length; j++) {
|
for (let j = 0; j < data3.length; j++) {
|
||||||
let val = hourProduct==0?'/':(data3[j].val/hourProduct).toFixed(2);
|
let val =
|
||||||
that.tableDatas[j][4]=val;
|
hourProduct == 0
|
||||||
|
? "/"
|
||||||
|
: (
|
||||||
|
data3[j].val /
|
||||||
|
hourProduct
|
||||||
|
).toFixed(2);
|
||||||
|
that.tableDatas[j][4] = val;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
//上小时
|
//上小时
|
||||||
let params4 = {};
|
let params4 = {};
|
||||||
params4.page = 0;
|
params4.page = 0;
|
||||||
|
|
@ -316,163 +412,176 @@ const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
||||||
params4.month = month_h;
|
params4.month = month_h;
|
||||||
params4.day = days_h;
|
params4.day = days_h;
|
||||||
params4.hour = hours_h;
|
params4.hour = hours_h;
|
||||||
params4.type = 'hour_s';
|
params4.type = "hour_s";
|
||||||
params4.mgroup = this.query.mgroup;
|
params4.mgroup = that.query.mgroup;
|
||||||
this.$API.enm.enstat.req(params4).then((res4) => {
|
that.$API.enm.enstat.req(params4).then((res4) => {
|
||||||
if(res4.length>0){
|
if (res4.length > 0) {
|
||||||
let hourProduct=that.allValHour = res4[0].total_production;
|
let hourProduct = (that.allValHour =
|
||||||
|
res4[0].total_production);
|
||||||
params4.mpoint__ep_monitored__power_kw__gte = 100;
|
params4.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(params4).then((res) => {
|
that.$API.enm.mpoint.stat
|
||||||
|
.req(params4)
|
||||||
|
.then((res) => {
|
||||||
let data4 = res4;
|
let data4 = res4;
|
||||||
for (let k = 0; k < data4.length; k++) {
|
for (let k = 0; k < data4.length; k++) {
|
||||||
let val = hourProduct==0?'/':(data4[k].val/hourProduct).toFixed(2);
|
let val =
|
||||||
that.tableDatas[k][3]=val;
|
hourProduct == 0
|
||||||
|
? "/"
|
||||||
|
: (
|
||||||
|
data4[k].val /
|
||||||
|
hourProduct
|
||||||
|
).toFixed(2);
|
||||||
|
that.tableDatas[k][3] = val;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
})
|
});
|
||||||
that.getHourData();
|
that.getHourData();
|
||||||
that.getDayData();
|
that.getDayData();
|
||||||
that.getMonthData();
|
that.getMonthData();
|
||||||
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//获取小时数据
|
//获取小时数据
|
||||||
getHourData(){
|
getHourData() {
|
||||||
let that = this;
|
let that = this;
|
||||||
let query = {};
|
let query = {};
|
||||||
query.page = 0;
|
query.page = 0;
|
||||||
query.year_s = that.year;
|
query.year_s = that.year;
|
||||||
query.month_s = that.month;
|
query.month_s = that.month;
|
||||||
query.day_s = that.days;
|
query.day_s = that.days;
|
||||||
query.type = 'hour_s';
|
query.type = "hour_s";
|
||||||
query.mgroup = that.query.mgroup;
|
query.mgroup = that.query.mgroup;
|
||||||
query.mpoint__ep_monitored__power_kw__gte = 100;
|
query.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.mpoint.stat.req(query).then((response) => {
|
this.$API.enm.mpoint.stat.req(query).then((response) => {
|
||||||
let seriesData0 = [],seriesData1 = [];
|
let seriesData0 = [],
|
||||||
|
seriesData1 = [];
|
||||||
let data = response;
|
let data = response;
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
let ind = item.hour;
|
let ind = item.hour;
|
||||||
let val=0;
|
let val = 0;
|
||||||
if(that.allValHour==0){
|
if (that.allValHour == 0) {
|
||||||
val = ''
|
val = "";
|
||||||
}else{
|
} else {
|
||||||
val = (item.val/that.allValHour).toFixed(2);
|
val = (item.val / that.allValHour).toFixed(2);
|
||||||
}
|
}
|
||||||
if(item.equip_name=='煤磨排风机主电机'){
|
if (item.equip_name == "煤磨排风机主电机") {
|
||||||
seriesData0[ind] = val;
|
seriesData0[ind] = val;
|
||||||
}else if(item.equip_name=='煤磨主电机'){
|
} else if (item.equip_name == "煤磨主电机") {
|
||||||
seriesData1[ind] = val;
|
seriesData1[ind] = val;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let options = {...that.option1};
|
let options = { ...that.option1 };
|
||||||
options.series[0].data=seriesData0;
|
options.series[0].data = seriesData0;
|
||||||
options.series[1].data=seriesData1;
|
options.series[1].data = seriesData1;
|
||||||
let hourXAxis = [];
|
let hourXAxis = [];
|
||||||
for (let i = 1; i <= that.hours; i++) {
|
for (let i = 1; i <= that.hours; i++) {
|
||||||
let item = i+'时'
|
let item = i + "时";
|
||||||
hourXAxis.push(item)
|
hourXAxis.push(item);
|
||||||
}
|
}
|
||||||
options.xAxis.data = hourXAxis;
|
options.xAxis.data = hourXAxis;
|
||||||
that.optionHour = options;
|
that.optionHour = options;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//获取天数据
|
//获取天数据
|
||||||
getDayData(){
|
getDayData() {
|
||||||
let that = this;
|
let that = this;
|
||||||
let query1 = {};
|
let query1 = {};
|
||||||
query1.page = 0;
|
query1.page = 0;
|
||||||
query1.year_s = that.year;
|
query1.year_s = that.year;
|
||||||
query1.month_s = that.month;
|
query1.month_s = that.month;
|
||||||
query1.type = 'day_s';
|
query1.type = "day_s";
|
||||||
query1.mgroup = this.query.mgroup;
|
query1.mgroup = this.query.mgroup;
|
||||||
query1.mpoint__ep_monitored__power_kw__gte = 100;
|
query1.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.enstat.req(query1).then((response) => {
|
this.$API.enm.enstat.req(query1).then((response) => {
|
||||||
let seriesData0 = [],seriesData1 = [];
|
let seriesData0 = [],
|
||||||
|
seriesData1 = [];
|
||||||
let data = response;
|
let data = response;
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
// debugger;
|
// debugger;
|
||||||
let ind = item.day_s;
|
let ind = item.day_s;
|
||||||
let val=0;
|
let val = 0;
|
||||||
if(that.allValDays==0){
|
if (that.allValDays == 0) {
|
||||||
val = ''
|
val = "";
|
||||||
}else{
|
} else {
|
||||||
val = (item.val/that.allValDays).toFixed(2);
|
val = (item.val / that.allValDays).toFixed(2);
|
||||||
}
|
}
|
||||||
if(item.equip_name=='煤磨排风机主电机'){
|
if (item.equip_name == "煤磨排风机主电机") {
|
||||||
seriesData0[ind] = val;
|
seriesData0[ind] = val;
|
||||||
}else if(item.equip_name=='煤磨主电机'){
|
} else if (item.equip_name == "煤磨主电机") {
|
||||||
seriesData1[ind] = val;
|
seriesData1[ind] = val;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let options = {...that.option2};
|
let options = { ...that.option2 };
|
||||||
options.series[0].data=seriesData0;
|
options.series[0].data = seriesData0;
|
||||||
options.series[1].data=seriesData1;
|
options.series[1].data = seriesData1;
|
||||||
let dayXAxis = [];
|
let dayXAxis = [];
|
||||||
for (let i = 1; i <= that.days; i++) {
|
for (let i = 1; i <= that.days; i++) {
|
||||||
let item = i+'日'
|
let item = i + "日";
|
||||||
dayXAxis.push(item)
|
dayXAxis.push(item);
|
||||||
}
|
}
|
||||||
options.xAxis.data = dayXAxis;
|
options.xAxis.data = dayXAxis;
|
||||||
that.optionDay = options;
|
that.optionDay = options;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//获取月数据
|
//获取月数据
|
||||||
getMonthData(){
|
getMonthData() {
|
||||||
let that = this;
|
let that = this;
|
||||||
let query2 = {};
|
let query2 = {};
|
||||||
query2.page = 0;
|
query2.page = 0;
|
||||||
query2.year_s = that.year;
|
query2.year_s = that.year;
|
||||||
query2.type = 'month_s';
|
query2.type = "month_s";
|
||||||
query2.mgroup = that.query.mgroup;
|
query2.mgroup = that.query.mgroup;
|
||||||
query2.mpoint__ep_monitored__power_kw__gte = 100;
|
query2.mpoint__ep_monitored__power_kw__gte = 100;
|
||||||
this.$API.enm.enstat.req(query2).then((response) => {
|
this.$API.enm.enstat.req(query2).then((response) => {
|
||||||
let seriesData0 = [],seriesData1 = [];
|
let seriesData0 = [],
|
||||||
|
seriesData1 = [];
|
||||||
let data = response;
|
let data = response;
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
let ind = item.month_s;
|
let ind = item.month_s;
|
||||||
let val=0;
|
let val = 0;
|
||||||
if(that.allValMonth==0){
|
if (that.allValMonth == 0) {
|
||||||
val = ''
|
val = "";
|
||||||
}else{
|
} else {
|
||||||
val = (item.val/that.allValMonth).toFixed(2);
|
val = (item.val / that.allValMonth).toFixed(2);
|
||||||
}
|
}
|
||||||
if(item.equip_name=='煤磨排风机主电机'){
|
if (item.equip_name == "煤磨排风机主电机") {
|
||||||
seriesData0[ind] = val;
|
seriesData0[ind] = val;
|
||||||
}else if(item.equip_name=='煤磨主电机'){
|
} else if (item.equip_name == "煤磨主电机") {
|
||||||
seriesData1[ind] = val;
|
seriesData1[ind] = val;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let options = {...that.option3};
|
let options = { ...that.option3 };
|
||||||
options.series[0].data=seriesData0;
|
options.series[0].data = seriesData0;
|
||||||
options.series[1].data=seriesData1;
|
options.series[1].data = seriesData1;
|
||||||
let monthXAxis = [];
|
let monthXAxis = [];
|
||||||
for (let i = 1; i <= that.month; i++) {
|
for (let i = 1; i <= that.month; i++) {
|
||||||
let item = i+'月'
|
let item = i + "月";
|
||||||
monthXAxis.push(item)
|
monthXAxis.push(item);
|
||||||
}
|
}
|
||||||
options.xAxis.data = monthXAxis;
|
options.xAxis.data = monthXAxis;
|
||||||
that.optionMonth = options;
|
that.optionMonth = options;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
itemClick(type,item){
|
itemClick(type, item) {
|
||||||
this.type=type;
|
this.type = type;
|
||||||
this.cate = item[0];
|
this.cate = item[0];
|
||||||
this.asynDialog = true;
|
this.asynDialog = true;
|
||||||
},
|
},
|
||||||
handlePrint() {
|
handlePrint() {
|
||||||
this.$PRINT('#myReport');
|
this.$PRINT("#myReport");
|
||||||
},
|
},
|
||||||
exportExcel() {
|
exportExcel() {
|
||||||
this.exportLoading = true;
|
this.exportLoading = true;
|
||||||
this.$XLSX('#myTable', this.tableName)
|
this.$XLSX("#myTable", this.tableName);
|
||||||
this.exportLoading = false;
|
this.exportLoading = false;
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.printContainer{
|
.printContainer {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue