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

fix:综合查询模拟数据

This commit is contained in:
shijing 2024-06-03 10:14:24 +08:00
parent 14aac09779
commit a2b031ebf9
3 changed files with 337 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/views/enm_base/mock.json Normal file
View File

@ -0,0 +1,74 @@
[
{
"mgroup": "3566085057347543040",
"mgroup__name": "石灰石破碎",
"total_production": 0,
"run_sec": 296088,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "石灰石破碎",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 82.25,
"run_rate": 11.4231,
"coal_consume_unit": 0
},
{
"mgroup": "3566609562721439744",
"mgroup__name": "原料磨",
"total_production": 22232,
"run_sec": 372752,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "原料磨",
"production_hour": 214.71,
"elec_consume_unit": 0,
"run_hour": 103.54,
"run_rate": 14.3809,
"coal_consume_unit": 0
},
{
"mgroup": "3566614036835889152",
"mgroup__name": "煤磨",
"total_production": 0,
"run_sec": 337988,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "煤磨",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 93.89,
"run_rate": 13.0397,
"coal_consume_unit": 0
},
{
"mgroup": "3566646268703080448",
"mgroup__name": "余热发电",
"total_production": 0,
"run_sec": 310131,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "余热发电",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 86.15,
"run_rate": 11.9649,
"coal_consume_unit": 0
},
{
"mgroup": "3566638510322909184",
"mgroup__name": "回转窑",
"total_production": 0,
"run_sec": 347311,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "回转窑",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 96.48,
"run_rate": 13.3993,
"coal_consume_unit": 0,
"celec_consume_unit": 0,
"en_consume_unit": 0
}
]

74
src/views/enm_base/mock2.json Normal file
View File

@ -0,0 +1,74 @@
[
{
"mgroup": "3566085057347543040",
"mgroup__name": "石灰石破碎",
"total_production": 0,
"run_sec": 296088,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "石灰石破碎",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 82.25,
"run_rate": 5.7116,
"coal_consume_unit": 0
},
{
"mgroup": "3566609562721439744",
"mgroup__name": "原料磨",
"total_production": 22232,
"run_sec": 372752,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "原料磨",
"production_hour": 214.71,
"elec_consume_unit": 0,
"run_hour": 103.54,
"run_rate": 7.1904,
"coal_consume_unit": 0
},
{
"mgroup": "3566614036835889152",
"mgroup__name": "煤磨",
"total_production": 0,
"run_sec": 337988,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "煤磨",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 93.89,
"run_rate": 6.5198,
"coal_consume_unit": 0
},
{
"mgroup": "3566646268703080448",
"mgroup__name": "余热发电",
"total_production": 0,
"run_sec": 310131,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "余热发电",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 86.15,
"run_rate": 5.9825,
"coal_consume_unit": 0
},
{
"mgroup": "3566638510322909184",
"mgroup__name": "回转窑",
"total_production": 0,
"run_sec": 347311,
"elec_consume": 0,
"pcoal_coal_consume": 0,
"mgroup_name": "回转窑",
"production_hour": 0,
"elec_consume_unit": 0,
"run_hour": 96.48,
"run_rate": 6.6997,
"coal_consume_unit": 0,
"celec_consume_unit": 0,
"en_consume_unit": 0
}
]

329
src/views/enm_base/search.vue
View File

@ -1,126 +1,148 @@
<template> <template>
<div class="app-container"> <el-container>
<el-header> <el-main>
<div class="left-panel"> <el-container>
时间1： <el-header style="height: 400px; padding: 0">
<el-date-picker <el-container>
v-model="query.searchData" <el-header>
type="daterange" <div class="left-panel">
range-separator="至" <div class="left-panel">
start-placeholder="开始日期" 时间段1：
end-placeholder="结束日期" <el-date-picker
value-format="YYYY-MM-DD" v-model="query.searchData"
@change="getList1" type="daterange"
/> range-separator="至"
<el-button start-placeholder="开始日期"
type="primary" end-placeholder="结束日期"
@click="exportExcel()" value-format="YYYY-MM-DD"
:loading="exportLoading" @change="getList1"
>导出xlsx />
</el-button> <el-button
时间2： type="primary"
<el-date-picker @click="exportExcel()"
v-model="query.searchData2" :loading="exportLoading"
type="daterange" >导出xlsx
range-separator="至" </el-button>
start-placeholder="开始日期" </div>
end-placeholder="结束日期" </div>
value-format="YYYY-MM-DD" </el-header>
@change="getList2" <el-main style="background: #ffffff">
/> <div
<el-button type="primary" @click="comparas">对比 </el-button> ref="print"
</div> id="myReport"
</el-header> class="printContainer"
<el-card style="margin-top: 5px">
<div class="printWrap">
<div ref="print" id="myReport" class="printContainer">
<table
border="1"
width="1200"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead">
<tr>
<th>工段</th>
<th>总产量</th>
<th>台时产量</th>
<th>运转时间</th>
<th>运转率</th>
<th>单位产品电耗</th>
<th>单位产品综合电耗</th>
<th>单位产品标煤耗</th>
<th>单位产品综合能耗</th>
<th>吨熟料发电量</th>
</tr>
</thead>
<tr v-for="(item, index) in tableDatas1" :key="index">
<td>{{ item.mgroup_name }}</td>
<td>{{ item.total_production }}</td>
<td>{{ item.production_hour }}</td>
<td>{{ item.run_hour }}</td>
<td>{{ item.run_rate }}</td>
<td>{{ item.elec_consume_unit }}</td>
<td>{{ item.celec_consume_unit }}</td>
<td>{{ item.coal_consume_unit }}</td>
<td>{{ item.cen_consume_unit }}</td>
<td>{{ item.production_elec_unit }}</td>
<!-- <td
v-for="(item0, index0) in item"
:key="index0"
class="numCell"
> >
{{ item0 }} <table
</td> --> border="1"
</tr> width="1200"
</table> cellspacing="0"
<table :key="timeStamp"
border="1" id="myTable"
width="1200" class="myTable"
cellspacing="0" >
:key="timeStamp" <thead class="myTableHead">
id="myTable" <tr>
class="myTable" <th>工段</th>
> <th>总产量</th>
<thead class="myTableHead"> <th>台时产量</th>
<tr> <th>运转时间</th>
<th>工段</th> <th>运转率</th>
<th>总产量</th> <th>单位产品电耗</th>
<th>台时产量</th> <th>单位产品综合电耗</th>
<th>运转时间</th> <th>单位产品标煤耗</th>
<th>运转率</th> <th>单位产品综合能耗</th>
<th>单位产品电耗</th> <th>吨熟料发电量</th>
<th>单位产品综合电耗</th> </tr>
<th>单位产品标煤耗</th> </thead>
<th>单位产品综合能耗</th> <tr
<th>吨熟料发电量</th> v-for="(item, index) in tableDatas1"
</tr> :key="index"
</thead> >
<tr v-for="(item, index) in tableDatas2" :key="index"> <td>{{ item.mgroup_name }}</td>
<td>{{ item.mgroup_name }}</td> <td>{{ item.total_production }}</td>
<td>{{ item.total_production }}</td> <td>{{ item.production_hour }}</td>
<td>{{ item.production_hour }}</td> <td>{{ item.run_hour }}</td>
<td>{{ item.run_hour }}</td> <td>{{ item.run_rate }}</td>
<td>{{ item.run_rate }}</td> <td>{{ item.elec_consume_unit }}</td>
<td>{{ item.elec_consume_unit }}</td> <td>{{ item.celec_consume_unit }}</td>
<td>{{ item.celec_consume_unit }}</td> <td>{{ item.coal_consume_unit }}</td>
<td>{{ item.coal_consume_unit }}</td> <td>{{ item.cen_consume_unit }}</td>
<td>{{ item.cen_consume_unit }}</td> <td>{{ item.production_elec_unit }}</td>
<td>{{ item.production_elec_unit }}</td> </tr>
<!-- <td </table>
v-for="(item0, index0) in item" </div>
:key="index0" </el-main>
class="numCell" </el-container>
</el-header>
<el-main style="padding: 8px 0 0 0">
<el-container>
<el-header>
<div class="left-panel">
时间2：
<el-date-picker
v-model="query.searchData2"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="YYYY-MM-DD"
@change="getList2"
/>
<el-button type="primary" @click="comparas"
>对比
</el-button>
</div>
</el-header>
<el-main style="background: #ffffff">
<div
ref="print"
id="myReport"
class="printContainer"
> >
{{ item0 }} <table
</td> --> border="1"
</tr> width="1200"
</table> cellspacing="0"
</div> :key="timeStamp"
</div> id="myTable"
</el-card> class="myTable"
>
<thead class="myTableHead">
<tr>
<th>工段</th>
<th>总产量</th>
<th>台时产量</th>
<th>运转时间</th>
<th>运转率</th>
<th>单位产品电耗</th>
<th>单位产品综合电耗</th>
<th>单位产品标煤耗</th>
<th>单位产品综合能耗</th>
<th>吨熟料发电量</th>
</tr>
</thead>
<tr
v-for="(item, index) in tableDatas2"
:key="index"
>
<td>{{ item.mgroup_name }}</td>
<td>{{ item.total_production }}</td>
<td>{{ item.production_hour }}</td>
<td>{{ item.run_hour }}</td>
<td>{{ item.run_rate }}</td>
<td>{{ item.elec_consume_unit }}</td>
<td>{{ item.celec_consume_unit }}</td>
<td>{{ item.coal_consume_unit }}</td>
<td>{{ item.cen_consume_unit }}</td>
<td>{{ item.production_elec_unit }}</td>
</tr>
</table>
</div>
</el-main>
</el-container>
</el-main>
</el-container>
</el-main>
<el-dialog title="对比" v-model="dialogVisible" width="1224"> <el-dialog title="对比" v-model="dialogVisible" width="1224">
<el-select <el-select
v-model="mgroupName" v-model="mgroupName"
@ -129,43 +151,35 @@
> >
<el-option <el-option
v-for="item in mgroups" v-for="item in mgroups"
:key="item.id" :key="item"
:label="item.name" :label="item"
:value="item.name" :value="item"
></el-option> ></el-option>
</el-select> </el-select>
<div id="myChart" style="width: 1200px; height: 400px"></div> <div id="myChart" style="width: 1200px; height: 400px"></div>
</el-dialog> </el-dialog>
</div> </el-container>
</template> </template>
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import mockData from "./mock.json";
import mockData2 from "./mock2.json";
const colors = ["#647bfe", "#91CC75"]; const colors = ["#647bfe", "#91CC75"];
export default { export default {
data() { data() {
return { return {
mgroupName: "", mgroupName: "",
timeStamp: 0, timeStamp: 0,
mockData: mockData,
mockData2: mockData2,
query: { query: {
searchData: "", searchData: "",
page: 0, page: 0,
type: "month_st", type: "month_st",
mgroup: "", mgroup: "",
}, },
tableDatas1: [ tableDatas1: [],
{ mgroup_name: "石灰石破碎" }, tableDatas2: [],
{ mgroup_name: "原料磨" },
{ mgroup_name: "煤磨" },
{ mgroup_name: "回转窑" },
{ mgroup_name: "余热发电" },
],
tableDatas2: [
{ mgroup_name: "石灰石破碎" },
{ mgroup_name: "原料磨" },
{ mgroup_name: "煤磨" },
{ mgroup_name: "回转窑" },
{ mgroup_name: "余热发电" },
],
chartData1: {}, chartData1: {},
chartData2: {}, chartData2: {},
mgroups: [], mgroups: [],
@ -248,9 +262,44 @@ export default {
}; };
}, },
mounted() { mounted() {
this.getMgroup(); this.useMock();
}, },
methods: { methods: {
useMock() {
let that = this;
that.tableDatas1 = that.mockData;
that.mockData.forEach((item) => {
that.mgroups.push(item.mgroup_name);
that.chartData1[item.mgroup_name] = [];
let arr = [];
arr[0] = item.total_production;
arr[1] = item.production_hour;
arr[2] = item.run_hour;
arr[3] = item.run_rate;
arr[4] = item.elec_consume_unit;
arr[5] = item.celec_consume_unit;
arr[6] = item.coal_consume_unit;
arr[7] = item.cen_consume_unit;
arr[8] = item.production_elec_unit;
that.chartData1[item.mgroup_name] = arr;
});
that.tableDatas2 = that.mockData2;
that.mockData2.forEach((item) => {
that.chartData2[item.mgroup_name] = [];
let arr = [];
arr[0] = item.total_production;
arr[1] = item.production_hour;
arr[2] = item.run_hour;
arr[3] = item.run_rate;
arr[4] = item.elec_consume_unit;
arr[5] = item.celec_consume_unit;
arr[6] = item.coal_consume_unit;
arr[7] = item.cen_consume_unit;
arr[8] = item.production_elec_unit;
that.chartData2[item.mgroup_name] = arr;
});
},
getList1(val) { getList1(val) {
let that = this; let that = this;
let start_date = val[0]; let start_date = val[0];
@ -263,6 +312,7 @@ export default {
.then((res) => { .then((res) => {
that.tableDatas1 = res; that.tableDatas1 = res;
res.forEach((item) => { res.forEach((item) => {
that.mgroups.push(item.mgroup_name);
that.chartData1[item.mgroup_name] = []; that.chartData1[item.mgroup_name] = [];
let arr = []; let arr = [];
arr[0] = item.total_production; arr[0] = item.total_production;
@ -305,7 +355,6 @@ export default {
}); });
}); });
}, },
getMgroup() { getMgroup() {
this.$API.mtm.mgroup.list.req({ page: 0 }).then((res) => { this.$API.mtm.mgroup.list.req({ page: 0 }).then((res) => {
this.mgroups = res; this.mgroups = res;