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

Merge branch 'master' of https://e.coding.net/ctcdevteam/ehs/ehs_web

This commit is contained in:
shijing 2024-12-30 16:11:58 +08:00
parent 08a1d50c08 3df65b5a2b
commit 75b09a9ce1
18 changed files with 389 additions and 264 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.env.development
View File

@ -22,11 +22,14 @@ VUE_APP_PJ = ''
# VUE_APP_BASEURL = http://10.50.211.228:2250/ # VUE_APP_BASEURL = http://10.50.211.228:2250/
# VUE_APP_BASEURL = http://127.0.0.1:8887 # VUE_APP_BASEURL = http://127.0.0.1:8887
# VUE_APP_BASEURL = http://127.0.0.1:2226 # VUE_APP_BASEURL = http://127.0.0.1:226
# #光子 # #光子
VUE_APP_API_BASEURL = http://tkx.xxhhcty.xyz:8080/api VUE_APP_API_BASEURL = http://tkx.xxhhcty.xyz:8080/api
VUE_APP_BASEURL = http://tkx.xxhhcty.xyz:8080 VUE_APP_BASEURL = http://tkx.xxhhcty.xyz:8080
# VUE_APP_API_BASEURL = http://49.232.14.174:2250/api
# VUE_APP_BASEURL = http://49.232.14.174:2250
# #
# 本地端口 # 本地端口
VUE_APP_PORT = 2800 VUE_APP_PORT = 2800

6
src/api/model/mtm.js
View File

@ -216,6 +216,12 @@ export default {
); );
}, },
}, },
days:{
name: "所属年月日",
req: async function (data) {
return await http.post(`${config.API_URL}/mtm/mgroup/get_days/`, data);
},
}
}, },
//班次 //班次
shift: { shift: {

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

@ -4,7 +4,7 @@
<span class="top-line top-line-left"></span> <span class="top-line top-line-left"></span>
{{ bigScreenName }} {{ bigScreenName }}
<span class="top-line top-line-right"></span> <span class="top-line top-line-right"></span>
<div class="backHomeBtn" style="right: 100px;" @click.prevent="backHome">返回首页</div> <div class="backHomeBtn" style="right: 100px;" @click.prevent="backHome">退出大屏</div>
</header> </header>
<div id="model" class="model"> <div id="model" class="model">
<div class="top_block"> <div class="top_block">
@ -160,7 +160,7 @@
<div class="flexItem"> <div class="flexItem">
<div class="itemTitle"> <div class="itemTitle">
<div class="itemTitleIcon"></div> <div class="itemTitleIcon"></div>
<div>本月主机设备电耗</div> <div>本月工序电量</div>
</div> </div>
<div class="itemBody itemBodyFlex"> <div class="itemBody itemBodyFlex">
<div id="radar" style="height: 100%"></div> <div id="radar" style="height: 100%"></div>
@ -709,7 +709,7 @@ export default {
methods: { methods: {
backHome(){ backHome(){
// this.$router.push({ name: "user" }); // this.$router.push({ name: "user" });
window.location.href = "http://tkx.xxhhcty.xyz:8080/#/dashboard_enm"; this.$router.go(-1);
}, },
initializeData() { initializeData() {
this.productNum(); this.productNum();

20
src/views/enm_coal/power.vue
View File

@ -80,11 +80,11 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">本日</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month" <el-radio-button label="month"
>本月</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">本年</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -371,9 +371,10 @@ export default {
obj.mgroup__name = "煤磨"; obj.mgroup__name = "煤磨";
obj.page = 0; obj.page = 0;
obj.enabled = 1; obj.enabled = 1;
obj.need_display = 1; // obj.need_display = 1;
obj.ordering = "report_sortstr"; obj.ordering = "report_sortstr";
obj.material__code__in = "elec,elec_0"; obj.material__code__in = "elec,elec_0";
obj.ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.list.req(obj).then((res) => { this.$API.enm.mpoint.list.req(obj).then((res) => {
const arr = res.filter(item => item.name !== "烧成车间合计").map(item => item.name) const arr = res.filter(item => item.name !== "烧成车间合计").map(item => item.name)
that.mpoints = arr; that.mpoints = arr;
@ -418,7 +419,8 @@ export default {
obj.hour = hours_h; obj.hour = hours_h;
obj.mgroup__name = "煤磨"; obj.mgroup__name = "煤磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat this.$API.enm.mpoint.stat
.req(obj) .req(obj)
@ -484,6 +486,7 @@ export default {
obj_m.mgroup__name = "煤磨"; obj_m.mgroup__name = "煤磨";
obj_m.mpoint__material__code__in = "elec,elec_0"; obj_m.mpoint__material__code__in = "elec,elec_0";
obj_m.mpoint__need_display = 1; obj_m.mpoint__need_display = 1;
obj_m.mpoint__ep_monitored__power_kw__gte = 100;
obj_m.page = 0; obj_m.page = 0;
this.$API.enm.mpoint.stat.req(obj_m).then((res) => { this.$API.enm.mpoint.stat.req(obj_m).then((res) => {
console.log("getTableHourData", res); console.log("getTableHourData", res);
@ -520,6 +523,7 @@ export default {
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -566,7 +570,8 @@ export default {
obj.mgroup__name = "煤磨"; obj.mgroup__name = "煤磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -613,7 +618,8 @@ export default {
obj.mgroup__name = "煤磨"; obj.mgroup__name = "煤磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];

84
src/views/enm_coal/report.vue
View File

@ -94,9 +94,9 @@
> >
<!-- <el-radio-button label="day">本日</el-radio-button> --> <!-- <el-radio-button label="day">本日</el-radio-button> -->
<el-radio-button label="month" <el-radio-button label="month"
>日</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">月</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -170,7 +170,7 @@
</div> </div>
</template> </template>
<script> <script>
const colors = ["#5b9bd5", "#ed7d31", "#70ad47", "#ffc000", "#4472c4"]; const colors = ["#5b9bd5", "#ed7d31", "#70ad47", "#ffc000", "#4472c4", "#91d024"];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -187,14 +187,24 @@ let grid = {
top: "20%", top: "20%",
}; };
let toolbox = { let toolbox = {
right: "2%", right: 0,
feature: { feature: {
dataView: { show: true, readOnly: false }, dataView: { show: true, readOnly: false },
// restore: { show: true },
saveAsImage: { show: true }, saveAsImage: { show: true },
}, },
orient: "vertical",
}; };
let legend = { let legend = {
selector: [
{
type: 'all',
title: '全选'
},
{
type: 'inverse',
title: '反选'
}
],
top: "2%", top: "2%",
data: ["总产量", "台时产量", "运转率", "分布电耗"], data: ["总产量", "台时产量", "运转率", "分布电耗"],
}; };
@ -204,7 +214,7 @@ let yAxis = [
name: "产量 (t)", name: "产量 (t)",
position: "left", position: "left",
alignTicks: true, alignTicks: true,
nameRotate: 30, nameRotate: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -215,14 +225,30 @@ let yAxis = [
formatter: "{value}", formatter: "{value}",
}, },
}, },
{
type: "value",
name: "台时(t/h)",
position: "left",
alignTicks: true,
nameRotate: 50,
offset: 50,
axisLine: {
show: true,
lineStyle: {
color: colors[1],
},
},
axisLabel: {
formatter: "{value}",
},
},
{ {
type: "value", type: "value",
name: "运转率 (%)", name: "运转率 (%)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
offset: 60, offset: 50,
max: 100, nameRotate: 50,
nameRotate: 30,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -238,28 +264,11 @@ let yAxis = [
name: "分布电耗(kW·h/t)", name: "分布电耗(kW·h/t)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
nameRotate: 30, nameRotate: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: colors[2], color: colors[3],
},
},
axisLabel: {
formatter: "{value}",
},
},
{
type: "value",
name: "台时(t/h)",
position: "left",
alignTicks: true,
nameRotate: 30,
offset: 60,
axisLine: {
show: true,
lineStyle: {
color: colors[1],
}, },
}, },
axisLabel: { axisLabel: {
@ -268,7 +277,6 @@ let yAxis = [
}, },
]; ];
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";
import { max } from "d3";
import { defineAsyncComponent } from "vue"; import { defineAsyncComponent } from "vue";
export default { export default {
components: { components: {
@ -349,19 +357,19 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 0, yAxisIndex: 1,
data: [], data: [],
}, },
{ {
name: "运转率", name: "运转率",
type: "line", type: "line",
yAxisIndex: 1, yAxisIndex: 2,
data: [], data: [],
}, },
{ {
name: "分布电耗", name: "分布电耗",
type: "bar", type: "bar",
yAxisIndex: 2, yAxisIndex: 3,
data: [], data: [],
}, },
], ],
@ -392,19 +400,19 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 3, yAxisIndex: 1,
data: [], data: [],
}, },
{ {
name: "运转率", name: "运转率",
type: "line", type: "line",
yAxisIndex: 1, yAxisIndex: 2,
data: [], data: [],
}, },
{ {
name: "分布电耗", name: "分布电耗",
type: "bar", type: "bar",
yAxisIndex: 2, yAxisIndex: 3,
data: [], data: [],
}, },
], ],
@ -447,19 +455,19 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 0, yAxisIndex: 1,
data: [], data: [],
}, },
{ {
name: "运转率", name: "运转率",
type: "line", type: "line",
yAxisIndex: 1, yAxisIndex: 2,
data: [], data: [],
}, },
{ {
name: "分布电耗", name: "分布电耗",
type: "bar", type: "bar",
yAxisIndex: 2, yAxisIndex: 3,
data: [], data: [],
}, },
], ],

43
src/views/enm_energy/air_consume.vue
View File

@ -17,19 +17,18 @@
:value="item.id" :value="item.id"
></el-option> ></el-option>
</el-select> </el-select>
<el-date-picker <el-date-picker
v-model="daterange" v-model="daterange"
type="datetimerange" type="datetimerange"
:shortcuts="shortcuts" value-format="YYYY-MM-DD HH:mm:ss"
range-separator="To" range-separator="至"
start-placeholder="Start date" start-placeholder="开始时间"
end-placeholder="End date" end-placeholder="结束时间"
placeholder="时间范围" format="YYYY-MM-DD HH"
value-format="YYYY-MM-DD hh:mm:ss" popper-class="tpc"
v-if="query.type==3" v-if="query.type==3"
style="margin-right: 6px" @change="changeDate"/>
@change="changeDate"
/>
<el-date-picker <el-date-picker
v-model="query.day" v-model="query.day"
type="date" type="date"
@ -397,7 +396,7 @@ export default {
bar_option: { bar_option: {
legend: { legend: {
top: "2%", top: "2%",
data: ["烧成车间压缩空气", "原料车间压缩空气", "水泥磨压缩空气"] data: ["烧成车间压缩空气(m3)", "原料车间压缩空气(m3)", "水泥磨压缩空气(m3)"]
}, },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
@ -411,11 +410,11 @@ export default {
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
name: '压缩空气' name: ''
}, },
series: [ series: [
{ {
name: '烧成车间压缩空气', // 此处修改为对应分类的名称 name: '烧成车间压缩空气(m3)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: [], data: [],
itemStyle: { itemStyle: {
@ -424,7 +423,7 @@ export default {
}, },
{ {
name: '原料车间压缩空气', // 此处修改为对应分类的名称 name: '原料车间压缩空气(m3)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: [], data: [],
itemStyle: { itemStyle: {
@ -433,7 +432,7 @@ export default {
}, },
{ {
name: '水泥磨压缩空气', // 此处修改为对应分类的名称 name: '水泥磨压缩空气(m3)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: [], data: [],
itemStyle: { itemStyle: {
@ -869,13 +868,23 @@ export default {
}, },
} }
}; };
</script> </script>
<style scoped> <style scoped>
.printWrap { .printWrap {
width: 100%; width: 100%;
overflow-x: scroll; overflow-x: scroll;
} }
.chartWrap {
width: 1500px;
margin-top: 20px;
border: 1px solid #eeeeee;
}
.printContainer { .printContainer {
width: 100%; width: 100%;
} }
.chartTitle{
text-align: center;
width: 100%;
}
</style> </style>

27
src/views/enm_energy/electric_total.vue
View File

@ -26,24 +26,17 @@
v-if = "query.type == 0" v-if = "query.type == 0"
@change="dateChange" @change="dateChange"
/> />
<el-date-picker <el-date-picker
v-model="daterange" v-model="daterange"
type="datetimerange" type="datetimerange"
:shortcuts="shortcuts" value-format="YYYY-MM-DD HH:mm:ss"
range-separator="To" range-separator="至"
start-placeholder="Start date" start-placeholder="开始时间"
end-placeholder="End date" end-placeholder="结束时间"
placeholder="时间范围" format="YYYY-MM-DD HH"
value-format="YYYY-MM-DD hh:mm:ss" popper-class="tpc"
v-if="query.type==1" v-if="query.type==1"
style="margin-right: 6px" @change="changeDate"/>
@change="changeDate"
/>
<!-- <el-button
type="primary"
icon="el-icon-search"
@click="dateChange"
></el-button> -->
<el-button <el-button
type="primary" type="primary"
@click="exportExcel()" @click="exportExcel()"

75
src/views/enm_energy/water.vue
View File

@ -17,19 +17,18 @@
:value="item.id" :value="item.id"
></el-option> ></el-option>
</el-select> </el-select>
<el-date-picker <el-date-picker
v-model="daterange" v-model="daterange"
type="datetimerange" type="datetimerange"
:shortcuts="shortcuts" value-format="YYYY-MM-DD HH:mm:ss"
range-separator="To" range-separator="至"
start-placeholder="Start date" start-placeholder="开始时间"
end-placeholder="End date" end-placeholder="结束时间"
placeholder="时间范围" format="YYYY-MM-DD HH"
value-format="YYYY-MM-DD hh:mm:ss" popper-class="tpc"
v-if="query.type==3" v-if="query.type==3"
style="margin-right: 6px" @change="changeDate"/>
@change="changeDate"
/>
<el-date-picker <el-date-picker
v-model="query.day" v-model="query.day"
type="date" type="date"
@ -243,8 +242,9 @@
<script> <script>
let legend = { let legend = {
top: "2%", top: "2%",
data: ["工业水", "绿化水", "生活水"], data: ["工业水(t)", "绿化水(t)", "生活水(t)"],
}; };
let colors = ["##36492E", "#4BA328", "#C6F47D"];
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";
export default { export default {
components: { components: {
@ -303,7 +303,6 @@ export default {
sourceData: {}, sourceData: {},
option: { option: {
title: { title: {
// text: "全厂电量小时统计",
x: "center", x: "center",
}, },
grid: { grid: {
@ -423,6 +422,7 @@ export default {
for (let n = 1; n <= that.days; n++) { for (let n = 1; n <= that.days; n++) {
that.xAxisData_day.push(n + "日"); that.xAxisData_day.push(n + "日");
} }
let colors = ["##36492E", "#4BA328", "#C6F47D"];
this.getMPoints(); this.getMPoints();
let heightContainer = let heightContainer =
document.getElementById("app-container").clientHeight; document.getElementById("app-container").clientHeight;
@ -590,7 +590,7 @@ export default {
}); });
}, },
updateChart(gyhourlyData, shhourlyData, lvhourlyData) { updateChart(gyhourlyData, shhourlyData, lvhourlyData) {
let that = this; let that = this;
// 创建 ECharts 配置 // 创建 ECharts 配置
let option = { let option = {
legend: legend, legend: legend,
@ -606,32 +606,32 @@ export default {
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
name: '用水量' name: ''
}, },
series: [{ series: [{
name: '工业水', // 此处修改为对应分类的名称 name: '工业水(t)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: gyhourlyData, // 每小时的用水量 data: gyhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#a9b6fe', color: '#518A3A',
}, },
}, },
{ {
name: '绿化水', // 此处修改为对应分类的名称 name: '绿化水(t)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: lvhourlyData, // 每小时的用水量 data: lvhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#3398DB', color: '#DCE6CB',
}, },
}, },
{ {
name: '生活水', // 此处修改为对应分类的名称 name: '生活水(t)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: shhourlyData, // 每小时的用水量 data: shhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#EE6666', color: '#93F607',
}, },
}, },
@ -707,32 +707,32 @@ export default {
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
name: '用水量' name: ''
}, },
series: [{ series: [{
name: '工业水', // 此处修改为对应分类的名称 name: '工业水(t)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: gyhourlyData, // 每小时的用水量 data: gyhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#a9b6fe', color: '#518A3A',
}, },
}, },
{ {
name: '绿化水', // 此处修改为对应分类的名称 name: '绿化水(t)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: lvhourlyData, // 每小时的用水量 data: lvhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#3398DB', color: '#DCE6CB',
}, },
}, },
{ {
name: '生活水', // 此处修改为对应分类的名称 name: '生活水(t)', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: shhourlyData, // 每小时的用水量 data: shhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#EE6666', color: '#93F607',
}, },
}, },
@ -837,14 +837,14 @@ export default {
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
name: '用水量' name: ''
}, },
series: [{ series: [{
name: '工业水', // 此处修改为对应分类的名称 name: '工业水', // 此处修改为对应分类的名称
type: 'bar', type: 'bar',
data: gyhourlyData, // 每小时的用水量 data: gyhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#a9b6fe', color: '#518A3A',
}, },
}, },
@ -853,7 +853,7 @@ export default {
type: 'bar', type: 'bar',
data: lvhourlyData, // 每小时的用水量 data: lvhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#3398DB', color: '#DCE6CB',
}, },
}, },
@ -862,7 +862,7 @@ export default {
type: 'bar', type: 'bar',
data: shhourlyData, // 每小时的用水量 data: shhourlyData, // 每小时的用水量
itemStyle: { itemStyle: {
color: '#EE6666', color: '#93F607',
}, },
}, },
@ -964,4 +964,13 @@ export default {
.printContainer { .printContainer {
width: 100%; width: 100%;
} }
.chartTitle{
text-align: center;
width: 100%;
}
.chartWrap {
width: 1500px;
margin-top: 20px;
border: 1px solid #eeeeee;
}
</style> </style>

22
src/views/enm_kiln/power.vue
View File

@ -80,11 +80,11 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">本日</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month" <el-radio-button label="month"
>本月</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">本年</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -485,6 +485,7 @@ export default {
obj.material__code__in = "elec,elec_0"; obj.material__code__in = "elec,elec_0";
obj.need_display = 1; obj.need_display = 1;
obj.ordering = "report_sortstr"; obj.ordering = "report_sortstr";
obj.ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.list.req(obj).then((res) => { this.$API.enm.mpoint.list.req(obj).then((res) => {
console.log("mpoints", res); console.log("mpoints", res);
let arr = []; let arr = [];
@ -538,7 +539,8 @@ export default {
obj.hour = hours_h; obj.hour = hours_h;
obj.mgroup__name = "回转窑"; obj.mgroup__name = "回转窑";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat this.$API.enm.mpoint.stat
.req(obj) .req(obj)
@ -601,7 +603,8 @@ export default {
obj_m.month_s = that.month; obj_m.month_s = that.month;
obj_m.mgroup__name = "回转窑"; obj_m.mgroup__name = "回转窑";
obj_m.mpoint__material__code__in = "elec,elec_0"; obj_m.mpoint__material__code__in = "elec,elec_0";
obj_m.mpoint__need_display = 1; // obj_m.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj_m.page = 0; obj_m.page = 0;
this.$API.enm.mpoint.stat.req(obj_m).then((res) => { this.$API.enm.mpoint.stat.req(obj_m).then((res) => {
console.log("getTableHourData", res); console.log("getTableHourData", res);
@ -638,7 +641,8 @@ export default {
obj.mgroup__name = "回转窑"; obj.mgroup__name = "回转窑";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -679,7 +683,8 @@ export default {
obj.mgroup__name = "回转窑"; obj.mgroup__name = "回转窑";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// // obj.mpoint__ep_monitored__isnull = 0; // // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -720,7 +725,8 @@ export default {
obj.mgroup__name = "回转窑"; obj.mgroup__name = "回转窑";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];

98
src/views/enm_kiln/report.vue
View File

@ -104,11 +104,11 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">小时</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month" <el-radio-button label="month"
>日</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">月</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -140,6 +140,7 @@
></el-date-picker> ></el-date-picker>
</div> </div>
</div> </div>
<div class="chartWrap" v-show="typeRadio == 'day'"> <div class="chartWrap" v-show="typeRadio == 'day'">
<div class="chartTitle">本日生产参数统计图</div> <div class="chartTitle">本日生产参数统计图</div>
<scEcharts <scEcharts
@ -287,14 +288,8 @@
</div> </div>
</template> </template>
<script> <script>
const colors = [ const colors = ["#5b9bd5", "#ed7d31", "#70ad47", "#ffc000", "#5f6694", "#cb9bff"];
"#647bfe", // 产量/台时/运转率/分布电耗/单位产品标煤耗/成本
"#8698fe",
"#a9b6fe",
"#cbd3fe",
"#91CC75",
"#EE6666",
];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -306,18 +301,29 @@ let tooltip = {
triggerOn: "mousemove", triggerOn: "mousemove",
}; };
let grid = { let grid = {
right: "12%", right: "11%",
left: "10%", left: "11%",
top: "20%", top: "20%",
}; };
let toolbox = { let toolbox = {
right: "2%", right: 0,
feature: { feature: {
dataView: { show: true, readOnly: false }, dataView: { show: true, readOnly: false },
saveAsImage: { show: true }, saveAsImage: { show: true },
}, },
orient: "vertical",
}; };
let legend = { let legend = {
selector: [
{
type: 'all',
title: '全选'
},
{
type: 'inverse',
title: '反选'
}
],
top: "2%", top: "2%",
data: [ data: [
"总产量", "总产量",
@ -334,7 +340,7 @@ let yAxis = [
name: "产量 (t)", name: "产量 (t)",
position: "left", position: "left",
alignTicks: true, alignTicks: true,
nameRotate: 30, nameRotate: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -345,14 +351,30 @@ let yAxis = [
formatter: "{value}", formatter: "{value}",
}, },
}, },
{
type: "value",
name: "台时产量 (t/h)",
position: "left",
alignTicks: true,
nameRotate: 50,
axisLine: {
show: true,
lineStyle: {
color: colors[1],
},
},
offset: 100,
axisLabel: {
formatter: "{value}",
},
},
{ {
type: "value", type: "value",
name: "运转率(%) ", name: "运转率(%) ",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
nameRotate: 30, nameRotate: 50,
offset: 120, offset: 100,
max:100,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -368,7 +390,7 @@ let yAxis = [
name: "分布电耗(kW·h/t)", name: "分布电耗(kW·h/t)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
nameRotate: 30, nameRotate: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -384,8 +406,8 @@ let yAxis = [
name: "标煤耗(kgce/t)", name: "标煤耗(kgce/t)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
nameRotate: 30, nameRotate: 50,
offset: 60, offset: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -401,8 +423,8 @@ let yAxis = [
name: "成本(元/吨)", name: "成本(元/吨)",
position: "left", position: "left",
alignTicks: true, alignTicks: true,
nameRotate: 30, nameRotate: 50,
offset: 60, offset: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -469,15 +491,7 @@ export default {
tooltip: tooltip, tooltip: tooltip,
grid: grid, grid: grid,
toolbox: toolbox, toolbox: toolbox,
legend: { legend: Object.assign(legend, {data: ["总产量", "分布电耗", "单位产品标煤耗", "成本"]}),
top: "2%",
data: [
"总产量",
"分布电耗",
"单位产品标煤耗",
"成本",
],
},
xAxis: { xAxis: {
axisTick: { axisTick: {
show: true, show: true,
@ -565,31 +579,31 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 0, yAxisIndex: 1,
data: [], data: [],
}, },
{ {
name: "运转率", name: "运转率",
type: "line", type: "line",
yAxisIndex: 1, yAxisIndex: 2,
data: [], data: [],
}, },
{ {
name: "分布电耗", name: "分布电耗",
type: "bar", type: "bar",
yAxisIndex: 2, yAxisIndex: 3,
data: [], data: [],
}, },
{ {
name: "单位产品标煤耗", name: "单位产品标煤耗",
type: "bar", type: "bar",
yAxisIndex: 3, yAxisIndex: 4,
data: [], data: [],
}, },
{ {
name: "成本", name: "成本",
type: "bar", type: "bar",
yAxisIndex: 4, yAxisIndex: 5,
data: [], data: [],
}, },
], ],
@ -619,31 +633,31 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 0, yAxisIndex: 1,
data: [], data: [],
}, },
{ {
name: "运转率", name: "运转率",
type: "line", type: "line",
yAxisIndex: 1, yAxisIndex: 2,
data: [], data: [],
}, },
{ {
name: "分布电耗", name: "分布电耗",
type: "bar", type: "bar",
yAxisIndex: 2, yAxisIndex: 3,
data: [], data: [],
}, },
{ {
name: "单位产品标煤耗", name: "单位产品标煤耗",
type: "bar", type: "bar",
yAxisIndex: 3, yAxisIndex: 4,
data: [], data: [],
}, },
{ {
name: "成本", name: "成本",
type: "bar", type: "bar",
yAxisIndex: 4, yAxisIndex: 5,
data: [], data: [],
}, },
], ],

25
src/views/enm_mill/power.vue
View File

@ -80,11 +80,11 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">本日</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month" <el-radio-button label="month"
>本月</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">本年</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -446,6 +446,7 @@ export default {
obj.need_display = 1; obj.need_display = 1;
obj.ordering = "report_sortstr"; obj.ordering = "report_sortstr";
obj.material__code__in = "elec,elec_0"; obj.material__code__in = "elec,elec_0";
obj.ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.list.req(obj).then((res) => { this.$API.enm.mpoint.list.req(obj).then((res) => {
console.log("mpoints", res); console.log("mpoints", res);
let arr = []; let arr = [];
@ -495,7 +496,8 @@ export default {
obj.hour = hours_h; obj.hour = hours_h;
obj.mgroup__name = "水泥磨"; obj.mgroup__name = "水泥磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat this.$API.enm.mpoint.stat
.req(obj) .req(obj)
@ -529,7 +531,8 @@ export default {
obj_d.day_s = days_d; obj_d.day_s = days_d;
obj_d.mgroup__name = "水泥磨"; obj_d.mgroup__name = "水泥磨";
obj_d.mpoint__material__code__in = "elec,elec_0"; obj_d.mpoint__material__code__in = "elec,elec_0";
obj_d.mpoint__need_display = 1; // obj_d.mpoint__need_display = 1;
obj_d.mpoint__ep_monitored__power_kw__gte = 100;
obj_d.page = 0; obj_d.page = 0;
this.$API.enm.mpoint.stat.req(obj_d).then((res) => { this.$API.enm.mpoint.stat.req(obj_d).then((res) => {
console.log("getTableHourData", res); console.log("getTableHourData", res);
@ -556,7 +559,8 @@ export default {
obj_m.month_s = that.month; obj_m.month_s = that.month;
obj_m.mgroup__name = "水泥磨"; obj_m.mgroup__name = "水泥磨";
obj_m.mpoint__material__code__in = "elec,elec_0"; obj_m.mpoint__material__code__in = "elec,elec_0";
obj_m.mpoint__need_display = 1; // obj_m.mpoint__need_display = 1;
obj_m.mpoint__ep_monitored__power_kw__gte = 100;
obj_m.page = 0; obj_m.page = 0;
this.$API.enm.mpoint.stat.req(obj_m).then((res) => { this.$API.enm.mpoint.stat.req(obj_m).then((res) => {
console.log("getTableHourData", res); console.log("getTableHourData", res);
@ -593,7 +597,8 @@ export default {
obj.mgroup__name = "水泥磨"; obj.mgroup__name = "水泥磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -637,7 +642,8 @@ export default {
obj.mgroup__name = "水泥磨"; obj.mgroup__name = "水泥磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -681,7 +687,8 @@ export default {
obj.mgroup__name = "水泥磨"; obj.mgroup__name = "水泥磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];

30
src/views/enm_mill/report.vue
View File

@ -93,9 +93,9 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">小时</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month">日</el-radio-button> <el-radio-button label="month">按日</el-radio-button>
<el-radio-button label="year">月</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -274,14 +274,7 @@
</div> </div>
</template> </template>
<script> <script>
const colors = [ const colors = ["#5b9bd5", "#ed7d31", "#70ad47", "#ffc000", "#cb9bff"];
"#647bfe",
"#8698fe",
"#a9b6fe",
"#cbd3fe",
"#91CC75",
"#EE6666",
];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -305,6 +298,16 @@ let toolbox = {
}, },
}; };
let legend = { let legend = {
selector: [
{
type: 'all',
title: '全选'
},
{
type: 'inverse',
title: '反选'
}
],
top: "2%", top: "2%",
data: ["总产量", "台时产量", "运转率", "分布电耗", "成本"], data: ["总产量", "台时产量", "运转率", "分布电耗", "成本"],
}; };
@ -428,10 +431,7 @@ export default {
tooltip: tooltip, tooltip: tooltip,
grid: grid, grid: grid,
toolbox: toolbox, toolbox: toolbox,
legend: { legend: Object.assign(legend, {data: ["总产量", "分布电耗", "成本"]}),
top: "2%",
data: ["总产量", "分布电耗", "成本"],
},
xAxis: { xAxis: {
axisTick: { axisTick: {
show: true, show: true,

27
src/views/enm_pack/report.vue
View File

@ -73,8 +73,8 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="month">日</el-radio-button> <el-radio-button label="month">按日</el-radio-button>
<el-radio-button label="year">月</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -244,7 +244,7 @@
</div> </div>
</template> </template>
<script> <script>
const colors = ["#647bfe", "#cbd3fe", "#91CC75", "#EE6666", "#CC00CC", "#551e13"]; const colors = ["#5b9bd5", "#cbd3fe", "#91CC75", "#EE6666", "#CC00CC", "#551e13"];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -256,18 +256,29 @@ let tooltip = {
triggerOn: "mousemove", triggerOn: "mousemove",
}; };
let grid = { let grid = {
right: "4%", right: "11%",
left: "4%", left: "11%",
top: "15%", top: "24%",
}; };
let toolbox = { let toolbox = {
right: "2%", right: 0,
feature: { feature: {
dataView: { show: true, readOnly: false }, dataView: { show: true, readOnly: false },
saveAsImage: { show: true }, saveAsImage: { show: true },
}, },
orient: "vertical",
}; };
let legend = { let legend = {
selector: [
{
type: 'all',
title: '全选'
},
{
type: 'inverse',
title: '反选'
}
],
top: "2%", top: "2%",
data: ["袋装合计", "散装合计", "熟料出厂合计", "出厂水泥合计", "复合水泥合计"],} data: ["袋装合计", "散装合计", "熟料出厂合计", "出厂水泥合计", "复合水泥合计"],}
@ -286,6 +297,7 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50,
}, },
{ {
type: "value", type: "value",
@ -301,6 +313,7 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50,
}, },
]; ];
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";

19
src/views/enm_rm/power.vue
View File

@ -80,11 +80,11 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">本日</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month" <el-radio-button label="month"
>本月</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">本年</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -424,6 +424,7 @@ export default {
obj.need_display = 1; obj.need_display = 1;
obj.ordering = "report_sortstr"; obj.ordering = "report_sortstr";
obj.material__code__in = "elec,elec_0"; obj.material__code__in = "elec,elec_0";
obj.ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.list.req(obj).then((res) => { this.$API.enm.mpoint.list.req(obj).then((res) => {
const arr = res.filter(item => item.name !== "原料车间合计").map(item => item.name) const arr = res.filter(item => item.name !== "原料车间合计").map(item => item.name)
console.log("arr", arr); console.log("arr", arr);
@ -469,7 +470,8 @@ export default {
obj.hour = hours_h; obj.hour = hours_h;
obj.mgroup__name = "原料磨"; obj.mgroup__name = "原料磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat this.$API.enm.mpoint.stat
.req(obj) .req(obj)
@ -575,7 +577,8 @@ export default {
obj.mgroup__name = "原料磨"; obj.mgroup__name = "原料磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -622,7 +625,8 @@ export default {
obj.mgroup__name = "原料磨"; obj.mgroup__name = "原料磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -671,7 +675,8 @@ export default {
obj.mgroup__name = "原料磨"; obj.mgroup__name = "原料磨";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; // obj.mpoint__ep_monitored__isnull = 0;
obj.mpoint__need_display = 1; // obj.mpoint__need_display = 1;
obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];

57
src/views/enm_rm/report.vue
View File

@ -91,11 +91,11 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">本日</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month" <el-radio-button label="month"
>本月</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">本年</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -275,14 +275,7 @@
</div> </div>
</template> </template>
<script> <script>
const colors = [ const colors = ["#5b9bd5", "#ed7d31", "#70ad47", "#ffc000", "#4472c4", "#91d024"];
"#17E8EF",
"#FFECA1",
"#3F662F",
"#BC1012",
"#4AE20D",
"#EFC3CA",
];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -297,16 +290,27 @@ let tooltip = {
let grid = { let grid = {
right: "11%", right: "11%",
left: "11%", left: "11%",
top: "15%", top: "20%",
}; };
let toolbox = { let toolbox = {
right: "2%", right: 0,
feature: { feature: {
dataView: { show: true, readOnly: false }, dataView: { show: true, readOnly: false },
saveAsImage: { show: true }, saveAsImage: { show: true },
}, },
orient: "vertical",
}; };
let legend = { let legend = {
selector: [
{
type: 'all',
title: '全选'
},
{
type: 'inverse',
title: '反选'
}
],
top: "2%", top: "2%",
data: ["总产量", "台时产量", "运转率", "分布电耗"], data: ["总产量", "台时产量", "运转率", "分布电耗"],
}; };
@ -325,13 +329,31 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50
},
{
type: "value",
name: "台时产量 (t/h)",
position: "left",
alignTicks: true,
nameRotate: 50,
axisLine: {
show: true,
lineStyle: {
color: colors[1],
},
},
offset: 50,
axisLabel: {
formatter: "{value}",
},
}, },
{ {
type: "value", type: "value",
name: "运转率 (%)", name: "运转率 (%)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
offset: 80, offset: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -341,6 +363,7 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50
}, },
{ {
type: "value", type: "value",
@ -356,6 +379,7 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50
}, },
]; ];
import * as echarts from "echarts"; import * as echarts from "echarts";
@ -409,10 +433,7 @@ export default {
tooltip: tooltip, tooltip: tooltip,
grid: grid, grid: grid,
toolbox: toolbox, toolbox: toolbox,
legend: { legend: Object.assign(legend, {data: ["总产量", "分布电耗"]}),
top: "2%",
data: ["总产量", "分布电耗"],
},
xAxis: { xAxis: {
axisTick: { axisTick: {
show: true, show: true,

63
src/views/enm_rm_copy/report.vue
View File

@ -91,11 +91,11 @@
v-model="typeRadio" v-model="typeRadio"
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="day">本日</el-radio-button> <el-radio-button label="day">按时</el-radio-button>
<el-radio-button label="month" <el-radio-button label="month"
>本月</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">本年</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -275,14 +275,7 @@
</div> </div>
</template> </template>
<script> <script>
const colors = [ const colors = ["#5b9bd5", "#ed7d31", "#70ad47", "#ffc000", "#cb9bff"];
"#647bfe",
"#8698fe",
"#a9b6fe",
"#cbd3fe",
"#91CC75",
"#EE6666",
];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -297,14 +290,15 @@ let tooltip = {
let grid = { let grid = {
right: "10%", right: "10%",
left: "10%", left: "10%",
top: "15%", top: "20%",
}; };
let toolbox = { let toolbox = {
right: "2%", right: 0,
feature: { feature: {
dataView: { show: true, readOnly: false }, dataView: { show: true, readOnly: false },
saveAsImage: { show: true }, saveAsImage: { show: true },
}, },
orient: "vertical",
}; };
let legend = { let legend = {
top: "2%", top: "2%",
@ -325,13 +319,31 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50
},
{
type: "value",
name: "台时产量 (t/h)",
position: "left",
alignTicks: true,
nameRotate: 50,
axisLine: {
show: true,
lineStyle: {
color: colors[1],
},
},
offset: 100,
axisLabel: {
formatter: "{value}",
},
}, },
{ {
type: "value", type: "value",
name: "运转率 (%)", name: "运转率 (%)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
offset: 80, offset: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -341,6 +353,7 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50
}, },
{ {
type: "value", type: "value",
@ -356,13 +369,14 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50
}, },
{ {
type: "value", type: "value",
name: "成本(元/吨)", name: "成本(元/吨)",
position: "left", position: "left",
alignTicks: true, alignTicks: true,
offset: 70, offset: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -372,6 +386,7 @@ let yAxis = [
axisLabel: { axisLabel: {
formatter: "{value}", formatter: "{value}",
}, },
nameRotate: 50
}, },
]; ];
import * as echarts from "echarts"; import * as echarts from "echarts";
@ -449,25 +464,25 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 0, yAxisIndex: 1,
data: [], data: [],
}, },
{ {
name: "运转率", name: "运转率",
type: "line", type: "line",
yAxisIndex: 1, yAxisIndex: 2,
data: [], data: [],
}, },
{ {
name: "分布电耗", name: "分布电耗",
type: "bar", type: "bar",
yAxisIndex: 2, yAxisIndex: 3,
data: [], data: [],
}, },
{ {
name: "成本", name: "成本",
type: "bar", type: "bar",
yAxisIndex: 3, yAxisIndex: 4,
data: [], data: [],
}, },
], ],
@ -511,25 +526,25 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 0, yAxisIndex: 1,
data: [], data: [],
}, },
{ {
name: "运转率", name: "运转率",
type: "line", type: "line",
yAxisIndex: 1, yAxisIndex: 2,
data: [], data: [],
}, },
{ {
name: "分布电耗", name: "分布电耗",
type: "bar", type: "bar",
yAxisIndex: 2, yAxisIndex: 3,
data: [], data: [],
}, },
{ {
name: "成本", name: "成本",
type: "bar", type: "bar",
yAxisIndex: 3, yAxisIndex: 4,
data: [], data: [],
}, },
], ],
@ -573,7 +588,7 @@ export default {
{ {
name: "台时产量", name: "台时产量",
type: "bar", type: "bar",
yAxisIndex: 0, yAxisIndex: 1,
data: [], data: [],
}, },
{ {

15
src/views/enm_slag/power.vue
View File

@ -79,9 +79,9 @@
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="month" <el-radio-button label="month"
>本月</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">本年</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -290,6 +290,7 @@ export default {
obj.need_display = 1; obj.need_display = 1;
obj.ordering = "report_sortstr"; obj.ordering = "report_sortstr";
obj.material__code__in = "elec,elec_0"; obj.material__code__in = "elec,elec_0";
obj.ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.list.req(obj).then((res) => { this.$API.enm.mpoint.list.req(obj).then((res) => {
console.log("mpoints", res); console.log("mpoints", res);
let arr = []; let arr = [];
@ -343,7 +344,7 @@ export default {
obj_d.day_s = days_d; obj_d.day_s = days_d;
obj_d.mgroup__name = "电石渣"; obj_d.mgroup__name = "电石渣";
obj_d.mpoint__material__code__in = "elec,elec_0"; obj_d.mpoint__material__code__in = "elec,elec_0";
obj_d.mpoint__need_display = 1; obj_d.mpoint__ep_monitored__power_kw__gte = 100;
obj_d.page = 0; obj_d.page = 0;
this.$API.enm.mpoint.stat.req(obj_d).then((res) => { this.$API.enm.mpoint.stat.req(obj_d).then((res) => {
console.log("getTableHourData", res); console.log("getTableHourData", res);
@ -371,7 +372,7 @@ export default {
obj_m.month_s = that.month; obj_m.month_s = that.month;
obj_m.mgroup__name = "电石渣"; obj_m.mgroup__name = "电石渣";
obj_m.mpoint__material__code__in = "elec,elec_0"; obj_m.mpoint__material__code__in = "elec,elec_0";
obj_m.mpoint__need_display = 1; obj_m.mpoint__ep_monitored__power_kw__gte = 100;
obj_m.page = 0; obj_m.page = 0;
this.$API.enm.mpoint.stat.req(obj_m).then((res) => { this.$API.enm.mpoint.stat.req(obj_m).then((res) => {
console.log("getTableHourData", res); console.log("getTableHourData", res);
@ -408,8 +409,7 @@ export default {
obj.month_s = month; obj.month_s = month;
obj.mgroup__name = "电石渣"; obj.mgroup__name = "电石渣";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.mpoint__need_display = 1;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];
@ -449,8 +449,7 @@ export default {
obj.year_s = year; obj.year_s = year;
obj.mgroup__name = "电石渣"; obj.mgroup__name = "电石渣";
obj.mpoint__material__code__in = "elec,elec_0"; obj.mpoint__material__code__in = "elec,elec_0";
// obj.mpoint__ep_monitored__isnull = 0; obj.mpoint__ep_monitored__power_kw__gte = 100;
obj.mpoint__need_display = 1;
obj.page = 0; obj.page = 0;
this.$API.enm.mpoint.stat.req(obj).then((response) => { this.$API.enm.mpoint.stat.req(obj).then((response) => {
let seriesData = []; let seriesData = [];

31
src/views/enm_slag/report.vue
View File

@ -84,9 +84,9 @@
@change="typeRadioChange" @change="typeRadioChange"
> >
<el-radio-button label="month" <el-radio-button label="month"
>日</el-radio-button >按日</el-radio-button
> >
<el-radio-button label="year">月</el-radio-button> <el-radio-button label="year">按月</el-radio-button>
</el-radio-group> </el-radio-group>
<div style="position: absolute; right: 20px"> <div style="position: absolute; right: 20px">
<el-date-picker <el-date-picker
@ -251,7 +251,7 @@
<script> <script>
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from "vue"; import { defineAsyncComponent } from "vue";
const colors = ["#647bfe", "#cbd3fe", "#91CC75", "#EE6666", "#CC00CC", "#551e13"]; const colors = ["#5b9bd5", "#ffc000", "#ed7d31", "#cb9bff", "#4472c4", "#91d024"];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -268,13 +268,24 @@ let grid = {
top: "20%", top: "20%",
}; };
let toolbox = { let toolbox = {
right: "5%", right: 0,
feature: { feature: {
dataView: { show: true, readOnly: false }, dataView: { show: true, readOnly: false },
saveAsImage: { show: true }, saveAsImage: { show: true },
}, },
orient: "vertical",
}; };
let legend = { let legend = {
selector: [
{
type: 'all',
title: '全选'
},
{
type: 'inverse',
title: '反选'
}
],
top: "2%", top: "2%",
data: ["总产量", "分布电耗", "总电量", "成本", "消耗", "进厂"], data: ["总产量", "分布电耗", "总电量", "成本", "消耗", "进厂"],
}; };
@ -284,7 +295,7 @@ let yAxis = [
name: "总产量 (t)", name: "总产量 (t)",
position: "left", position: "left",
alignTicks: true, alignTicks: true,
nameRotate: 45, nameRotate: 50,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@ -297,7 +308,7 @@ let yAxis = [
}, },
{ {
type: "value", type: "value",
nameRotate: 45, nameRotate: 50,
name: "分布电耗(kW·h/t)", name: "分布电耗(kW·h/t)",
position: "left", position: "left",
alignTicks: true, alignTicks: true,
@ -314,7 +325,7 @@ let yAxis = [
}, },
{ {
type: "value", type: "value",
nameRotate: 45, nameRotate: 50,
name: "总电量(kW·h)", name: "总电量(kW·h)",
position: "left", position: "left",
alignTicks: true, alignTicks: true,
@ -332,7 +343,7 @@ let yAxis = [
{ {
type: "value", type: "value",
nameRotate: 45, nameRotate: 50,
name: "成本(元/t)", name: "成本(元/t)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
@ -351,7 +362,7 @@ let yAxis = [
name: "消耗(t)", name: "消耗(t)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
nameRotate: 45, nameRotate: 50,
offset: 50, offset: 50,
axisLine: { axisLine: {
show: true, show: true,
@ -368,7 +379,7 @@ let yAxis = [
name: "进厂(t)", name: "进厂(t)",
position: "right", position: "right",
alignTicks: true, alignTicks: true,
nameRotate: 45, nameRotate: 50,
offset: 100, offset: 100,
axisLine: { axisLine: {
show: true, show: true,