1299 lines
34 KiB
Vue
1299 lines
34 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-header>
|
||
<div class="left-panel">
|
||
<el-select
|
||
v-model="query.type"
|
||
placeholder="查询类型"
|
||
clearable
|
||
class="headerSearch"
|
||
@change="typeCange"
|
||
>
|
||
<el-option
|
||
v-for="item in options"
|
||
:key="item.id"
|
||
:label="item.name"
|
||
:value="item.id"
|
||
></el-option>
|
||
</el-select>
|
||
<el-date-picker
|
||
v-model="query.day"
|
||
type="date"
|
||
value-format="YYYY-MM-DD"
|
||
format="YYYY-MM-DD"
|
||
placeholder="天"
|
||
v-if="query.type==0"
|
||
style="margin-right: 6px"
|
||
/>
|
||
<el-date-picker
|
||
v-model="query.month"
|
||
type="month"
|
||
value-format="YYYY-MM"
|
||
format="YYYY-MM"
|
||
placeholder="查询月份"
|
||
v-if="query.type==1"
|
||
class="headerSearch"
|
||
/>
|
||
<el-date-picker
|
||
v-model="query.year"
|
||
type="year"
|
||
value-format="YYYY"
|
||
format="YYYY"
|
||
placeholder="查询年份"
|
||
v-if="query.type==2"
|
||
class="headerSearch"
|
||
/>
|
||
<el-button
|
||
type="primary"
|
||
icon="el-icon-search"
|
||
@click="dateChange"
|
||
></el-button>
|
||
<el-button
|
||
type="primary"
|
||
@click="exportExcel()"
|
||
:loading="exportLoading"
|
||
v-auth="'export_excel'"
|
||
>导出xlsx
|
||
</el-button>
|
||
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||
</div>
|
||
</el-header>
|
||
<el-card style="margin-top: 5px">
|
||
<div class="printWrap">
|
||
<div ref="print" id="myReport" class="printContainer">
|
||
<table
|
||
border="1"
|
||
width="1035"
|
||
cellspacing="0"
|
||
:key="timeStamp"
|
||
id="myTable"
|
||
class="myTable"
|
||
>
|
||
<thead class="myTableHead">
|
||
<tr>
|
||
<th colspan="10">烧成工序生产报告</th>
|
||
</tr>
|
||
<tr>
|
||
<th colspan="2">参数</th>
|
||
<th>本日</th>
|
||
<th>昨日</th>
|
||
<th>本月</th>
|
||
<th>本年</th>
|
||
<th>月目标值</th>
|
||
<th>月完成度</th>
|
||
<th>年目标值</th>
|
||
<th>年完成度</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr
|
||
v-for="(item, index) in tableDatas"
|
||
:key="index"
|
||
>
|
||
<td
|
||
class="numCell"
|
||
v-if="index == 0 || index == 2"
|
||
rowspan="2"
|
||
>
|
||
{{ item[0] }}
|
||
</td>
|
||
<td
|
||
class="numCell"
|
||
v-else-if="index == 4"
|
||
rowspan="4"
|
||
>
|
||
{{ item[0] }}
|
||
</td>
|
||
<td class="numCell" v-else-if="index == 8">
|
||
{{ item[0] }}
|
||
</td>
|
||
<td class="numCell">{{ item[1] }}</td>
|
||
<td
|
||
class="numCell hoursItem"
|
||
>
|
||
{{ item[2] }}
|
||
</td>
|
||
<td
|
||
class="numCell daysItem"
|
||
>
|
||
{{ item[3] }}
|
||
</td>
|
||
<td
|
||
class="numCell monthItem"
|
||
>
|
||
{{ item[4] }}
|
||
</td>
|
||
<td
|
||
class="numCell yearItem"
|
||
>
|
||
{{ item[5] }}
|
||
</td>
|
||
<td class="numCell">{{ item[6] }}</td>
|
||
<td class="numCell">{{ item[7] }}</td>
|
||
<td class="numCell">{{ item[8] }}</td>
|
||
<td class="numCell">{{ item[9] }}</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<!-- <div class="radioWrap">
|
||
<el-radio-group
|
||
v-model="typeRadio"
|
||
@change="typeRadioChange"
|
||
>
|
||
<el-radio-button label="day">本日</el-radio-button>
|
||
<el-radio-button label="month"
|
||
>本月</el-radio-button
|
||
>
|
||
<el-radio-button label="year">本年</el-radio-button>
|
||
</el-radio-group>
|
||
<div style="position: absolute; right: 20px">
|
||
<el-date-picker
|
||
v-model="searchDate"
|
||
type="date"
|
||
value-format="YYYY-MM-DD"
|
||
formatter="YYYY-MM-DD"
|
||
placeholder="选择日期"
|
||
v-if="typeRadio == 'day'"
|
||
@change="dateChange"
|
||
></el-date-picker>
|
||
<el-date-picker
|
||
v-model="searchDate"
|
||
type="month"
|
||
value-format="YYYY-MM"
|
||
formatter="YYYY-MM"
|
||
placeholder="选择月"
|
||
v-if="typeRadio == 'month'"
|
||
@change="dateChange"
|
||
></el-date-picker>
|
||
<el-date-picker
|
||
v-if="typeRadio == 'year'"
|
||
v-model="searchDate"
|
||
type="year"
|
||
value-format="YYYY"
|
||
formatter="YYYY"
|
||
placeholder="选择年"
|
||
@change="dateChange"
|
||
></el-date-picker>
|
||
</div>
|
||
</div> -->
|
||
<div class="chartWrap" v-show="query.type == 0">
|
||
<div class="chartTitle">小时生产参数统计图</div>
|
||
<scEcharts
|
||
height="400px"
|
||
width="1033px"
|
||
:option="optionHour"
|
||
></scEcharts>
|
||
</div>
|
||
<div class="chartWrap" v-show="query.type == 1">
|
||
<div class="chartTitle">本月生产参数统计图</div>
|
||
<scEcharts
|
||
height="400px"
|
||
width="1033px"
|
||
:option="optionDay"
|
||
></scEcharts>
|
||
</div>
|
||
<div class="chartWrap" v-show="query.type == 2">
|
||
<div class="chartTitle">本年生产参数统计图</div>
|
||
<scEcharts
|
||
height="400px"
|
||
width="1033px"
|
||
:option="optionMonth"
|
||
></scEcharts>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <sc-dialog v-model="chartShow" draggable title="烧成工序">
|
||
<div class="searchHead" v-if="type == 'hours'">
|
||
<el-date-picker
|
||
v-model="query.start_time"
|
||
type="date"
|
||
placeholder="选择时间"
|
||
format="YYYY-MM-DD"
|
||
value-format="YYYY-MM-DD"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<span class="middleText">至</span>
|
||
<el-date-picker
|
||
v-model="query.end_time"
|
||
type="date"
|
||
format="YYYY-MM-DD"
|
||
value-format="YYYY-MM-DD"
|
||
start-placeholder="结束日期"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<el-button
|
||
type="primary"
|
||
class="searchBtn"
|
||
@click="dataSearch"
|
||
>查询</el-button
|
||
>
|
||
</div>
|
||
<div class="searchHead" v-if="type == 'days'">
|
||
<el-date-picker
|
||
v-model="query.start_time"
|
||
type="date"
|
||
format="YYYY-MM-DD"
|
||
value-format="YYYY-MM-DD"
|
||
start-placeholder="开始日期"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<el-date-picker
|
||
v-model="query.end_time"
|
||
type="date"
|
||
format="YYYY-MM-DD"
|
||
value-format="YYYY-MM-DD"
|
||
start-placeholder="结束日期"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<el-button
|
||
type="primary"
|
||
class="searchBtn"
|
||
@click="dataSearch"
|
||
>查询</el-button
|
||
>
|
||
</div>
|
||
<div class="searchHead" v-if="type == 'month'">
|
||
<el-date-picker
|
||
v-model="query.start_time"
|
||
type="month"
|
||
format="YYYY-MM"
|
||
value-format="YYYY-MM"
|
||
start-placeholder="开始月份"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<el-date-picker
|
||
v-model="query.end_time"
|
||
type="month"
|
||
format="YYYY-MM"
|
||
value-format="YYYY-MM"
|
||
start-placeholder="结束月份"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<el-button
|
||
type="primary"
|
||
class="searchBtn"
|
||
@click="dataSearch"
|
||
>查询</el-button
|
||
>
|
||
</div>
|
||
<div class="searchHead" v-if="type == 'year'">
|
||
<el-date-picker
|
||
v-model="query.start_time"
|
||
type="year"
|
||
format="YYYY"
|
||
value-format="YYYY"
|
||
start-placeholder="开始日期"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<el-date-picker
|
||
v-model="query.end_time"
|
||
type="year"
|
||
format="YYYY"
|
||
value-format="YYYY"
|
||
start-placeholder="结束日期"
|
||
:picker-options="pickerOptions"
|
||
/>
|
||
<el-button
|
||
type="primary"
|
||
class="searchBtn"
|
||
@click="dataSearch"
|
||
>查询</el-button
|
||
>
|
||
</div>
|
||
<scEcharts
|
||
height="360px"
|
||
:option="myOption"
|
||
v-if="chartShow"
|
||
></scEcharts>
|
||
</sc-dialog> -->
|
||
<charts
|
||
v-if="asynDialog"
|
||
:type="type"
|
||
:title="title"
|
||
:cate="cate"
|
||
:apiObj="apiObj"
|
||
:mgroup="query.mgroup"
|
||
:modelValue="modelValue"
|
||
:showClose="showClose"
|
||
:echartType="echartType"
|
||
@closed="asynDialog = false"
|
||
></charts>
|
||
</el-card>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
const colors = ["#647bfe", "#8698fe", "#a9b6fe", "#cbd3fe", "#91CC75"];
|
||
let tooltip = {
|
||
show: true,
|
||
trigger: "axis",
|
||
axisPointer: {
|
||
type: "cross",
|
||
},
|
||
confine: false,
|
||
showContent: true,
|
||
triggerOn: "mousemove",
|
||
};
|
||
let grid = {
|
||
right: "9%",
|
||
left: "7%",
|
||
top: "15%",
|
||
};
|
||
let toolbox = {
|
||
right: "2%",
|
||
feature: {
|
||
dataView: { show: true, readOnly: false },
|
||
saveAsImage: { show: true },
|
||
},
|
||
};
|
||
let legend = {
|
||
top: "2%",
|
||
data: ["总产量", "台时产量", "运转率", "分布电耗"],
|
||
};
|
||
let yAxis = [
|
||
{
|
||
type: "value",
|
||
name: "产量 (t)",
|
||
position: "left",
|
||
alignTicks: true,
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: colors[0],
|
||
},
|
||
},
|
||
axisLabel: {
|
||
formatter: "{value}",
|
||
},
|
||
},
|
||
{
|
||
type: "value",
|
||
name: "运转率 ",
|
||
position: "right",
|
||
alignTicks: true,
|
||
offset: 70,
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: colors[2],
|
||
},
|
||
},
|
||
axisLabel: {
|
||
formatter: "{value}%",
|
||
},
|
||
},
|
||
{
|
||
type: "value",
|
||
name: "分布电耗",
|
||
position: "left",
|
||
alignTicks: true,
|
||
offset: 70,
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: colors[3],
|
||
},
|
||
},
|
||
axisLabel: {
|
||
formatter: "{value}",
|
||
},
|
||
},
|
||
{
|
||
type: "value",
|
||
name: "标煤耗",
|
||
position: "right",
|
||
alignTicks: true,
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: colors[4],
|
||
},
|
||
},
|
||
axisLabel: {
|
||
formatter: "{value}",
|
||
},
|
||
},
|
||
];
|
||
import scEcharts from "@/components/scEcharts";
|
||
import { defineAsyncComponent } from "vue";
|
||
export default {
|
||
components: {
|
||
scEcharts,
|
||
charts: defineAsyncComponent(() =>
|
||
import("@/components/scEnm/lineChartsdialog.vue")
|
||
),
|
||
},
|
||
data() {
|
||
return {
|
||
searchDate: "",
|
||
typeRadio: "day",
|
||
exportLoading: false,
|
||
chartShow: false,
|
||
myOption: null,
|
||
timeStamp: null,
|
||
optionHour: {},
|
||
optionDay: {},
|
||
optionMonth: {},
|
||
year: 2023,
|
||
month: 1,
|
||
days: 1,
|
||
hours: 1,
|
||
query: {
|
||
mgroup: "",
|
||
type: 0,
|
||
},
|
||
tableDatas: [
|
||
["产量", "总产量（t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||
["产量", "台时产量（t/h）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||
["运转时间", "运转时间（h）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||
["运转时间", "运转率（%）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||
["能耗", "单位产品煤耗（kg/t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||
],
|
||
tableName: "生产报告",
|
||
modelValue: true,
|
||
type: "hour_s",
|
||
title: "烧成工序",
|
||
cate: "",
|
||
apiObj: this.$API.enm.enstat,
|
||
showClose: true,
|
||
echartType: "line",
|
||
asynDialog: false,
|
||
options: [
|
||
{id:0,name:'日统计'},
|
||
{id:1,name:'月统计'},
|
||
{id:2,name:'年统计'}
|
||
],
|
||
option1: {
|
||
color: ["#647bfe", "#cbd3fe", "#91CC75"],
|
||
tooltip: tooltip,
|
||
grid: grid,
|
||
toolbox: toolbox,
|
||
legend: {
|
||
top: "2%",
|
||
data: ["总产量", "分布电耗"],
|
||
},
|
||
xAxis: {
|
||
axisTick: {
|
||
show: true,
|
||
length: 5,
|
||
inside: true,
|
||
},
|
||
data: [],
|
||
},
|
||
yAxis: [
|
||
{
|
||
type: "value",
|
||
name: "产量 (t)",
|
||
position: "left",
|
||
alignTicks: true,
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: colors[0],
|
||
},
|
||
},
|
||
axisLabel: {
|
||
formatter: "{value}",
|
||
},
|
||
},
|
||
|
||
{
|
||
type: "value",
|
||
name: "分布电耗",
|
||
position: "left",
|
||
alignTicks: true,
|
||
offset: 70,
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: colors[3],
|
||
},
|
||
},
|
||
axisLabel: {
|
||
formatter: "{value}",
|
||
},
|
||
},
|
||
// {
|
||
// type: "value",
|
||
// name: "标煤耗",
|
||
// position: "right",
|
||
// alignTicks: true,
|
||
// axisLine: {
|
||
// show: true,
|
||
// lineStyle: {
|
||
// color: colors[4],
|
||
// },
|
||
// },
|
||
// axisLabel: {
|
||
// formatter: "{value}",
|
||
// },
|
||
// },
|
||
],
|
||
series: [
|
||
{
|
||
name: "总产量",
|
||
type: "bar",
|
||
yAxisIndex: 0,
|
||
data: [],
|
||
},
|
||
{
|
||
name: "分布电耗",
|
||
type: "bar",
|
||
yAxisIndex: 1,
|
||
data: [],
|
||
},
|
||
// {
|
||
// name: "单位产品煤耗",
|
||
// type: "bar",
|
||
// yAxisIndex: 2,
|
||
// data: [],
|
||
// },
|
||
],
|
||
},
|
||
option2: {
|
||
color: colors,
|
||
tooltip: tooltip,
|
||
grid: grid,
|
||
toolbox: toolbox,
|
||
legend: legend,
|
||
xAxis: {
|
||
axisTick: {
|
||
show: true,
|
||
length: 5,
|
||
inside: true,
|
||
// alignWithLabel: true
|
||
},
|
||
data: [
|
||
"一月",
|
||
"二月",
|
||
"三月",
|
||
"四月",
|
||
"五月",
|
||
"六月",
|
||
"七月",
|
||
"八月",
|
||
"九月",
|
||
"十月",
|
||
"十一月",
|
||
"十二月",
|
||
],
|
||
},
|
||
yAxis: yAxis,
|
||
series: [
|
||
{
|
||
name: "总产量",
|
||
type: "bar",
|
||
yAxisIndex: 0,
|
||
data: [],
|
||
},
|
||
{
|
||
name: "台时产量",
|
||
type: "bar",
|
||
yAxisIndex: 0,
|
||
data: [],
|
||
},
|
||
{
|
||
name: "运转率",
|
||
type: "line",
|
||
yAxisIndex: 1,
|
||
data: [],
|
||
},
|
||
{
|
||
name: "分布电耗",
|
||
type: "bar",
|
||
yAxisIndex: 2,
|
||
data: [],
|
||
},
|
||
// {
|
||
// name: "单位产品煤耗",
|
||
// type: "bar",
|
||
// yAxisIndex: 3,
|
||
// 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",
|
||
yAxisIndex: 0,
|
||
data: [],
|
||
},
|
||
{
|
||
name: "台时产量",
|
||
type: "bar",
|
||
yAxisIndex: 0,
|
||
data: [],
|
||
},
|
||
{
|
||
name: "运转率",
|
||
type: "line",
|
||
yAxisIndex: 1,
|
||
data: [],
|
||
},
|
||
{
|
||
name: "分布电耗",
|
||
type: "bar",
|
||
yAxisIndex: 2,
|
||
data: [],
|
||
},
|
||
// {
|
||
// name: "单位产品煤耗",
|
||
// type: "bar",
|
||
// yAxisIndex: 3,
|
||
// data: [],
|
||
// },
|
||
],
|
||
},
|
||
};
|
||
},
|
||
mounted() {
|
||
|
||
let that = this;
|
||
var myDate = new Date();
|
||
let year = (that.year = myDate.getFullYear());
|
||
let month = (that.month = myDate.getMonth() + 1);
|
||
let days = (that.days = myDate.getDate());
|
||
let hours = (that.hours = myDate.getHours());
|
||
let timeDate = myDate.getTime();
|
||
let dayTime = 24 * 60 * 60 * 1000;
|
||
//昨天的计算
|
||
let year_d = year,
|
||
month_d = month,
|
||
days_d = days;
|
||
// if (hours < 24) {
|
||
// //21点前，查找昨日数据为前一天数据
|
||
// let newDate = timeDate - dayTime;
|
||
// let lastDate = new Date(newDate);
|
||
// year_d = lastDate.getFullYear();
|
||
// month_d = lastDate.getMonth() + 1;
|
||
// days_d = lastDate.getDate();
|
||
// }
|
||
//上一小时的计算
|
||
let hourTime = timeDate - 3600000;
|
||
let hourDate = new Date(hourTime);
|
||
let mpoint = "3853763497771151360"
|
||
that.$API.mtm.mgroup.list
|
||
.req({ page: 0, name: "回转窑" })
|
||
.then((res) => {
|
||
console.log("回转窑", res);
|
||
that.query.mgroup = res[0].id;
|
||
//昨日
|
||
let params3 = {};
|
||
let yesterday = new Date(year_d, month_d - 1, days_d); // 当前 day
|
||
yesterday.setDate(yesterday.getDate() - 1); // 回退一天
|
||
params3.year_s = yesterday.getFullYear();
|
||
params3.month_s = yesterday.getMonth() + 1; // 注意 JS 中月份是 0-11
|
||
params3.day_s = yesterday.getDate();
|
||
params3.page = 0;
|
||
params3.type = "day_s";
|
||
params3.mgroup = that.query.mgroup;
|
||
console.log("params3", params3);
|
||
that.$API.enm.enstat.req(params3).then((res3) => {
|
||
if (res3.length > 0) {
|
||
let data3 = res3[0];
|
||
that.tableDatas[0][3] = data3.total_production;
|
||
that.tableDatas[1][3] = data3.production_hour;
|
||
that.tableDatas[2][3] = data3.run_hour;
|
||
that.tableDatas[3][3] = data3.run_rate;
|
||
}
|
||
params3.mpoint = mpoint
|
||
return that.$API.enm.mpointstat.list.req(params3);
|
||
}).then((res4) => {
|
||
if (res4.length > 0) {
|
||
let data4 = res4[0];
|
||
let calculate = ((data4.val/that.tableDatas[0][3])*1000);
|
||
that.tableDatas[4][3] = (calculate > 135 ? 135 : calculate).toFixed(2);
|
||
}
|
||
});
|
||
//本日
|
||
let params4 = {};
|
||
params4.page = 0;
|
||
params4.year_s = year_d;
|
||
params4.month_s = month_d;
|
||
params4.day_s = days_d;
|
||
params4.type = "day_s";
|
||
params4.mgroup = that.query.mgroup;
|
||
that.$API.enm.enstat.req(params4).then((res4) => {
|
||
if (res4.length > 0) {
|
||
let data4 = res4[0];
|
||
that.tableDatas[0][2] = data4.total_production;
|
||
that.tableDatas[1][2] = data4.production_hour;
|
||
that.tableDatas[2][2] = data4.run_hour;
|
||
that.tableDatas[3][2] = data4.run_rate;
|
||
}
|
||
params4.mpoint = mpoint
|
||
return that.$API.enm.mpointstat.list.req(params4);
|
||
}).then((res5) => {
|
||
if (res5.length > 0) {
|
||
// let data5 = res5[0];
|
||
// that.tableDatas[4][2] = (data5.val/that.tableDatas[0][2]).toFixed(2);
|
||
let data5 = res5[0];
|
||
let calculate = ((data5.val/that.tableDatas[0][2])*1000);
|
||
that.tableDatas[4][2] = (calculate > 135 ? 135 : calculate).toFixed(2);
|
||
}
|
||
});
|
||
let params5 = {};
|
||
params5.page = 0;
|
||
params5.mgroup = that.query.mgroup;
|
||
that.$API.mtm.goal.list
|
||
.req(params5)
|
||
.then((res5) => {
|
||
if (res5.length > 0) {
|
||
let data5 = res5;
|
||
data5.forEach((item5) => {
|
||
let str = "goal_val_" + that.month;
|
||
if (item5.goal_cate_name == "总产量（t）") {
|
||
that.tableDatas[0][6] = item5[str];
|
||
that.tableDatas[0][8] = item5.goal_val;
|
||
} else if (
|
||
item5.goal_cate_name == "台时产量（t/h）"
|
||
) {
|
||
that.tableDatas[1][6] = item5[str];
|
||
that.tableDatas[1][8] = item5.goal_val;
|
||
} else if (
|
||
item5.goal_cate_name == "运转时间（h）"
|
||
) {
|
||
that.tableDatas[2][6] = item5[str];
|
||
that.tableDatas[2][8] = item5.goal_val;
|
||
} else if (
|
||
item5.goal_cate_name == "运转率（%）"
|
||
) {
|
||
that.tableDatas[3][6] = item5[str];
|
||
that.tableDatas[3][8] = item5.goal_val;
|
||
} else if (
|
||
item5.goal_cate_name ==
|
||
"单位产品分布电耗（kW·h/t）"
|
||
) {
|
||
that.tableDatas[4][6] = item5[str];
|
||
that.tableDatas[4][8] = item5.goal_val;
|
||
} else if (
|
||
item5.goal_cate_name ==
|
||
"单位产品综合电耗（kW·h/t）"
|
||
) {
|
||
that.tableDatas[5][6] = item5[str];
|
||
that.tableDatas[5][8] = item5.goal_val;
|
||
} else if (
|
||
item5.goal_cate_name ==
|
||
"单位产品煤耗（kgce/t）"
|
||
) {
|
||
that.tableDatas[6][6] = item5[str];
|
||
that.tableDatas[6][8] = item5.goal_val;
|
||
} else if (
|
||
item5.goal_cate_name ==
|
||
"单位产品综合能耗（kgce/t）"
|
||
) {
|
||
that.tableDatas[7][6] = item5[str];
|
||
that.tableDatas[7][8] = item5.goal_val;
|
||
}
|
||
});
|
||
}
|
||
})
|
||
.then((res) => {
|
||
//年
|
||
let params1 = {};
|
||
params1.page = 0;
|
||
params1.year_s = year;
|
||
params1.type = "year_s";
|
||
params1.mgroup = this.query.mgroup;
|
||
this.$API.enm.enstat.req(params1).then((res1) => {
|
||
if (res1.length > 0) {
|
||
let data1 = res1[0];
|
||
that.tableDatas[0][5] = data1.total_production;
|
||
that.tableDatas[0][9] = this.precen(
|
||
that.tableDatas[0][5],
|
||
that.tableDatas[0][8]
|
||
);
|
||
that.tableDatas[1][5] = data1.production_hour;
|
||
that.tableDatas[1][9] = this.precen(
|
||
that.tableDatas[1][5],
|
||
that.tableDatas[1][8]
|
||
);
|
||
that.tableDatas[2][5] = data1.run_hour;
|
||
that.tableDatas[2][9] = this.precen(
|
||
that.tableDatas[2][5],
|
||
that.tableDatas[2][8]
|
||
);
|
||
that.tableDatas[3][5] = data1.run_rate;
|
||
that.tableDatas[3][9] = this.precen(
|
||
that.tableDatas[3][5],
|
||
that.tableDatas[3][8]
|
||
);
|
||
}
|
||
params1.mpoint = mpoint
|
||
return that.$API.enm.mpointstat.list.req(params1);
|
||
}).then((res6) => {
|
||
if (res6.length > 0) {
|
||
let data6 = res6[0];
|
||
let calculate = ((data6.val/that.tableDatas[0][5])*1000);
|
||
that.tableDatas[4][5] = (calculate > 135 ? 135 : calculate).toFixed(2);
|
||
|
||
}
|
||
});
|
||
//月
|
||
let params2 = {};
|
||
params2.page = 0;
|
||
params2.year_s = year;
|
||
params2.month_s = month;
|
||
params2.type = "month_s";
|
||
params2.mgroup = this.query.mgroup;
|
||
this.$API.enm.enstat.req(params2).then((res2) => {
|
||
if (res2.length > 0) {
|
||
let data2 = res2[0];
|
||
that.tableDatas[0][4] = data2.total_production;
|
||
that.tableDatas[0][7] = this.precen(
|
||
that.tableDatas[0][4],
|
||
that.tableDatas[0][6]
|
||
);
|
||
that.tableDatas[1][4] = data2.production_hour;
|
||
that.tableDatas[1][7] = this.precen(
|
||
that.tableDatas[1][4],
|
||
that.tableDatas[1][6]
|
||
);
|
||
that.tableDatas[2][4] = data2.run_hour;
|
||
that.tableDatas[2][7] = this.precen(
|
||
that.tableDatas[2][4],
|
||
that.tableDatas[2][6]
|
||
);
|
||
that.tableDatas[3][4] = data2.run_rate;
|
||
that.tableDatas[3][7] = this.precen(
|
||
that.tableDatas[3][4],
|
||
that.tableDatas[3][6]
|
||
);
|
||
}
|
||
params2.mpoint = mpoint
|
||
return that.$API.enm.mpointstat.list.req(params2);
|
||
}).then((res7) => {
|
||
if (res7.length > 0) {
|
||
let data7 = res7[0];
|
||
let calculate = ((data7.val/that.tableDatas[0][4])*1000);
|
||
that.tableDatas[4][4] = (calculate > 135 ? 135 : calculate).toFixed(2);
|
||
}
|
||
})
|
||
});
|
||
that.getHourData(that.year, that.month, that.days);
|
||
that.getDayData(that.year, that.month);
|
||
that.getMonthData(that.year);
|
||
});
|
||
},
|
||
methods: {
|
||
consume_precen(a, b) {
|
||
if (b !== 0 && b !== null && a !== null) {
|
||
let precen = ((a / b)+1)* 100;
|
||
return precen.toFixed(2) + "%";
|
||
} else {
|
||
return "/";
|
||
}
|
||
},
|
||
precen(a, b) {
|
||
if (b !== 0 && b !== null && a !== null) {
|
||
let precen = (a / b) * 100;
|
||
let precenNum = precen.toFixed(2);
|
||
return precenNum + "%";
|
||
} else {
|
||
return "/";
|
||
}
|
||
},
|
||
typeRadioChange() {
|
||
this.searchDate = "";
|
||
},
|
||
dateChange() {
|
||
let that = this;
|
||
let arr = [];
|
||
if(that.query.type==0 && that.query.day) {
|
||
console.log(that.query.day, 'that.query.day');
|
||
arr = that.query.day.split('-');
|
||
that.year = Number(arr[0]);
|
||
that.month = Number(arr[1]);
|
||
that.days = Number(arr[2]);
|
||
this.getHourData(that.year, that.month, that.days);
|
||
this.get_days(that.year, that.month, that.days);
|
||
}
|
||
else if(that.query.type==1 && that.query.month) {
|
||
let year = that.query.month.split("-")[0];
|
||
let month = that.query.month.split("-")[1];
|
||
month = Number(month);
|
||
this.getDayData(year, month);
|
||
this.get_months(year, month);
|
||
}else if (that.query.type==2 && that.query.year) {
|
||
let year = that.query.year;
|
||
this.getMonthData(year);
|
||
this.get_years(year);
|
||
}
|
||
},
|
||
get_days(year_d, month_d, day){
|
||
let that = this;
|
||
let params4 = {};
|
||
let mpoint = "3853763497771151360"
|
||
params4.page = 0;
|
||
params4.year_s = year_d;
|
||
params4.month_s = month_d;
|
||
params4.day_s = day;
|
||
params4.type = "day_s";
|
||
params4.mgroup = that.query.mgroup;
|
||
that.$API.enm.enstat.req(params4).then((res4) => {
|
||
let data4 = res4[0];
|
||
that.tableDatas[0][2] = data4.total_production;
|
||
if (data4.total_production < 1){
|
||
that.tableDatas[4][2] = 0;
|
||
that.tableDatas[5][2] = 0;
|
||
that.tableDatas[6][2] = 0;
|
||
that.tableDatas[7][2] = 0;
|
||
that.tableDatas[8][2] = 0;
|
||
}else{
|
||
that.tableDatas[0][2] = data4.total_production;
|
||
that.tableDatas[1][2] = data4.production_hour;
|
||
that.tableDatas[2][2] = data4.run_hour;
|
||
that.tableDatas[3][2] = data4.run_rate;
|
||
}
|
||
params4.mpoint = mpoint
|
||
return that.$API.enm.mpointstat.list.req(params4);
|
||
}).then((res)=>{
|
||
if (res.length > 0) {
|
||
let data = res[0];
|
||
let calculate = ((data.val/that.tableDatas[0][2])*1000);
|
||
that.tableDatas[4][2] = (calculate > 135 ? 135 : calculate).toFixed(2);
|
||
}
|
||
})
|
||
},
|
||
get_months(year, month){
|
||
let that = this;
|
||
let params2 = {};
|
||
params2.page = 0;
|
||
params2.year_s = year;
|
||
params2.month_s = month;
|
||
params2.type = "month_s";
|
||
let mpoint = "3853763497771151360"
|
||
params2.mgroup = this.query.mgroup;
|
||
this.$API.enm.enstat.req(params2).then((res2) => {
|
||
if (res2.length > 0) {
|
||
let data2 = res2[0];
|
||
that.tableDatas[0][4] = data2.total_production;
|
||
that.tableDatas[0][7] = this.precen(
|
||
that.tableDatas[0][4],
|
||
that.tableDatas[0][6]
|
||
);
|
||
that.tableDatas[1][4] = data2.production_hour;
|
||
that.tableDatas[1][7] = this.precen(
|
||
that.tableDatas[1][4],
|
||
that.tableDatas[1][6]
|
||
);
|
||
that.tableDatas[2][4] = data2.run_hour;
|
||
that.tableDatas[2][7] = this.precen(
|
||
that.tableDatas[2][4],
|
||
that.tableDatas[2][6]
|
||
);
|
||
that.tableDatas[3][4] = data2.run_rate;
|
||
that.tableDatas[3][7] = this.precen(
|
||
that.tableDatas[3][4],
|
||
that.tableDatas[3][6]
|
||
);
|
||
|
||
// that.tableDatas[4][4] = data2.elec_consume_unit;
|
||
// that.tableDatas[4][7] = this.consume_precen(
|
||
// that.tableDatas[4][6] - that.tableDatas[4][4],
|
||
// that.tableDatas[4][6]
|
||
// );
|
||
// that.tableDatas[5][4] =
|
||
// data2.celec_consume_unit;
|
||
// that.tableDatas[5][7] = this.consume_precen(
|
||
// that.tableDatas[5][6] - that.tableDatas[5][4],
|
||
// that.tableDatas[5][6]
|
||
// );
|
||
// that.tableDatas[6][4] = data2.coal_consume_unit;
|
||
// that.tableDatas[6][7] = this.consume_precen(
|
||
// that.tableDatas[6][6]-that.tableDatas[6][4],
|
||
// that.tableDatas[6][6]
|
||
// );
|
||
// that.tableDatas[7][4] = data2.cen_consume_unit;
|
||
// that.tableDatas[7][7] = this.consume_precen(
|
||
// that.tableDatas[7][6]-that.tableDatas[7][4],
|
||
// that.tableDatas[7][6]
|
||
// );
|
||
// that.tableDatas[8][4] = data2.elec_consume;
|
||
// that.tableDatas[8][7] = this.consume_precen(
|
||
// that.tableDatas[8][6]-that.tableDatas[8][4],
|
||
// that.tableDatas[8][6]
|
||
// );
|
||
// that.tableDatas[9][4] =
|
||
// data2.production_cost_unit;
|
||
// that.tableDatas[9][7] = this.consume_precen(
|
||
// that.tableDatas[9][6]-that.tableDatas[9][4],
|
||
// that.tableDatas[9][6]
|
||
// );
|
||
// that.tableDatas[10][4] = data2.ammonia_consume;
|
||
// that.tableDatas[10][7] = this.consume_precen(
|
||
// that.tableDatas[10][6] - that.tableDatas[10][4],
|
||
// that.tableDatas[10][6]
|
||
// )
|
||
// that.tableDatas[11][4] = (data2.ammonia_consume*1000/data2.total_production).toFixed(2);
|
||
// that.tableDatas[11][7] = this.consume_precen(
|
||
// that.tableDatas[11][6] - that.tableDatas[11][4],
|
||
// that.tableDatas[11][6]
|
||
// )
|
||
params2.mpoint = mpoint
|
||
return that.$API.enm.mpointstat.list.req(params2);
|
||
}
|
||
}).then((res)=>{
|
||
if (res.length > 0) {
|
||
let data = res[0];
|
||
let calculate = ((data.val/that.tableDatas[0][2])*1000);
|
||
that.tableDatas[4][4] = (calculate > 135 ? 135 : calculate).toFixed(2);
|
||
}
|
||
}
|
||
)
|
||
},
|
||
get_years(year){
|
||
let that = this;
|
||
let params1 = {};
|
||
params1.page = 0;
|
||
params1.year_s = year;
|
||
let mpoint = "3853763497771151360"
|
||
params1.type = "year_s";
|
||
params1.mgroup = this.query.mgroup;
|
||
this.$API.enm.enstat.req(params1).then((res1) => {
|
||
if (res1.length > 0) {
|
||
let data1 = res1[0];
|
||
that.tableDatas[0][5] = data1.total_production;
|
||
that.tableDatas[0][9] = this.precen(
|
||
that.tableDatas[0][5],
|
||
that.tableDatas[0][8]
|
||
);
|
||
that.tableDatas[1][5] = data1.production_hour;
|
||
that.tableDatas[1][9] = this.precen(
|
||
that.tableDatas[1][5],
|
||
that.tableDatas[1][8]
|
||
);
|
||
that.tableDatas[2][5] = data1.run_hour;
|
||
that.tableDatas[2][9] = this.precen(
|
||
that.tableDatas[2][5],
|
||
that.tableDatas[2][8]
|
||
);
|
||
that.tableDatas[3][5] = data1.run_rate;
|
||
that.tableDatas[3][9] = this.precen(
|
||
that.tableDatas[3][5],
|
||
that.tableDatas[3][8]
|
||
);
|
||
// that.tableDatas[4][5] = data1.elec_consume_unit;
|
||
// that.tableDatas[4][9] = this.consume_precen(
|
||
// (that.tableDatas[4][8]-that.tableDatas[4][5]),
|
||
// that.tableDatas[4][8]
|
||
// );
|
||
|
||
// that.tableDatas[5][5] =
|
||
// data.celec_consume_unit;
|
||
// that.tableDatas[5][9] = this.consume_precen(
|
||
// (that.tableDatas[5][8]-that.tableDatas[5][5]),
|
||
// that.tableDatas[5][8]
|
||
// );
|
||
// that.tableDatas[6][5] = data1.coal_consume_unit;
|
||
// that.tableDatas[6][9] = this.consume_precen(
|
||
// (that.tableDatas[6][8]-that.tableDatas[6][5]),
|
||
// that.tableDatas[6][8]
|
||
// );
|
||
// that.tableDatas[7][5] = data1.cen_consume_unit;
|
||
// that.tableDatas[7][9] = this.consume_precen(
|
||
// (that.tableDatas[7][8]-that.tableDatas[7][5]),
|
||
// that.tableDatas[7][8]
|
||
// );
|
||
// that.tableDatas[8][5] = data1.elec_consume;
|
||
// that.tableDatas[8][9] = this.consume_precen(
|
||
// (that.tableDatas[8][8]-that.tableDatas[8][5]),
|
||
// that.tableDatas[8][8]
|
||
// );
|
||
// that.tableDatas[9][5] =
|
||
// data1.production_cost_unit;
|
||
// that.tableDatas[9][9] = this.consume_precen(
|
||
// (that.tableDatas[9][8]-that.tableDatas[9][5]),
|
||
// that.tableDatas[9][8]
|
||
// );
|
||
// that.tableDatas[10][5] = data1.ammonia_consume;
|
||
// that.tableDatas[10][9] = this.consume_precen(
|
||
// that.tableDatas[10][8] - that.tableDatas[10][5],
|
||
// that.tableDatas[10][8]
|
||
// );
|
||
// that.tableDatas[11][5] = (data1.ammonia_consume*1000/data1.total_production).toFixed(2);
|
||
// that.tableDatas[11][9] = this.consume_precen(
|
||
// that.tableDatas[11][8] - that.tableDatas[11][5],
|
||
// that.tableDatas[11][8]
|
||
// );
|
||
} else {
|
||
}
|
||
params1.mpoint = mpoint
|
||
return that.$API.enm.mpointstat.list.req(params1);
|
||
}).then((res)=>{
|
||
if (res.length > 0) {
|
||
// let data = res[0];
|
||
// that.tableDatas[4][5] = (data.val/that.tableDatas[0][4]).toFixed(2);
|
||
|
||
let data = res[0];
|
||
let calculate = ((data.val/that.tableDatas[0][4])*1000);
|
||
that.tableDatas[4][5] = (calculate > 135 ? 135 : calculate).toFixed(2);
|
||
}
|
||
})
|
||
},
|
||
//获取小时数据
|
||
getHourData(year, month, days) {
|
||
let that = this;
|
||
let query = {};
|
||
query.page = 0;
|
||
query.year = year;
|
||
query.month = month;
|
||
query.day = days;
|
||
query.type = "hour_s";
|
||
query.mgroup = that.query.mgroup;
|
||
this.$API.enm.enstat.req(query).then((response) => {
|
||
let seriesData0 = [],
|
||
seriesData1 = [],
|
||
seriesData2 = [];
|
||
let data = response;
|
||
data.forEach((item) => {
|
||
let ind = item.hour;
|
||
seriesData0[ind] = item.total_production;
|
||
seriesData1[ind] = item.elec_consume_unit;
|
||
// seriesData2[ind] = item.coal_consume_unit;
|
||
});
|
||
let options = { ...that.option1 };
|
||
options.series[0].data = seriesData0;
|
||
options.series[1].data = seriesData1;
|
||
// options.series[2].data = seriesData2;
|
||
let hourXAxis = [];
|
||
for (let i = 0; i < 24; i++) {
|
||
let item = i + "时";
|
||
hourXAxis.push(item);
|
||
}
|
||
options.xAxis.data = hourXAxis;
|
||
that.optionHour = options;
|
||
});
|
||
},
|
||
//获取天数据
|
||
getDayData(year, month) {
|
||
let that = this;
|
||
let query1 = {};
|
||
query1.page = 0;
|
||
query1.year_s = year;
|
||
query1.month_s = month;
|
||
query1.type = "day_s";
|
||
query1.mgroup = this.query.mgroup;
|
||
this.$API.enm.enstat.req(query1).then((response) => {
|
||
let seriesData0 = [],
|
||
seriesData1 = [],
|
||
seriesData2 = [],
|
||
seriesData3 = [],
|
||
seriesData4 = [];
|
||
let data = response;
|
||
data.forEach((item) => {
|
||
let ind = item.day_s - 1;
|
||
seriesData0[ind] = item.total_production;
|
||
seriesData1[ind] = item.production_hour;
|
||
seriesData2[ind] = item.run_rate;
|
||
seriesData3[ind] = item.elec_consume_unit;
|
||
// seriesData4[ind] = item.coal_consume_unit;
|
||
});
|
||
let options = { ...that.option2 };
|
||
options.series[0].data = seriesData0;
|
||
options.series[1].data = seriesData1;
|
||
options.series[2].data = seriesData2;
|
||
options.series[3].data = seriesData3;
|
||
// options.series[4].data = seriesData4;
|
||
let dayXAxis = [];
|
||
let dayss = new Date(year, month, 0).getDate();
|
||
for (let i = 1; i <= dayss; i++) {
|
||
let item = i + "日";
|
||
dayXAxis.push(item);
|
||
}
|
||
options.xAxis.data = dayXAxis;
|
||
that.optionDay = options;
|
||
});
|
||
},
|
||
//获取月数据
|
||
getMonthData(year) {
|
||
let that = this;
|
||
let query2 = {};
|
||
query2.page = 0;
|
||
query2.year_s = year;
|
||
query2.type = "month_s";
|
||
query2.mgroup = that.query.mgroup;
|
||
this.$API.enm.enstat.req(query2).then((response) => {
|
||
let seriesData0 = [],
|
||
seriesData1 = [],
|
||
seriesData2 = [],
|
||
seriesData3 = [],
|
||
seriesData4 = [];
|
||
let data = response;
|
||
data.forEach((item) => {
|
||
let ind = item.month_s - 1;
|
||
seriesData0[ind] = item.total_production;
|
||
seriesData1[ind] = item.production_hour;
|
||
seriesData2[ind] = item.run_rate;
|
||
seriesData3[ind] = item.elec_consume_unit;
|
||
// seriesData4[ind] = item.coal_consume_unit;
|
||
});
|
||
let options = { ...that.option3 };
|
||
options.series[0].data = seriesData0;
|
||
options.series[1].data = seriesData1;
|
||
options.series[2].data = seriesData2;
|
||
options.series[3].data = seriesData3;
|
||
// options.series[4].data = seriesData4;
|
||
let monthXAxis = [];
|
||
for (let i = 1; i < 13; i++) {
|
||
let item = i + "月";
|
||
monthXAxis.push(item);
|
||
}
|
||
options.xAxis.data = monthXAxis;
|
||
that.optionMonth = options;
|
||
});
|
||
},
|
||
itemClick(type, item) {
|
||
this.type = type;
|
||
this.cate = item[1];
|
||
this.asynDialog = true;
|
||
},
|
||
itemClick1(type, item) {
|
||
this.chartShow = false;
|
||
this.$API.bi.dataset.exec.req("3322567213885833216").then((res) => {
|
||
this.myOption = JSON.parse(res.echart_options);
|
||
this.chartShow = true;
|
||
});
|
||
},
|
||
handlePrint() {
|
||
this.$PRINT("#myReport");
|
||
},
|
||
exportExcel() {
|
||
this.exportLoading = true;
|
||
this.$XLSX("#myTable", this.tableName);
|
||
this.exportLoading = false;
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
.printContainer {
|
||
padding-left: 20px;
|
||
}
|
||
.printWrap {
|
||
overflow-x: auto;
|
||
}
|
||
.radioWrap {
|
||
display: flex;
|
||
justify-content: center;
|
||
padding-top: 10px;
|
||
position: relative;
|
||
}
|
||
</style>
|