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

fix:enm_rm原料磨mgroup 根据名称获取id

This commit is contained in:
shijing 2024-04-29 14:29:25 +08:00
parent 4188ad2a8b
commit d392d7f012
10 changed files with 3494 additions and 3906 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

320
src/views/enm_rm/handoverLog.vue
View File

@ -3,21 +3,65 @@
<el-header> <el-header>
<div class="left-panel"> <div class="left-panel">
<div style="margin-right: 20px">交接班日志</div> <div style="margin-right: 20px">交接班日志</div>
<el-date-picker v-model="query.start_time__gte" type="date" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD" <el-date-picker
placeholder="开始时间" style=" width: 120px" /> v-model="query.start_time__gte"
<el-date-picker v-model="query.end_time__lt" type="date" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD" type="date"
placeholder="结束时间" style="margin-left: 2px; width: 120px" /> value-format="YYYY-MM-DD HH:mm:ss"
<el-select v-model="query.shift" placeholder="班次" clearable style="margin-left: 2px; width: 120px"> format="YYYY-MM-DD"
<el-option v-for="item in optionsShift" :key="item.id" :label="item.name" :value="item.id"></el-option> placeholder="开始时间"
style="width: 120px"
/>
<el-date-picker
v-model="query.end_time__lt"
type="date"
value-format="YYYY-MM-DD HH:mm:ss"
format="YYYY-MM-DD"
placeholder="结束时间"
style="margin-left: 2px; width: 120px"
/>
<el-select
v-model="query.shift"
placeholder="班次"
clearable
style="margin-left: 2px; width: 120px"
>
<el-option
v-for="item in optionsShift"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
<el-select v-model="query.team" placeholder="班组" clearable style="margin-left: 2px; width: 120px"> <el-select
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option> v-model="query.team"
placeholder="班组"
clearable
style="margin-left: 2px; width: 120px"
>
<el-option
v-for="item in options"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button> <el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe :params="query" highlightCurrentRow @row-click="rowClick"> <scTable
ref="table"
:apiObj="apiObj"
row-key="id"
stripe
:params="query"
highlightCurrentRow
@row-click="rowClick"
>
<el-table-column type="index" width="50" /> <el-table-column type="index" width="50" />
<el-table-column label="开始时间" prop="start_time"> <el-table-column label="开始时间" prop="start_time">
<template #default="scope"> <template #default="scope">
@ -29,21 +73,49 @@
<span>{{ scope.row.end_time.slice(0, 16) }}</span> <span>{{ scope.row.end_time.slice(0, 16) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="班组名称" prop="team_name"></el-table-column> <el-table-column
<el-table-column label="当前班次" prop="shift_name"></el-table-column> label="班组名称"
<el-table-column label="班长" prop="leader_name"></el-table-column> prop="team_name"
></el-table-column>
<el-table-column
label="当前班次"
prop="shift_name"
></el-table-column>
<el-table-column
label="班长"
prop="leader_name"
></el-table-column>
<el-table-column label="检验时间"> <el-table-column label="检验时间">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.last_test_time">{{ scope.row.last_test_time.slice(0, 16) }}</span> <span v-if="scope.row.last_test_time">{{
scope.row.last_test_time.slice(0, 16)
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="140"> <el-table-column
label="操作"
fixed="right"
align="center"
width="140"
>
<template #default="scope"> <template #default="scope">
<el-button link size="small" @click="sflog_edit(scope.row)" type="primary">编辑</el-button> <el-button
link
size="small"
@click="sflog_edit(scope.row)"
type="primary"
>编辑</el-button
>
<!-- <el-button link size="small" @click="sflog_check(scope.row)" type="primary">质量检验</el-button> --> <!-- <el-button link size="small" @click="sflog_check(scope.row)" type="primary">质量检验</el-button> -->
<!-- <el-button link size="small" @click="sflog_other(scope.row)" type="primary">其他能源</el-button> --> <!-- <el-button link size="small" @click="sflog_other(scope.row)" type="primary">其他能源</el-button> -->
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<el-button link size="small" @click="sflog_export(scope.row)" type="success">报表</el-button> <el-button
link
size="small"
@click="sflog_export(scope.row)"
type="success"
>报表</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>
@ -59,77 +131,174 @@
</el-button> </el-button>
</template> </template>
<div class="left-panel"> <div class="left-panel">
<el-button type="primary" @click="exportExcel()" :loading="exportLoading">导出xlsx <el-button
</el-button> type="primary"
<el-button type="primary" @click="handlePrint">打印 @click="exportExcel()"
:loading="exportLoading"
>导出xlsx
</el-button> </el-button>
<el-button type="primary" @click="handlePrint">打印 </el-button>
</div> </div>
<el-main class="nopadding"> <el-main class="nopadding">
<div ref="print" id="myReport" class="printContainer"> <div ref="print" id="myReport" class="printContainer">
<div style="margin-right: 20px;text-align: center;font-size: 16px;font-weight: bold;margin-bottom: 20px;"> <div
<span v-if="sflogItem.end_time">{{ sflogItem.end_time.slice(0, 10) }}{{ sflogItem.shift_name }}</span> style="
<span v-if="sflogItem.team_name">{{ sflogItem.team_name }}</span> margin-right: 20px;
text-align: center;
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
"
>
<span v-if="sflogItem.end_time"
>{{ sflogItem.end_time.slice(0, 10)
}}{{ sflogItem.shift_name }}</span
>
<span v-if="sflogItem.team_name">{{
sflogItem.team_name
}}</span>
交接班记录 交接班记录
</div> </div>
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable"> <table
border="1"
width="1000"
cellspacing="0"
:key="timeStamp"
id="myTable"
>
<tbody> <tbody>
<tr> <tr>
<td class="numCell">日期</td> <td class="numCell">日期</td>
<td class="numCell" v-if="sflogItem.end_time">{{ sflogItem.end_time.slice(0, 10) }}</td> <td class="numCell" v-if="sflogItem.end_time">
{{ sflogItem.end_time.slice(0, 10) }}
</td>
<td class="numCell">班次</td> <td class="numCell">班次</td>
<td class="numCell">{{ sflogItem.shift_name }}</td> <td class="numCell">
{{ sflogItem.shift_name }}
</td>
<td class="numCell">班组</td> <td class="numCell">班组</td>
<td class="numCell"><span v-if="sflogItem.team_name">{{ sflogItem.team_name }}</span></td> <td class="numCell">
<span v-if="sflogItem.team_name">{{
sflogItem.team_name
}}</span>
</td>
</tr> </tr>
<tr> <tr>
<td class="numCell">产量（t）</td> <td class="numCell">产量（t）</td>
<td class="numCell">{{ reportItem.total_production }}</td> <td class="numCell">
{{ reportItem.total_production }}
</td>
<td class="numCell">台时（t/h）</td> <td class="numCell">台时（t/h）</td>
<td class="numCell">{{ reportItem.production_hour }}</td> <td class="numCell">
{{ reportItem.production_hour }}
</td>
<td class="numCell">运转时间（h）</td> <td class="numCell">运转时间（h）</td>
<td class="numCell">{{ reportItem.run_hour }}</td> <td class="numCell">
{{ reportItem.run_hour }}
</td>
</tr> </tr>
<tr> <tr>
<td class="numCell">运转率（%）</td> <td class="numCell">运转率（%）</td>
<td class="numCell">{{ reportItem.run_rate * 100 }}</td> <td class="numCell">
{{ reportItem.run_rate * 100 }}
</td>
<td class="numCell">停机时长（h）</td> <td class="numCell">停机时长（h）</td>
<td class="numCell">{{ reportItem.shut_hour }}</td> <td class="numCell">
<td class="numCell">当期单位产品电耗（kW·h/t）</td> {{ reportItem.shut_hour }}
<td class="numCell">{{ reportItem.elec_consume_unit }}</td> </td>
<td class="numCell">
当期单位产品电耗（kW·h/t）
</td>
<td class="numCell">
{{ reportItem.elec_consume_unit }}
</td>
</tr> </tr>
<tr> <tr>
<td class="numCell">辅料细度合格率（%）</td> <td class="numCell">辅料细度合格率（%）</td>
<td class="numCell" v-if="reportItem.辅料_细度_rate_pass">{{ reportItem.辅料_细度_rate_pass * 100 }}</td> <td
class="numCell"
v-if="reportItem.辅料_细度_rate_pass"
>
{{ reportItem.辅料_细度_rate_pass * 100 }}
</td>
<td class="numCell" v-else>0</td> <td class="numCell" v-else>0</td>
<td class="numCell">辅料Fe₂O₃合格率（%）</td> <td class="numCell">辅料Fe₂O₃合格率（%）</td>
<td class="numCell" v-if="reportItem.辅料_Fe2O3_rate_pass">{{ reportItem.辅料_Fe2O3_rate_pass * 100 }}</td> <td
class="numCell"
v-if="reportItem.辅料_Fe2O3_rate_pass"
>
{{ reportItem.辅料_Fe2O3_rate_pass * 100 }}
</td>
<td class="numCell" v-else>0</td> <td class="numCell" v-else>0</td>
<td class="numCell">辅料水分合格率（%）</td> <td class="numCell">辅料水分合格率（%）</td>
<td class="numCell" v-if="reportItem.辅料_水分_rate_pass">{{ reportItem.辅料_水分_rate_pass * 100 }}</td> <td
class="numCell"
v-if="reportItem.辅料_水分_rate_pass"
>
{{ reportItem.辅料_水分_rate_pass * 100 }}
</td>
<td class="numCell" v-else>0</td> <td class="numCell" v-else>0</td>
</tr> </tr>
<tr> <tr>
<td class="numCell">干混生料CaO合格率（%）</td> <td class="numCell">干混生料CaO合格率（%）</td>
<td class="numCell" v-if="reportItem.干混生料_CaO_rate_pass">{{ reportItem.干混生料_CaO_rate_pass * 100 }}</td> <td
class="numCell"
v-if="reportItem.干混生料_CaO_rate_pass"
>
{{
reportItem.干混生料_CaO_rate_pass * 100
}}
</td>
<td class="numCell" v-else>0</td> <td class="numCell" v-else>0</td>
<td class="numCell">干混生料Fe₂O₃合格率（%）</td> <td class="numCell">
<td class="numCell" v-if="reportItem.干混生料_Fe2O3_rate_pass">{{ reportItem.干混生料_Fe2O3_rate_pass * 100 }}</td> 干混生料Fe₂O₃合格率（%）
</td>
<td
class="numCell"
v-if="reportItem.干混生料_Fe2O3_rate_pass"
>
{{
reportItem.干混生料_Fe2O3_rate_pass *
100
}}
</td>
<td class="numCell" v-else>0</td> <td class="numCell" v-else>0</td>
<td class="numCell">干混生料细度合格率（%）</td> <td class="numCell">干混生料细度合格率（%）</td>
<td class="numCell" v-if="reportItem.干混生料_细度_rate_pass">{{ reportItem.干混生料_细度_rate_pass * 100 }}</td> <td
class="numCell"
v-if="reportItem.干混生料_细度_rate_pass"
>
{{
reportItem.干混生料_细度_rate_pass * 100
}}
</td>
<td class="numCell" v-else>0</td> <td class="numCell" v-else>0</td>
</tr> </tr>
<tr> <tr>
<td class="numCell">干混生料水分合格率（%）</td> <td class="numCell">干混生料水分合格率（%）</td>
<td class="numCell" v-if="reportItem.干混生料_水分_rate_pass">{{ reportItem.干混生料_水分_rate_pass * 100 }}</td> <td
class="numCell"
v-if="reportItem.干混生料_水分_rate_pass"
>
{{
reportItem.干混生料_水分_rate_pass * 100
}}
</td>
<td class="numCell" v-else>0</td> <td class="numCell" v-else>0</td>
<td class="numCell">单位成本（元/吨）</td> <td class="numCell">单位成本（元/吨）</td>
<td class="numCell">{{ reportItem.production_cost_unit }}</td> <td class="numCell">
{{ reportItem.production_cost_unit }}
</td>
<td class="numCell"></td> <td class="numCell"></td>
<td class="numCell"></td> <td class="numCell"></td>
</tr> </tr>
<tr v-if="sflogexpList.length > 0"> <tr v-if="sflogexpList.length > 0">
<td class="numCell" :rowspan="sflogexpList.length + 1">生产情况记录</td> <td
class="numCell"
:rowspan="sflogexpList.length + 1"
>
生产情况记录
</td>
<td class="numCell">时间</td> <td class="numCell">时间</td>
<td class="numCell">类别</td> <td class="numCell">类别</td>
<td class="numCell">原因</td> <td class="numCell">原因</td>
@ -178,22 +347,21 @@ export default {
components: { components: {
saveDialog, saveDialog,
otherDialog, otherDialog,
quastatDialog quastatDialog,
}, },
data() { data() {
return { return {
apiObj: this.$API.wpm.sflog.list, apiObj: null,
apiObj2: null, apiObj2: null,
query: { query: {
mgroup: '3346520558031773696', mgroup: "",
}, },
deptId: "3345780809943797760", deptId: "",
sflogItem: {}, sflogItem: {},
selection: [], selection: [],
modelValue: true, modelValue: true,
showClose: true, showClose: true,
echartType: 'line', echartType: "line",
asynDialog: false, asynDialog: false,
options: [], options: [],
optionsShift: [], optionsShift: [],
@ -204,22 +372,31 @@ export default {
}; };
}, },
mounted() { mounted() {
this.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
this.mgroupItem = res[0];
this.query.mgroup = res[0].id;
this.apiObj = this.$API.wpm.sflog.list;
this.deptId = res[0].belong_dept;
this.getTeam(); this.getTeam();
this.getShfit(); this.getShfit();
});
}, },
methods: { methods: {
getTeam() { getTeam() {
let form = {}; let form = {};
form.page = 0; form.page = 0;
form.belong_dept = this.deptId; form.belong_dept = this.deptId;
this.$API.mtm.team.list.req(form).then(res => { this.$API.mtm.team.list.req(form).then((res) => {
this.options = res; this.options = res;
}) });
}, },
getShfit() { getShfit() {
this.$API.mtm.shift.list.req({ page: 0 }).then(res => { this.$API.mtm.shift.list.req({ page: 0 }).then((res) => {
this.optionsShift = res; this.optionsShift = res;
}) });
}, },
handleQuery() { handleQuery() {
this.$refs.table.queryData(this.query); this.$refs.table.queryData(this.query);
@ -235,29 +412,33 @@ export default {
}, },
getSflogexp(id) { getSflogexp(id) {
let that = this; let that = this;
that.$API.wpm.sflogexp.list.req({ page: 0, sflog: id }).then(res => { that.$API.wpm.sflogexp.list
.req({ page: 0, sflog: id })
.then((res) => {
that.sflogexpList = res; that.sflogexpList = res;
}) });
}, },
getSflogItem(id) { getSflogItem(id) {
let that = this; let that = this;
that.$API.enm.enstat.req({ type: 'sflog', sflog: id, page: 0 }).then(res => { that.$API.enm.enstat
.req({ type: "sflog", sflog: id, page: 0 })
.then((res) => {
if (res.length > 0) { if (res.length > 0) {
that.reportItem = res[0]; that.reportItem = res[0];
} }
console.log(res[0]) console.log(res[0]);
}) });
}, },
//编辑 //编辑
sflog_edit(row) { sflog_edit(row) {
let jsonStr = JSON.stringify(row); let jsonStr = JSON.stringify(row);
this.$TOOL.data.remove("sflogItem") this.$TOOL.data.remove("sflogItem");
this.$TOOL.data.set('sflogItem', jsonStr) this.$TOOL.data.set("sflogItem", jsonStr);
this.$router.push({ this.$router.push({
name: "logDetail", name: "logDetail",
query: { query: {
mgroupId: row.mgroup, mgroupId: row.mgroup,
deptId: this.deptId deptId: this.deptId,
}, },
}); });
// this.dialog.save = true; // this.dialog.save = true;
@ -289,7 +470,8 @@ export default {
// }, // },
//删除 //删除
async table_del(row) { async table_del(row) {
this.$API.wpm.sflog.delete.req(row.id) this.$API.wpm.sflog.delete
.req(row.id)
.then((res) => { .then((res) => {
this.$message.success("删除成功"); this.$message.success("删除成功");
return res; return res;
@ -300,7 +482,7 @@ export default {
}, },
//新增岗位后更新数据 //新增岗位后更新数据
handleSaveSuccess(data, mode) { handleSaveSuccess(data, mode) {
this.$refs.table.refresh() this.$refs.table.refresh();
this.dialog.save = false; this.dialog.save = false;
}, },
handleOtherSuccess() { handleOtherSuccess() {
@ -316,7 +498,8 @@ export default {
handleDel(row) { handleDel(row) {
this.$confirm(`确定删除选中的记录吗？`, "提示", { this.$confirm(`确定删除选中的记录吗？`, "提示", {
type: "warning", type: "warning",
}).then(() => { })
.then(() => {
this.$API.wpm.shift.delete.req(row.id).then((res) => { this.$API.wpm.shift.delete.req(row.id).then((res) => {
if (res.err_msg) { if (res.err_msg) {
this.$message.error(res.err_msg); this.$message.error(res.err_msg);
@ -331,11 +514,11 @@ export default {
.catch(() => {}); .catch(() => {});
}, },
handlePrint() { handlePrint() {
this.$PRINT('#myReport'); this.$PRINT("#myReport");
}, },
exportExcel() { exportExcel() {
this.exportLoading = true; this.exportLoading = true;
this.$XLSX('#myTable', this.tableName) this.$XLSX("#myTable", this.tableName);
this.exportLoading = false; this.exportLoading = false;
}, },
}, },
@ -361,7 +544,7 @@ export default {
} }
.searchHead { .searchHead {
display: flex display: flex;
} }
.middleText { .middleText {
@ -375,4 +558,3 @@ export default {
margin-left: 5px; margin-left: 5px;
} }
</style> </style>

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

@ -8,20 +8,25 @@
:loading="exportLoading" :loading="exportLoading"
>导出xlsx >导出xlsx
</el-button> </el-button>
<el-button <el-button type="primary" @click="handlePrint">打印 </el-button>
type="primary"
@click="handlePrint"
>打印
</el-button>
</div> </div>
</el-header> </el-header>
<el-card style="margin-top: 5px"> <el-card style="margin-top: 5px">
<div class="printWrap"> <div class="printWrap">
<div ref="print" id="myReport" class="printContainer"> <div ref="print" id="myReport" class="printContainer">
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable"> <table
border="1"
width="1035"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead"> <thead class="myTableHead">
<tr> <tr>
<th colspan="6">原料磨工段主要设备（100KW以上）单位产品电耗数据表</th> <th colspan="6">
原料磨工段主要设备（100KW以上）单位产品电耗数据表
</th>
</tr> </tr>
<tr> <tr>
<th>设备名称</th> <th>设备名称</th>
@ -34,26 +39,64 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="item in tableDatas" :key="item"> <tr v-for="item in tableDatas" :key="item">
<template v-for="(item1,ind) in item" :key="item1"> <template
<td v-if="ind==0||ind==1||ind==2" class="numCell">{{item1}}</td> v-for="(item1, ind) in item"
<td v-if="ind==3" class="numCell" @click="itemClick('hour_s',item)">{{item1}}</td> :key="item1"
<td v-if="ind==4" class="numCell" @click="itemClick('day_s',item)">{{item1}}</td> >
<td v-if="ind==5" class="numCell" @click="itemClick('month_s',item)">{{item1}}</td> <td
v-if="ind == 0 || ind == 1 || ind == 2"
class="numCell"
>
{{ item1 }}
</td>
<td
v-if="ind == 3"
class="numCell"
@click="itemClick('hour_s', item)"
>
{{ item1 }}
</td>
<td
v-if="ind == 4"
class="numCell"
@click="itemClick('day_s', item)"
>
{{ item1 }}
</td>
<td
v-if="ind == 5"
class="numCell"
@click="itemClick('month_s', item)"
>
{{ item1 }}
</td>
</template> </template>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div class="chartWrap"> <div class="chartWrap">
<div class="chartTitle">小时生产参数统计图</div> <div class="chartTitle">小时生产参数统计图</div>
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts> <scEcharts
height="400px"
width="1033px"
:option="optionHour"
></scEcharts>
</div> </div>
<div class="chartWrap"> <div class="chartWrap">
<div class="chartTitle">本月生产参数统计图</div> <div class="chartTitle">本月生产参数统计图</div>
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts> <scEcharts
height="400px"
width="1033px"
:option="optionDay"
></scEcharts>
</div> </div>
<div class="chartWrap"> <div class="chartWrap">
<div class="chartTitle">本年生产参数统计图</div> <div class="chartTitle">本年生产参数统计图</div>
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts> <scEcharts
height="400px"
width="1033px"
:option="optionMonth"
></scEcharts>
</div> </div>
</div> </div>
</div> </div>
@ -66,65 +109,76 @@
:mgroup="query.mgroup" :mgroup="query.mgroup"
:modelValue="modelValue" :modelValue="modelValue"
:showClose="showClose" :showClose="showClose"
:echartType='echartType' :echartType="echartType"
@closed="asynDialog = false" @closed="asynDialog = false"
></charts> ></charts>
</el-card> </el-card>
</div> </div>
</template> </template>
<script> <script>
const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666']; const colors = [
"#647bfe",
"#8698fe",
"#a9b6fe",
"#cbd3fe",
"#91CC75",
"#EE6666",
];
let tooltip = { let tooltip = {
show: true, show: true,
trigger: 'axis', trigger: "axis",
axisPointer: { axisPointer: {
type: 'cross' type: "cross",
}, },
confine: false, confine: false,
showContent: true, showContent: true,
triggerOn: "mousemove", triggerOn: "mousemove",
}; };
let grid = { let grid = {
right: '3%', right: "3%",
left:'7%', left: "7%",
top:'15%' top: "15%",
}; };
let toolbox = { let toolbox = {
right:'5%', right: "5%",
feature: { feature: {
dataView: { show: true, readOnly: false }, dataView: { show: true, readOnly: false },
saveAsImage: { show: true } saveAsImage: { show: true },
} },
}; };
let legend = { let legend = {
top:'2%', top: "2%",
data:['立磨主电机', '循环风机', '烘干破主', '废气风机', '尾排风机'] data: ["立磨主电机", "循环风机", "烘干破主", "废气风机", "尾排风机"],
}; };
let yAxis = { let yAxis = {
type: 'value', type: "value",
name: '分布电耗(KW.h/t)', name: "分布电耗(KW.h/t)",
alignTicks: true, alignTicks: true,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: colors[3] color: colors[3],
} },
}, },
axisLabel: { axisLabel: {
formatter: '{value}' formatter: "{value}",
} },
}; };
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from 'vue' import { defineAsyncComponent } from "vue";
export default { export default {
components: { components: {
scEcharts, scEcharts,
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")), charts: defineAsyncComponent(() =>
import("@/components/scEnm/lineChartsdialog.vue")
),
}, },
data() { data() {
return { return {
chartShow: false, chartShow: false,
exportLoading: false,
myOption: null, myOption: null,
timeStamp: null,
optionHour: {}, optionHour: {},
optionDay: {}, optionDay: {},
optionMonth: {}, optionMonth: {},
@ -133,24 +187,24 @@
days: 1, days: 1,
hours: 1, hours: 1,
query: { query: {
mgroup:'3346520558031773696', mgroup: "",
}, },
tableName:'主要设备（100KW以上）单位产品电耗数据表', tableName: "主要设备（100KW以上）单位产品电耗数据表",
tableDatas: [ tableDatas: [
['立磨主电机','','KW·h/t','','',''], ["立磨主电机", "", "KW·h/t", "", "", ""],
['循环风机','','KW·h/t','','',''], ["循环风机", "", "KW·h/t", "", "", ""],
// ['烘干破主','','KW·h/t','','',''], // ['烘干破主','','KW·h/t','','',''],
// ['废气风机','','KW·h/t','','',''], // ['废气风机','','KW·h/t','','',''],
// ['尾排风机','','KW·h/t','','',''], // ['尾排风机','','KW·h/t','','',''],
], ],
modelValue: true, modelValue: true,
type:'hour_s', type: "hour_s",
title:'原料磨工段', title: "原料磨工段",
cate:'', cate: "",
apiObj: this.$API.enm.mpoint.stat, apiObj: this.$API.enm.mpoint.stat,
showClose: true, showClose: true,
echartType:'line', echartType: "line",
asynDialog: false, asynDialog: false,
allValHour: 0, allValHour: 0,
allValDays: 0, allValDays: 0,
@ -167,36 +221,36 @@
length: 5, length: 5,
inside: true, inside: true,
}, },
data: [] data: [],
}, },
yAxis: yAxis, yAxis: yAxis,
series: [ series: [
{ {
name: '立磨主电机', name: "立磨主电机",
type: 'bar', type: "bar",
data:[] data: [],
}, },
{ {
name: '循环风机', name: "循环风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '烘干破主', name: "烘干破主",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '废气风机', name: "废气风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '尾排风机', name: "尾排风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
] ],
}, },
option2: { option2: {
color: colors, color: colors,
@ -210,36 +264,36 @@
length: 5, length: 5,
inside: true, inside: true,
}, },
data: [] data: [],
}, },
yAxis: yAxis, yAxis: yAxis,
series: [ series: [
{ {
name: '立磨主电机', name: "立磨主电机",
type: 'bar', type: "bar",
data:[] data: [],
}, },
{ {
name: '循环风机', name: "循环风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '烘干破主', name: "烘干破主",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '废气风机', name: "废气风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '尾排风机', name: "尾排风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
] ],
}, },
option3: { option3: {
color: colors, color: colors,
@ -253,51 +307,67 @@
length: 5, length: 5,
inside: true, inside: true,
}, },
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'] data: [
"一月",
"二月",
"三月",
"四月",
"五月",
"六月",
"七月",
"八月",
"九月",
"十月",
"十一月",
"十二月",
],
}, },
yAxis: yAxis, yAxis: yAxis,
series: [ series: [
{ {
name: '立磨主电机', name: "立磨主电机",
type: 'bar', type: "bar",
data:[] data: [],
}, },
{ {
name: '循环风机', name: "循环风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '烘干破主', name: "烘干破主",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '废气风机', name: "废气风机",
type: 'bar', type: "bar",
data: [] data: [],
}, },
{ {
name: '尾排风机', name: "尾排风机",
type: 'bar', type: "bar",
data: [] data: [],
},
],
}, },
]
}
}; };
}, },
mounted() { mounted() {
let that = this; let that = this;
var myDate = new Date(); var myDate = new Date();
let year =that.year = myDate.getFullYear(); let year = (that.year = myDate.getFullYear());
let month = that.month = myDate.getMonth()+1; let month = (that.month = myDate.getMonth() + 1);
let days = that.days = myDate.getDate(); let days = (that.days = myDate.getDate());
let hours = that.hours = myDate.getHours(); let hours = (that.hours = myDate.getHours());
let timeDate = myDate.getTime(); let timeDate = myDate.getTime();
let dayTime = 24 * 60 * 60 * 1000; let dayTime = 24 * 60 * 60 * 1000;
//昨天的计算 //昨天的计算
let year_d = year,month_d = month,days_d = days; let year_d = year,
if(hours<21){//21点前，查找昨日数据为前一天数据 month_d = month,
days_d = days;
if (hours < 21) {
//21点前，查找昨日数据为前一天数据
let newDate = timeDate - dayTime; let newDate = timeDate - dayTime;
let lastDate = new Date(newDate); let lastDate = new Date(newDate);
year_d = lastDate.getFullYear(); year_d = lastDate.getFullYear();
@ -311,51 +381,79 @@
let month_h = hourDate.getMonth() + 1; let month_h = hourDate.getMonth() + 1;
let days_h = hourDate.getDate(); let days_h = hourDate.getDate();
let hours_h = hourDate.getHours(); let hours_h = hourDate.getHours();
this.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
//本月 //本月
let params2 = {}; let params2 = {};
params2.page = 0; params2.page = 0;
params2.year_s = year; params2.year_s = year;
params2.month_s = month; params2.month_s = month;
params2.type = 'month_s'; params2.type = "month_s";
params2.mgroup = this.query.mgroup; params2.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params2).then((res2) => { this.$API.enm.enstat
.req(params2)
.then((res2) => {
if (res2.length > 0) { if (res2.length > 0) {
let hourProduct=that.allValMonth = res2[0].total_production;//当前条件下的总产量 let hourProduct = (that.allValMonth =
res2[0].total_production); //当前条件下的总产量
params2.mpoint__ep_monitored__power_kw__gte = 100; params2.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.stat.req(params2).then((res) => { this.$API.enm.mpoint.stat
.req(params2)
.then((res) => {
let data2 = res; let data2 = res;
for (let i = 0; i < data2.length; i++) { for (let i = 0; i < data2.length; i++) {
that.tableDatas[i] = []; that.tableDatas[i] = [];
that.tableDatas[i][0]=data2[i].ep_monitored_name; that.tableDatas[i][0] =
that.tableDatas[i][1]=data2[i].ep_monitored_number; data2[i].ep_monitored_name;
that.tableDatas[i][2]='KW·h/t'; that.tableDatas[i][1] =
let val = hourProduct==0?'/':(data2[i].val/hourProduct).toFixed(2); data2[i].ep_monitored_number;
that.tableDatas[i][2] = "KW·h/t";
let val =
hourProduct == 0
? "/"
: (
data2[i].val /
hourProduct
).toFixed(2);
that.tableDatas[i][5] = val; that.tableDatas[i][5] = val;
} }
}) });
} }
}).then(res2=>{ })
.then((res2) => {
//昨日 //昨日
let params3 = {}; let params3 = {};
params3.page = 0; params3.page = 0;
params3.year_s = year_d; params3.year_s = year_d;
params3.month_s = month_d; params3.month_s = month_d;
params3.day_s = days_d; params3.day_s = days_d;
params3.type = 'day_s'; params3.type = "day_s";
params3.mgroup = this.query.mgroup; params3.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params3).then((res3) => { this.$API.enm.enstat.req(params3).then((res3) => {
if (res3.length > 0) { if (res3.length > 0) {
let hourProduct=that.allValDays = res3[0].total_production; let hourProduct = (that.allValDays =
res3[0].total_production);
params3.mpoint__ep_monitored__power_kw__gte = 100; params3.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.stat.req(params3).then((res) => { this.$API.enm.mpoint.stat
.req(params3)
.then((res) => {
let data3 = res3; let data3 = res3;
for (let j = 0; j < data3.length; j++) { for (let j = 0; j < data3.length; j++) {
let val = hourProduct==0?'/':(data3[j].val/hourProduct).toFixed(2); let val =
hourProduct == 0
? "/"
: (
data3[j].val /
hourProduct
).toFixed(2);
that.tableDatas[j][4] = val; that.tableDatas[j][4] = val;
} }
}) });
} }
}) });
//上小时 //上小时
let params4 = {}; let params4 = {};
params4.page = 0; params4.page = 0;
@ -363,25 +461,35 @@
params4.month = month_h; params4.month = month_h;
params4.day = days_h; params4.day = days_h;
params4.hour = hours_h; params4.hour = hours_h;
params4.type = 'hour_s'; params4.type = "hour_s";
params4.mgroup = this.query.mgroup; params4.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params4).then((res4) => { this.$API.enm.enstat.req(params4).then((res4) => {
if (res4.length > 0) { if (res4.length > 0) {
let hourProduct=that.allValHour= res4[0].total_production; let hourProduct = (that.allValHour =
res4[0].total_production);
params4.mpoint__ep_monitored__power_kw__gte = 100; params4.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.stat.req(params4).then((res) => { this.$API.enm.mpoint.stat
.req(params4)
.then((res) => {
let data4 = res4; let data4 = res4;
for (let k = 0; k < data4.length; k++) { for (let k = 0; k < data4.length; k++) {
let val = hourProduct==0?'/':(data4[k].val/hourProduct).toFixed(2); let val =
hourProduct == 0
? "/"
: (
data4[k].val /
hourProduct
).toFixed(2);
that.tableDatas[k][3] = val; that.tableDatas[k][3] = val;
} }
}) });
} }
}) });
}) });
that.getHourData(); that.getHourData();
that.getDayData(); that.getDayData();
that.getMonthData(); that.getMonthData();
});
}, },
methods: { methods: {
//获取小时数据 //获取小时数据
@ -392,29 +500,33 @@
query.year_s = that.year; query.year_s = that.year;
query.month_s = that.month; query.month_s = that.month;
query.day_s = that.days; query.day_s = that.days;
query.type = 'hour_s'; query.type = "hour_s";
query.mgroup = that.query.mgroup; query.mgroup = that.query.mgroup;
query.mpoint__ep_monitored__power_kw__gte = 100; query.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.stat.req(query).then((response) => { this.$API.enm.mpoint.stat.req(query).then((response) => {
let seriesData0 = [],seriesData1 = [], seriesData2 = [],seriesData3 = [],seriesData4 = []; let seriesData0 = [],
seriesData1 = [],
seriesData2 = [],
seriesData3 = [],
seriesData4 = [];
let data = response; let data = response;
data.forEach(item => { data.forEach((item) => {
let ind = item.hour; let ind = item.hour;
let val = 0; let val = 0;
if (that.allValHour == 0) { if (that.allValHour == 0) {
val = '' val = "";
} else { } else {
val = (item.val / that.allValHour).toFixed(2); val = (item.val / that.allValHour).toFixed(2);
} }
if(item.equip_name=='立磨主电机'){ if (item.equip_name == "立磨主电机") {
seriesData0[ind] = val; seriesData0[ind] = val;
}else if(item.equip_name=='循环风机'){ } else if (item.equip_name == "循环风机") {
seriesData1[ind] = val; seriesData1[ind] = val;
}else if(item.equip_name=='烘干破主'){ } else if (item.equip_name == "烘干破主") {
seriesData2[ind] = val; seriesData2[ind] = val;
}else if(item.equip_name=='废气风机'){ } else if (item.equip_name == "废气风机") {
seriesData3[ind] = val; seriesData3[ind] = val;
}else if(item.equip_name=='尾排风机'){ } else if (item.equip_name == "尾排风机") {
seriesData4[ind] = val; seriesData4[ind] = val;
} }
}); });
@ -426,12 +538,12 @@
options.series[4].data = seriesData4; options.series[4].data = seriesData4;
let hourXAxis = []; let hourXAxis = [];
for (let i = 1; i <= that.hours; i++) { for (let i = 1; i <= that.hours; i++) {
let item = i+'时' let item = i + "时";
hourXAxis.push(item) hourXAxis.push(item);
} }
options.xAxis.data = hourXAxis; options.xAxis.data = hourXAxis;
that.optionHour = options; that.optionHour = options;
}) });
}, },
//获取天数据 //获取天数据
getDayData() { getDayData() {
@ -440,29 +552,33 @@
query1.page = 0; query1.page = 0;
query1.year_s = that.year; query1.year_s = that.year;
query1.month_s = that.month; query1.month_s = that.month;
query1.type = 'day_s'; query1.type = "day_s";
query1.mgroup = this.query.mgroup; query1.mgroup = this.query.mgroup;
query1.mpoint__ep_monitored__power_kw__gte = 100; query1.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.enstat.req(query1).then((response) => { this.$API.enm.enstat.req(query1).then((response) => {
let seriesData0 = [],seriesData1 = [], seriesData2 = [],seriesData3 = [],seriesData4 = []; let seriesData0 = [],
seriesData1 = [],
seriesData2 = [],
seriesData3 = [],
seriesData4 = [];
let data = response; let data = response;
data.forEach(item => { data.forEach((item) => {
let ind = item.day_s; let ind = item.day_s;
let val = 0; let val = 0;
if (that.allValDays == 0) { if (that.allValDays == 0) {
val = '' val = "";
} else { } else {
val = (item.val / that.allValDays).toFixed(2); val = (item.val / that.allValDays).toFixed(2);
} }
if(item.equip_name=='立磨主电机'){ if (item.equip_name == "立磨主电机") {
seriesData0[ind] = val; seriesData0[ind] = val;
}else if(item.equip_name=='循环风机'){ } else if (item.equip_name == "循环风机") {
seriesData1[ind] = val; seriesData1[ind] = val;
}else if(item.equip_name=='烘干破主'){ } else if (item.equip_name == "烘干破主") {
seriesData2[ind] = val; seriesData2[ind] = val;
}else if(item.equip_name=='废气风机'){ } else if (item.equip_name == "废气风机") {
seriesData3[ind] = val; seriesData3[ind] = val;
}else if(item.equip_name=='尾排风机'){ } else if (item.equip_name == "尾排风机") {
seriesData4[ind] = val; seriesData4[ind] = val;
} }
}); });
@ -474,12 +590,12 @@
options.series[4].data = seriesData4; options.series[4].data = seriesData4;
let dayXAxis = []; let dayXAxis = [];
for (let i = 1; i <= that.days; i++) { for (let i = 1; i <= that.days; i++) {
let item = i+'日' let item = i + "日";
dayXAxis.push(item) dayXAxis.push(item);
} }
options.xAxis.data = dayXAxis; options.xAxis.data = dayXAxis;
that.optionDay = options; that.optionDay = options;
}) });
}, },
//获取月数据 //获取月数据
getMonthData() { getMonthData() {
@ -487,29 +603,33 @@
let query2 = {}; let query2 = {};
query2.page = 0; query2.page = 0;
query2.year_s = that.year; query2.year_s = that.year;
query2.type = 'month_s'; query2.type = "month_s";
query2.mgroup = that.query.mgroup; query2.mgroup = that.query.mgroup;
query2.mpoint__ep_monitored__power_kw__gte = 100; query2.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.enstat.req(query2).then((response) => { this.$API.enm.enstat.req(query2).then((response) => {
let seriesData0 = [],seriesData1 = [], seriesData2 = [],seriesData3 = [],seriesData4 = []; let seriesData0 = [],
seriesData1 = [],
seriesData2 = [],
seriesData3 = [],
seriesData4 = [];
let data = response; let data = response;
data.forEach(item => { data.forEach((item) => {
let ind = item.month_s; let ind = item.month_s;
let val = 0; let val = 0;
if (that.allValMonth == 0) { if (that.allValMonth == 0) {
val = '' val = "";
} else { } else {
val = (item.val / that.allValMonth).toFixed(2); val = (item.val / that.allValMonth).toFixed(2);
} }
if(item.equip_name=='立磨主电机'){ if (item.equip_name == "立磨主电机") {
seriesData0[ind] = val; seriesData0[ind] = val;
}else if(item.equip_name=='循环风机'){ } else if (item.equip_name == "循环风机") {
seriesData1[ind] = val; seriesData1[ind] = val;
}else if(item.equip_name=='烘干破主'){ } else if (item.equip_name == "烘干破主") {
seriesData2[ind] = val; seriesData2[ind] = val;
}else if(item.equip_name=='废气风机'){ } else if (item.equip_name == "废气风机") {
seriesData3[ind] = val; seriesData3[ind] = val;
}else if(item.equip_name=='尾排风机'){ } else if (item.equip_name == "尾排风机") {
seriesData4[ind] = val; seriesData4[ind] = val;
} }
}); });
@ -521,12 +641,12 @@
options.series[4].data = seriesData4; options.series[4].data = seriesData4;
let monthXAxis = []; let monthXAxis = [];
for (let i = 1; i <= that.month; i++) { for (let i = 1; i <= that.month; i++) {
let item = i+'月' let item = i + "月";
monthXAxis.push(item) monthXAxis.push(item);
} }
options.xAxis.data = monthXAxis; options.xAxis.data = monthXAxis;
that.optionMonth = options; that.optionMonth = options;
}) });
}, },
itemClick(type, item) { itemClick(type, item) {
this.type = type; this.type = type;
@ -534,14 +654,14 @@
this.asynDialog = true; this.asynDialog = true;
}, },
handlePrint() { handlePrint() {
this.$PRINT('#myReport'); this.$PRINT("#myReport");
}, },
exportExcel() { exportExcel() {
this.exportLoading = true; this.exportLoading = true;
this.$XLSX('#myTable', this.tableName) this.$XLSX("#myTable", this.tableName);
this.exportLoading = false; this.exportLoading = false;
}, },
} },
}; };
</script> </script>
<style scoped> <style scoped>

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

File diff suppressed because it is too large Load Diff

157
src/views/enm_rm/teamAnalysis.vue
View File

@ -21,17 +21,20 @@
:loading="exportLoading" :loading="exportLoading"
>导出xlsx >导出xlsx
</el-button> </el-button>
<el-button <el-button type="primary" @click="handlePrint">打印 </el-button>
type="primary"
@click="handlePrint"
>打印
</el-button>
</div> </div>
</el-header> </el-header>
<el-card style="margin-top: 5px"> <el-card style="margin-top: 5px">
<div class="printWrap"> <div class="printWrap">
<div ref="print" id="myReport" class="printContainer"> <div ref="print" id="myReport" class="printContainer">
<table border="1" width="2400" cellspacing="0" :key="timeStamp" id="myTable" class="myTable"> <table
border="1"
width="2400"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead"> <thead class="myTableHead">
<tr> <tr>
<th colspan="24">原料磨工段班组月度对比分析</th> <th colspan="24">原料磨工段班组月度对比分析</th>
@ -72,7 +75,13 @@
</tr> </tr>
</thead> </thead>
<tr v-for="(item, index) in tableDatas" :key="index"> <tr v-for="(item, index) in tableDatas" :key="index">
<td v-for="(item0,index0) in item" :key="index0" class="numCell">{{item0}}</td> <td
v-for="(item0, index0) in item"
:key="index0"
class="numCell"
>
{{ item0 }}
</td>
</tr> </tr>
</table> </table>
</div> </div>
@ -86,12 +95,13 @@
return { return {
timeStamp: 0, timeStamp: 0,
query: { query: {
year_s:'', year_s: "",
page: 0, page: 0,
type : 'month_st', type: "month_st",
mgroup:'3346520558031773696', mgroup: "",
}, },
tableDatas: [], tableDatas: [],
exportLoading: false,
}; };
}, },
mounted() { mounted() {
@ -99,6 +109,11 @@
var myDate = new Date(); var myDate = new Date();
let year = myDate.getFullYear(); let year = myDate.getFullYear();
that.query.year_s = year; that.query.year_s = year;
this.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
let params = {}; let params = {};
params.page = 0; params.page = 0;
params.year = year; params.year = year;
@ -109,56 +124,58 @@
data = res[0]; data = res[0];
} }
that.getData(data); that.getData(data);
}) });
});
}, },
methods: { methods: {
getData(goalData) { getData(goalData) {
let that = this; let that = this;
let query0 = {}; let query0 = {};
query0.page = 0; query0.page = 0;
query0.type='month_st'; query0.type = "month_st";
query0.year_s = that.query.year_s - 1; query0.year_s = that.query.year_s - 1;
query0.mgroup='3346520558031773696'; query0.mgroup = that.query.mgroup;
let wrapArr = [],wrapArr0 = [] ,wrapArrs = []; let wrapArr = [],
wrapArr0 = [],
wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => { this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0; let data0 = res0;
debugger; debugger;
if (data0.length > 0) { if (data0.length > 0) {
data0.forEach(item0 => { data0.forEach((item0) => {
//先按月份排序，再按班组排序 //先按月份排序，再按班组排序
let n0 = item0.month_s; let n0 = item0.month_s;
let ind0 = 0; let ind0 = 0;
if(team_name0.indexOf('甲')>-1){ let team_name0 = item0.team_name;
if (team_name0.indexOf("甲") > -1) {
ind0 = (n0 - 1) * 3; ind0 = (n0 - 1) * 3;
}else if(team_name0.indexOf('乙')>-1){ } else if (team_name0.indexOf("乙") > -1) {
ind0 = (n0 - 1) * 3 + 1; ind0 = (n0 - 1) * 3 + 1;
}else if(team_name0.indexOf('丙')>-1){ } else if (team_name0.indexOf("丙") > -1) {
ind0 = (n0 - 1) * 3 + 2; ind0 = (n0 - 1) * 3 + 2;
} }
wrapArr0[ind0] = item0; wrapArr0[ind0] = item0;
}); });
debugger;
console.log(wrapArr0)
} else { } else {
} }
this.$API.enm.enstat.req(that.query).then((res) => { this.$API.enm.enstat.req(that.query).then((res) => {
let data = res; let data = res;
if (data.length > 0) { if (data.length > 0) {
data.forEach(item => { data.forEach((item) => {
//先按月份排序，再按班组排序 //先按月份排序，再按班组排序
let n = item.month_s; let n = item.month_s;
let team_name = item.team_name; let team_name = item.team_name;
let ind = 0; let ind = 0;
if(team_name.indexOf('甲')>-1){ if (team_name.indexOf("甲") > -1) {
ind = (n - 1) * 3; ind = (n - 1) * 3;
}else if(team_name.indexOf('乙')>-1){ } else if (team_name.indexOf("乙") > -1) {
ind = (n - 1) * 3 + 1; ind = (n - 1) * 3 + 1;
}else if(team_name.indexOf('丙')>-1){ } else if (team_name.indexOf("丙") > -1) {
ind = (n - 1) * 3 + 2; ind = (n - 1) * 3 + 2;
} }
wrapArrs[ind] = item; wrapArrs[ind] = item;
let arr = []; let arr = [];
let time = ''+item.year_s+'.'+item.month_s; let time = "" + item.year_s + "." + item.month_s;
arr.push(time); arr.push(time);
arr.push(item.team_name); arr.push(item.team_name);
arr.push(item.total_production); arr.push(item.total_production);
@ -166,29 +183,66 @@
arr.push(item.run_rate); arr.push(item.run_rate);
arr.push(item.production_cost_unit); arr.push(item.production_cost_unit);
//质量 //质量
arr[6]=item.辅料_细度_rate_pass!=null?item.辅料_细度_rate_pass:'/'; arr[6] =
arr[7]=item.辅料_Fe2O3_rate_pass!=null?item.辅料_Fe2O3_rate_pass:'/'; item.辅料_细度_rate_pass != null
arr[8]=item.辅料_水分_rate_pass!=null?item.辅料_水分_rate_pass:'/'; ? item.辅料_细度_rate_pass
arr[9]=item.干混生料_细度_rate_pass!=null?item.干混生料_细度_rate_pass:'/'; : "/";
arr[10]=item.干混生料_Fe2O3_rate_pass!=null?item.干混生料_Fe2O3_rate_pass:'/'; arr[7] =
arr[11]=item.干混生料_水分_rate_pass!=null?item.干混生料_水分_rate_pass:'/'; item.辅料_Fe2O3_rate_pass != null
arr[12]=item.干混生料_CaO_rate_pass!=null?item.干混生料_CaO_rate_pass:'/'; ? item.辅料_Fe2O3_rate_pass
: "/";
arr[8] =
item.辅料_水分_rate_pass != null
? item.辅料_水分_rate_pass
: "/";
arr[9] =
item.干混生料_细度_rate_pass != null
? item.干混生料_细度_rate_pass
: "/";
arr[10] =
item.干混生料_Fe2O3_rate_pass != null
? item.干混生料_Fe2O3_rate_pass
: "/";
arr[11] =
item.干混生料_水分_rate_pass != null
? item.干混生料_水分_rate_pass
: "/";
arr[12] =
item.干混生料_CaO_rate_pass != null
? item.干混生料_CaO_rate_pass
: "/";
//设备 //设备
arr[13]=item.循环风机_consume_unit!=null?item.循环风机_consume_unit:'/'; arr[13] =
arr[13]=item.尾排风机_consume_unit!=null?item.尾排风机_consume_unit:'/'; item.循环风机_consume_unit != null
arr[13]=item.废气风机_consume_unit!=null?item.废气风机_consume_unit:'/'; ? item.循环风机_consume_unit
: "/";
arr[13] =
item.尾排风机_consume_unit != null
? item.尾排风机_consume_unit
: "/";
arr[13] =
item.废气风机_consume_unit != null
? item.废气风机_consume_unit
: "/";
// //
arr[16]=item.elec_consume_unit//当期值（KW·h/t） arr[16] = item.elec_consume_unit; //当期值（KW·h/t）
let keyVale ='goal_val_'+n; let keyVale = "goal_val_" + n;
arr[17] = goalData[keyVale]; //目标值（KW·h/t）//需要接口获取 arr[17] = goalData[keyVale]; //目标值（KW·h/t）//需要接口获取
arr[18] = item.celec_consume_unit - arr[16]; //当期与目标差值（KW·h/t） arr[18] = item.celec_consume_unit - arr[16]; //当期与目标差值（KW·h/t）
let ind_pre = 0,huanbi = 0; let ind_pre = 0,
huanbi = 0;
if (item.month_s == 1) { if (item.month_s == 1) {
ind_pre = 12; ind_pre = 12;
huanbi = wrapArr0[ind_pre]?wrapArr0[ind_pre].elec_consume_unit:'/'; huanbi = wrapArr0[ind_pre]
? wrapArr0[ind_pre].elec_consume_unit
: "/";
} else { } else {
ind_pre = ind - 1; ind_pre = ind - 1;
huanbi = wrapArr[ind_pre]?wrapArr[ind_pre].elec_consume_unit?wrapArr[ind_pre].elec_consume_unit:'/':'/' huanbi = wrapArr[ind_pre]
? wrapArr[ind_pre].elec_consume_unit
? wrapArr[ind_pre].elec_consume_unit
: "/"
: "/";
} }
arr[19] = huanbi; //环期值（KW·h/t）上个月的值 arr[19] = huanbi; //环期值（KW·h/t）上个月的值
arr[20] = item.celec_consume_unit; //当期与环期差值（KW·h/t） arr[20] = item.celec_consume_unit; //当期与环期差值（KW·h/t）
@ -197,12 +251,12 @@
arr[23] = item.celec_consume_unit; //同比增长率（%） arr[23] = item.celec_consume_unit; //同比增长率（%）
wrapArr[ind] = arr; wrapArr[ind] = arr;
}); });
console.log(wrapArr) console.log(wrapArr);
that.tableDatas = wrapArr; that.tableDatas = wrapArr;
} else { } else {
} }
}) });
}) });
}, },
handleQuery() { handleQuery() {
this.tableDatas = []; this.tableDatas = [];
@ -212,26 +266,15 @@
this.type = type; this.type = type;
this.asynDialog = true; 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);
debugger;
console.log(this.myOption)
this.chartShow = true;
});
},
handlePrint() { handlePrint() {
this.$PRINT('#myReport'); this.$PRINT("#myReport");
}, },
exportExcel() { exportExcel() {
this.exportLoading = true; this.exportLoading = true;
this.$XLSX('#myTable', this.tableName) this.$XLSX("#myTable", this.tableName);
this.exportLoading = false; this.exportLoading = false;
}, },
} },
}; };
</script> </script>
<style scoped> <style scoped>

198
src/views/enm_rm/workshopAnalysis.vue
View File

@ -21,20 +21,25 @@
:loading="exportLoading" :loading="exportLoading"
>导出xlsx >导出xlsx
</el-button> </el-button>
<el-button <el-button type="primary" @click="handlePrint">打印 </el-button>
type="primary"
@click="handlePrint"
>打印
</el-button>
</div> </div>
</el-header> </el-header>
<el-card style="margin-top: 5px"> <el-card style="margin-top: 5px">
<div class="printWrap"> <div class="printWrap">
<div ref="print" id="myReport" class="printContainer"> <div ref="print" id="myReport" class="printContainer">
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable"> <table
border="1"
width="1075"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead"> <thead class="myTableHead">
<tr> <tr>
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th> <th colspan="8">
原料磨工段车间单位产品电耗月度分析表
</th>
</tr> </tr>
<tr> <tr>
<th>月份</th> <th>月份</th>
@ -49,12 +54,24 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="item in tableDatas" :key="item"> <tr v-for="item in tableDatas" :key="item">
<td v-for="(item1,ind) in item" :key="ind" class="numCell"> <td
v-for="(item1, ind) in item"
:key="ind"
class="numCell"
>
<div :class="bindClass(item1, ind)"> <div :class="bindClass(item1, ind)">
<span v-if="item1>0&&ind==3">↑</span> <span v-if="item1 > 0 && ind == 3"
<span v-if="item1<0&&ind==3">↓</span> >↑</span
<span v-if="item1<0&&ind==5">▲</span> >
<span v-if="item1<0&&ind==5">▼</span> <span v-if="item1 < 0 && ind == 3"
>↓</span
>
<span v-if="item1 < 0 && ind == 5"
>▲</span
>
<span v-if="item1 < 0 && ind == 5"
>▼</span
>
{{ item1 }} {{ item1 }}
</div> </div>
</td> </td>
@ -68,26 +85,30 @@
</template> </template>
<script> <script>
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from 'vue' import { defineAsyncComponent } from "vue";
export default { export default {
components: { components: {
scEcharts, scEcharts,
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")), charts: defineAsyncComponent(() =>
import("@/components/scEnm/lineChartsdialog.vue")
),
}, },
data() { data() {
return { return {
chartShow: false, chartShow: false,
exportLoading: false,
timeStamp: null,
myOption: null, myOption: null,
query: { query: {
mgroup:'3346520558031773696', mgroup: "",
}, },
tableDatas: [], tableDatas: [],
modelValue: true, modelValue: true,
type:'hours', type: "hours",
title:'title', title: "title",
apiObj:'', apiObj: "",
showClose: true, showClose: true,
echartType:'line', echartType: "line",
asynDialog: false, asynDialog: false,
monthGoal: [], monthGoal: [],
}; };
@ -97,15 +118,46 @@
var myDate = new Date(); var myDate = new Date();
let year = myDate.getFullYear(); let year = myDate.getFullYear();
that.query.year_s = year; that.query.year_s = year;
that.timeStamp = myDate.getTime();
that.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
//月目标 //月目标
that.getMonthGoal();
});
},
methods: {
// 动态绑定Class
bindClass(item, index) {
let classInfo = { redColor: false, greenColor: false };
if (index == 3 || index == 5) {
if (typeof item == "number") {
if (item > 0) {
classInfo.greenColor = true;
classInfo.redColor = false;
} else if (item < 0) {
classInfo.redColor = true;
classInfo.greenColor = false;
}
}
}
return classInfo;
},
//月目标
getMonthGoal() {
let that = this;
let paramsGoal = {}; let paramsGoal = {};
paramsGoal.page = 0; paramsGoal.page = 0;
paramsGoal.mgroup = that.query.mgroup; paramsGoal.mgroup = that.query.mgroup;
that.$API.mtm.goal.list.req(paramsGoal).then((ress) => { that.$API.mtm.goal.list.req(paramsGoal).then((ress) => {
if (ress.length > 0) { if (ress.length > 0) {
let monthGoal = []; let monthGoal = [];
ress.forEach(goal=>{ ress.forEach((goal) => {
if(goal.goal_cate_name=='单位产品分布电耗（KW·h/t）'){ if (
goal.goal_cate_name == "单位产品分布电耗（KW·h/t）"
) {
monthGoal[0] = goal.goal_val; monthGoal[0] = goal.goal_val;
monthGoal[1] = goal.goal_val_2; monthGoal[1] = goal.goal_val_2;
monthGoal[2] = goal.goal_val_3; monthGoal[2] = goal.goal_val_3;
@ -121,42 +173,27 @@
monthGoal[12] = goal.goal_val_12; monthGoal[12] = goal.goal_val_12;
that.monthGoal = monthGoal; that.monthGoal = monthGoal;
} }
}) });
this.getData(); this.getData();
} else { } else {
this.getData(); this.getData();
} }
}) });
},
methods: {
// 动态绑定Class
bindClass(item,index){
let classInfo = { redColor: false, greenColor: false }
if(index==3||index==5){
if( typeof(item)=='number'){
if(item>0){
classInfo.greenColor = true;
classInfo.redColor = false;
}else if(item<0){
classInfo.redColor = true;
classInfo.greenColor = false
}
}
}
return classInfo
}, },
getData() { getData() {
let that = this; let that = this;
let query0 = {}; let query0 = {};
query0.page = 0; query0.page = 0;
query0.type='month_s'; query0.type = "month_s";
query0.year_s = that.query.year_s - 1; query0.year_s = that.query.year_s - 1;
query0.mgroup = that.query.mgroup; query0.mgroup = that.query.mgroup;
let wrapArr = [],wrapArr0 = [] ,wrapArrs = []; let wrapArr = [],
wrapArr0 = [],
wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => { this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0; let data0 = res0;
if (data0.length > 0) { if (data0.length > 0) {
data0.forEach(item0 => { data0.forEach((item0) => {
//先按月份排序，再按班组排序 //先按月份排序，再按班组排序
let ind0 = item0.month_s; let ind0 = item0.month_s;
wrapArr0[ind0] = item0; wrapArr0[ind0] = item0;
@ -164,20 +201,23 @@
} }
let query = {}; let query = {};
query.page = 0; query.page = 0;
query.type='month_s'; query.type = "month_s";
query.year_s = that.query.year_s; query.year_s = that.query.year_s;
query.mgroup = that.query.mgroup; query.mgroup = that.query.mgroup;
that.$API.enm.enstat.req(query).then((res) => { that.$API.enm.enstat.req(query).then((res) => {
let data = res; let data = res;
if (data.length > 0) { if (data.length > 0) {
data.forEach(item => { data.forEach((item) => {
//先按月份排序，再按班组排序 //先按月份排序，再按班组排序
let ind = item.month_s; let ind = item.month_s;
let arr = []; let arr = [];
let time = ''+item.year_s+'.'+item.month_s; let time = "" + item.year_s + "." + item.month_s;
arr.push(time); arr.push(time);
arr.push(item.elec_consume_unit); //当期值（KW·h/t） arr.push(item.elec_consume_unit); //当期值（KW·h/t）
arr[2] = that.monthGoal[ind]!==undefined?that.monthGoal[ind]:'/'; arr[2] =
that.monthGoal[ind] !== undefined
? that.monthGoal[ind]
: "/";
wrapArr[ind] = arr; wrapArr[ind] = arr;
}); });
wrapArr.forEach((item, index) => { wrapArr.forEach((item, index) => {
@ -188,82 +228,90 @@
//目标值（KW·h/t）//需要接口获取 //目标值（KW·h/t）//需要接口获取
//当期与目标差值（KW·h/t） //当期与目标差值（KW·h/t）
let diff = 0; let diff = 0;
if(item[2]!=='/'){ if (item[2] !== "/") {
diff = item[1] - item[2]; diff = item[1] - item[2];
} else { } else {
diff = '/'; diff = "/";
} }
arrs[3] = diff; arrs[3] = diff;
//环期值（KW·h/t）上个月的值 //环期值（KW·h/t）上个月的值
let lastNum = 0; let lastNum = 0;
if (index > 1) { if (index > 1) {
let num = index - 1; let num = index - 1;
if(wrapArr[num]&&wrapArr[num].elec_consume_unit){ if (
wrapArr[num] &&
wrapArr[num].elec_consume_unit
) {
lastNum = wrapArr[num].elec_consume_unit; lastNum = wrapArr[num].elec_consume_unit;
} else { } else {
lastNum='/' lastNum = "/";
} }
} else { } else {
lastNum = wrapArr0[12]?wrapArr0[12].elec_consume_unit:'/'; lastNum = wrapArr0[12]
? wrapArr0[12].elec_consume_unit
: "/";
} }
arrs[4] = lastNum; arrs[4] = lastNum;
//当期与环期差值（KW·h/t） //当期与环期差值（KW·h/t）
let lastDiff = 0; let lastDiff = 0;
if(arrs[1]!=='/'&&arrs[4]!=='/'){ if (arrs[1] !== "/" && arrs[4] !== "/") {
lastDiff = arrs[1] - arrs[4]; lastDiff = arrs[1] - arrs[4];
} else { } else {
lastDiff = '/'; lastDiff = "/";
} }
arrs[5] = lastDiff; arrs[5] = lastDiff;
//环比增长率（%） //环比增长率（%）
let lastRate = 0; let lastRate = 0;
if(lastDiff=='/'&&lastNum!=='/'&&lastNum!==0){ if (
lastDiff == "/" &&
lastNum !== "/" &&
lastNum !== 0
) {
lastRate = (lastDiff / lastNum) * 100; lastRate = (lastDiff / lastNum) * 100;
} else { } else {
lastRate = '/' lastRate = "/";
} }
arrs[6] = lastRate; arrs[6] = lastRate;
//同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit //同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit
let sameRate = 0; let sameRate = 0;
if(wrapArr0[index]&&wrapArr0[index].elec_consume_unit){ if (
sameRate =((arrs[1]- wrapArr0[index].elec_consume_unit)/wrapArr0[index].elec_consume_unit)*100 wrapArr0[index] &&
wrapArr0[index].elec_consume_unit
) {
sameRate =
((arrs[1] -
wrapArr0[index].elec_consume_unit) /
wrapArr0[index].elec_consume_unit) *
100;
} else { } else {
sameRate='/'; sameRate = "/";
} }
arrs[7] = sameRate; arrs[7] = sameRate;
wrapArrs.push(arrs); wrapArrs.push(arrs);
}) });
that.tableDatas = wrapArrs; that.tableDatas = wrapArrs;
} else { } else {
} }
}) });
}) });
}, },
itemClick(type, item) { itemClick(type, item) {
this.type = type; this.type = type;
this.asynDialog = true; this.asynDialog = true;
}, },
itemClick1(type,item){ handleQuery() {
this.chartShow = false; this.getMonthGoal();
this.$API.bi.dataset.exec
.req('3322567213885833216')
.then((res) => {
this.myOption = JSON.parse(res.echart_options);
debugger;
console.log(this.myOption)
this.chartShow = true;
});
}, },
handlePrint() { handlePrint() {
this.$PRINT('#myReport'); this.$PRINT("#myReport");
}, },
exportExcel() { exportExcel() {
this.exportLoading = true; this.exportLoading = true;
this.$XLSX('#myTable', this.tableName) this.$XLSX("#myTable", this.tableName);
this.exportLoading = false; this.exportLoading = false;
}, },
} },
}; };
</script> </script>
<style scoped> <style scoped>

937
src/views/enm_rmbase/logDetail.vue
View File

@ -1,937 +0,0 @@
<template>
<el-container>
<el-main class="nopadding">
<el-card style="margin: 6px; position: relative">
<el-descriptions title="日志信息" :column="3">
<el-descriptions-item label="所属工段:">
<span>{{ form.mgroup_name }}</span>
</el-descriptions-item>
<el-descriptions-item label="工作班次:" :span="3">
{{ form.shift_name }}
</el-descriptions-item>
<el-descriptions-item label="开始时间:">
<span>{{ form.start_time }}</span>
</el-descriptions-item>
<el-descriptions-item label="结束时间:" :span="3">
{{ form.end_time }}
</el-descriptions-item>
</el-descriptions>
</el-card>
<el-card style="margin: 6px; position: relative">
<el-button
type="primary"
icon="el-icon-plus"
@click.stop="addExp"
v-if="activeName == 'fourth'"
style="
position: absolute;
top: 6px;
right: 10px;
z-index: 100;
"
></el-button>
<el-tabs
v-model="activeName"
class="demo-tabs"
@tab-click="handleClick"
height="600px"
>
<el-tab-pane label="班组" name="first">
<el-form
ref="teamForm"
:model="form"
label-width="100px"
label-position="right"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="当班班组" prop="team">
<el-select
v-model="form.team"
placeholder="当班班组"
clearable
style="width: 100%"
@change="teamChange"
>
<el-option
v-for="item in teamOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="班组班长"
prop="leader_name"
>
<el-input
v-model="form.leader_name"
placeholder="班组班长"
disabled
/>
</el-form-item>
</el-col>
<el-col
:md="12"
:sm="24"
v-if="
form.shift_name == '白班' &&
mgroupId == '3347217246321065984'
"
>
<el-form-item label="煤粉热值">
<el-input-number
v-model="form.pcoal_heat"
controls-position="right"
placeholder="煤粉热值"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer style="text-align: center">
<el-button
type="primary"
:loading="isSaveing"
@click="submit"
>保存</el-button
>
</el-footer>
</el-tab-pane>
<el-tab-pane label="检验" name="second">
<el-form
ref="dialogForm"
:model="form"
label-width="85px"
label-position="right"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="当前班组">
{{ form.team_name }}
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="班组组长">
{{ form.leader_name }}
</el-form-item>
</el-col>
<el-divider />
</el-row>
</el-form>
<sc-form-table
v-model="checkList"
:hideAdd="hideAdd"
:hideDelete="hideDelete"
placeholder="暂无数据"
>
<el-table-column
prop="material"
label="关联产物"
min-width="150"
>
<template #default="scope">
<span v-if="scope.row.id">{{
scope.row.material_name
}}</span>
</template>
</el-table-column>
<el-table-column
prop="testitem"
label="质检项目"
min-width="150"
>
<template #default="scope">
<span v-if="scope.row.id">{{
scope.row.testitem_name
}}</span>
</template>
</el-table-column>
<el-table-column
prop="val_avg"
label="平均值"
min-width="150"
>
<template #default="scope">
<el-input
v-model="scope.row.val_avg"
placeholder="请输入内容"
></el-input>
</template>
</el-table-column>
<el-table-column
prop="num_test"
label="检验次数"
min-width="150"
>
<template #default="scope">
<el-input
v-model="scope.row.num_test"
placeholder="请输入内容"
></el-input>
</template>
</el-table-column>
<el-table-column
prop="num_ok"
label="合格次数"
min-width="150"
>
<template #default="scope">
<el-input
v-model="scope.row.num_ok"
placeholder="请输入内容"
></el-input>
</template>
</el-table-column>
</sc-form-table>
<el-footer style="text-align: center">
<el-button
type="primary"
:loading="isSaveing"
@click="submit2"
>保存</el-button
>
</el-footer>
</el-tab-pane>
<el-tab-pane label="其他成本" name="third">
<div
v-if="
mgroupId == '3346491835287007232' ||
mgroupId == '3347217651339837440' ||
mgroupId == '3347217246321065984'
"
>
<el-form
ref="thirdForms"
:model="thirdForm"
label-width="100px"
label-position="right"
>
<!-- 电石渣 -->
<el-row
v-if="mgroupId == '3346491835287007232'"
>
<el-col :md="12" :sm="24">
<el-form-item label="湿电石渣">
<el-input-number
v-model="thirdForm.num"
controls-position="right"
placeholder="湿电石渣"
/>
</el-form-item>
</el-col>
</el-row>
<!-- 回转窑 -->
<el-row
v-if="mgroupId == '3347217246321065984'"
>
<el-col :md="12" :sm="24">
<el-form-item label="柴油">
<el-input-number
v-model="thirdForm.num"
controls-position="right"
placeholder="柴油"
/>
</el-form-item>
</el-col>
</el-row>
<!-- 水泥磨 -->
<el-row
v-if="mgroupId == '3347217651339837440'"
>
<el-col :md="12" :sm="24">
<el-form-item label="助剂">
<el-input-number
v-model="thirdForm.num"
controls-position="right"
placeholder="助剂"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="包装">
<el-input-number
v-model="thirdForm.num"
controls-position="right"
placeholder="包装"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer style="text-align: center">
<el-button
type="primary"
:loading="isSaveing"
@click="submit"
>保存</el-button
>
</el-footer>
</div>
<div
v-else
style="
width: 100%;
height: 200px;
line-height: 200px;
text-align: center;
"
>
无其他成本
</div>
</el-tab-pane>
<el-tab-pane label="异常" name="fourth">
<el-table
ref="expTable"
:data="stlogList"
row-key="id"
stripe
highlightCurrentRow
>
<el-table-column type="index" width="50" />
<el-table-column label="异常类别" prop="duration">
<template #default="scope">
<span v-if="scope.row.duration > 0"
>停机</span
>
<span v-else>其他</span>
</template>
</el-table-column>
<el-table-column
label="发生时间"
prop="happen_time"
></el-table-column>
<el-table-column
label="原因类别"
prop="cate"
></el-table-column>
<el-table-column
label="异常名称"
prop="title"
></el-table-column>
<el-table-column
label="事件原因"
prop="reason"
></el-table-column>
<el-table-column
label="处置措施"
prop="measure"
></el-table-column>
<el-table-column
label="停机时长"
prop="duration"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="120"
>
<template #default="scope">
<el-button
link
size="small"
@click="sflogexp_edit(scope.row)"
type="primary"
>编辑</el-button
>
<el-divider
direction="vertical"
></el-divider>
<el-button
link
size="small"
@click="sflogexp_delete(scope.row)"
type="danger"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<el-row :gutter="20">
<el-col :span="12">
<p>异常详情</p>
<el-form
ref="expForms"
:rules="rules"
label-width="100px"
:model="expForm"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="异常类别">
<el-select
style="width: 100%"
v-model="sflogexpType"
placeholder="异常类别"
:disabled="1"
>
<el-option
v-for="item in typeOptions"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="异常名称"
prop="title"
>
<el-input
v-model="expForm.title"
placeholder="异常名称"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="发生时间"
prop="happen_time"
>
<el-date-picker
v-model="
expForm.happen_time
"
type="datetime"
placeholder="发生时间"
value-format="YYYY-MM-DD HH:mm:ss"
style="width: 100%"
:disabled="
expTitle !==
'新增异常' &&
expForm.duration > 0
"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="原因类别"
prop="cate"
>
<el-select
style="width: 100%"
v-model="expForm.cate"
placeholder="原因类别"
>
<el-option
v-for="item in options"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:md="12"
:sm="24"
v-if="sflogexpType == 0"
>
<el-form-item label="停机时长">
<el-input-number
v-model="expForm.duration"
:precision="2"
:min="0"
controls-position="right"
placeholder="停机时长"
:disabled="
expTitle !==
'新增异常' &&
expForm.duration > 0
"
style="width: 100%"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item
label="异常原因"
prop="reason"
>
<el-input
type="textarea"
:rows="2"
v-model="expForm.reason"
placeholder="异常原因"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="处置措施"
prop="measure"
>
<el-input
type="textarea"
:rows="2"
v-model="expForm.measure"
placeholder="处置措施"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-col>
<el-col :span="12">
<el-table
ref="expTable"
:data="sflogexpList"
row-key="id"
stripe
highlightCurrentRow
>
<el-table-column type="index" width="50" />
<el-table-column
label="操作人"
prop="measure"
></el-table-column>
<el-table-column
label="操作时间"
prop="happen_time"
></el-table-column>
<el-table-column
label="原因类别"
prop="cate"
></el-table-column>
<el-table-column
label="事件原因"
prop="reason"
></el-table-column>
<el-table-column
label="处置措施"
prop="measure"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="60"
>
<template #default="scope">
<el-button
link
size="small"
@click="
sflogexp_edit(scope.row)
"
type="primary"
>编辑</el-button
>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
<el-dialog :title="expTitle" v-model="visible">
<el-form
ref="expForms"
:rules="rules"
label-width="100px"
:model="expForm"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="异常类别">
<el-select
style="width: 100%"
v-model="sflogexpType"
placeholder="异常类别"
:disabled="1"
>
<el-option
v-for="item in typeOptions"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="异常名称"
prop="title"
>
<el-input
v-model="expForm.title"
placeholder="异常名称"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="发生时间"
prop="happen_time"
>
<el-date-picker
v-model="expForm.happen_time"
type="datetime"
placeholder="发生时间"
value-format="YYYY-MM-DD HH:mm:ss"
style="width: 100%"
:disabled="
expTitle !== '新增异常' &&
expForm.duration > 0
"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="原因类别"
prop="cate"
>
<el-select
style="width: 100%"
v-model="expForm.cate"
placeholder="原因类别"
>
<el-option
v-for="item in options"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:md="12"
:sm="24"
v-if="sflogexpType == 0"
>
<el-form-item label="停机时长">
<el-input-number
v-model="expForm.duration"
:precision="2"
:min="0"
controls-position="right"
placeholder="停机时长"
:disabled="
expTitle !== '新增异常' &&
expForm.duration > 0
"
style="width: 100%"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item
label="异常原因"
prop="reason"
>
<el-input
type="textarea"
:rows="2"
v-model="expForm.reason"
placeholder="异常原因"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="处置措施"
prop="measure"
>
<el-input
type="textarea"
:rows="2"
v-model="expForm.measure"
placeholder="处置措施"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer>
<el-button
type="primary"
:loading="isSaveing"
@click="submit4"
>保存</el-button
>
<el-button @click="visible = false"
>取消</el-button
>
</el-footer>
</el-dialog>
</el-tab-pane>
</el-tabs>
</el-card>
</el-main>
</el-container>
</template>
<script>
export default {
name: "listSon",
data() {
return {
deptId: "",
mgroupId: "",
hideAdd: true,
visible: false,
hideDelete: true,
isSaveing: false,
activeName: "fourth",
expTitle: "新增异常",
sflogItem: {},
form: {},
thirdForm: {
num: "",
},
expForm: {
happen_time: "",
cate: "",
title: "",
reason: "",
measure: "",
duration: 0,
sflog: "",
},
query: {
page: 0,
},
rules: {
happen_time: [{ required: true, message: "请选择发生时间" }],
title: [{ required: true, message: "请填写异常名称" }],
cate: [{ required: true, message: "请选择原因类别" }],
reason: [{ required: true, message: "请填写异常原因" }],
measure: [{ required: true, message: "请填写处置措施" }],
},
sflogexpType: "1",
typeOptions: [
{ value: "0", name: "停机" },
{ value: "1", name: "其他" },
],
options: ["工艺", "电器", "机械", "其他"],
checkList: [],
stlogList: [],
teamOptions: [],
sflogexpList: [],
apiObj: this.$API.wpm.sflogexp.list,
};
},
mounted() {
this.deptId = this.$route.query.deptId;
this.mgroupId = this.$route.query.mgroupId;
let form = this.$TOOL.data.get("sflogItem");
this.form = JSON.parse(form);
this.getTeam();
this.getSflogexp();
},
methods: {
handleClick(e) {
this.activeName = e.paneName;
if (e.paneName == "second") {
this.getsflogItem();
}
},
//******first 班组确定 ******* */
getTeam() {
let that = this;
let form = {};
form.page = 0;
form.belong_dept = that.deptId;
that.$API.mtm.team.list.req(form).then((res) => {
that.teamOptions = res;
});
},
teamChange(data) {
let that = this;
that.teamOptions.forEach((item) => {
if (item.id == data) {
that.form.leader_name = item.leader_name;
that.form.leader = item.leader;
}
});
},
//班组表单提交
submit() {
let that = this;
that.$refs.teamForm.validate(async (valid) => {
if (valid) {
that.isSaveing = true;
let obj = {};
obj.team = that.form.team;
obj.shift = that.form.shift;
obj.leader = that.form.leader;
obj.pcoal_heat = that.form.pcoal_heat;
that.$API.wpm.sflog.update
.req(that.form.id, obj)
.then((res) => {
that.isSaveing = false;
that.$message.success("操作成功");
})
.catch((res) => {
that.isSaveing = false;
});
}
});
},
//****** seconed 质量检验 ******* */
//检验
getsflogItem() {
this.$API.wpm.sflog.init_test.req(this.form.id).then((res) => {
this.checkList = res;
});
},
submit2() {
this.isSaveing = true;
this.$API.qm.updateQuastat
.req("bulk", this.checkList)
.then((res) => {
this.isSaveing = false;
this.$message.success("操作成功");
})
.catch((res) => {
this.isSaveing = false;
});
},
//质量检验
sflog_check(row) {
this.dialog.check = true;
this.$nextTick(() => {
this.$refs.checkDialog.open("edit").setData(row);
});
},
//***** fourth 异常 ****** */
//获取异常列表
getSflogexp() {
let obj = {};
obj.page = 0;
obj.sflog = this.form.id;
this.$API.wpm.sflogexp.list.req(obj).then((res) => {
this.sflogexpList = res;
});
},
//异常添加
addExp() {
this.expForm = {};
this.expForm.happen_time = "";
this.expForm.cate = "";
this.expForm.title = "";
this.expForm.reason = "";
this.expForm.measure = "";
this.expForm.duration = 0;
this.expForm.sflog = this.form.id;
this.expTitle = "新增异常";
this.visible = true;
},
//异常编辑
sflogexp_edit(row) {
Object.assign(this.expForm, row);
this.expTitle = "编辑异常";
this.expForm.handler = this.$TOOL.data.get("USER_INFO").id;
if (this.expForm.duration > 0) {
this.sflogexpType = "0";
} else {
this.sflogexpType = "1";
}
this.visible = true;
},
//异常删除
async sflogexp_delete(row) {
this.$confirm(`确定删除选中的记录吗？`, "提示", {
type: "warning",
}).then(() => {
this.$API.wpm.sflogexp.delete
.req(row.id)
.then((res) => {
this.$message.success("删除成功");
this.$refs.expTable.refresh();
})
.catch((err) => {
this.$message.success(err);
});
});
},
submit4() {
let that = this;
that.$refs.expForms.validate(async (valid) => {
if (valid) {
that.isSaveing = true;
if (that.expTitle == "新增异常") {
that.$API.wpm.stlog.create
.req(that.expForm)
.then((res) => {
that.isSaveing = false;
that.visible = false;
that.$message.success("操作成功");
this.$refs.expTable.refresh();
})
.catch((res) => {
that.isSaveing = false;
});
} else {
that.$API.wpm.sflogexp.update
.req(that.expForm.id, that.expForm)
.then((res) => {
that.isSaveing = false;
that.visible = false;
that.$message.success("操作成功");
this.$refs.expTable.refresh();
})
.catch((res) => {
that.isSaveing = false;
});
}
}
});
},
handlePrint() {
this.$PRINT("#myReport");
},
exportExcel() {
this.exportLoading = true;
this.$XLSX("#myTable", this.tableName);
this.exportLoading = false;
},
},
};
</script>
<style scoped>
#numTable {
margin-left: 37px;
}
#numTable td {
height: 32px;
padding-left: 5px;
}
.numCell {
width: 80px;
}
.numCell.numCell_last {
width: 100px;
}
.searchHead {
display: flex;
}
.middleText {
height: 32px;
line-height: 32px;
margin: 0 5px;
display: inline-block;
}
.searchBtn {
margin-left: 5px;
}
</style>

49
src/views/enm_rmbase/power.vue
View File

@ -168,8 +168,10 @@ export default {
}, },
data() { data() {
return { return {
exportLoading: false,
chartShow: false, chartShow: false,
myOption: null, myOption: null,
timeStamp: null,
optionHour: {}, optionHour: {},
optionDay: {}, optionDay: {},
optionMonth: {}, optionMonth: {},
@ -178,17 +180,13 @@ export default {
days: 1, days: 1,
hours: 1, hours: 1,
query: { query: {
mgroup: "3346520558031773696", mgroup: "",
}, },
tableName: "主要设备（100KW以上）单位产品电耗数据表", tableName: "主要设备（100KW以上）单位产品电耗数据表",
tableDatas: [ tableDatas: [
["辊压机", "", "KW·h/t", "", "", ""], ["辊压机", "", "KW·h/t", "", "", ""],
["循环风机", "", "KW·h/t", "", "", ""], ["循环风机", "", "KW·h/t", "", "", ""],
// ['烘干破主','','KW·h/t','','',''],
// ['废气风机','','KW·h/t','','',''],
// ['尾排风机','','KW·h/t','','',''],
], ],
modelValue: true, modelValue: true,
type: "hour_s", type: "hour_s",
title: "原料磨工段", title: "原料磨工段",
@ -337,6 +335,7 @@ export default {
let days = (that.days = myDate.getDate()); let days = (that.days = myDate.getDate());
let hours = (that.hours = myDate.getHours()); let hours = (that.hours = myDate.getHours());
let timeDate = myDate.getTime(); let timeDate = myDate.getTime();
that.timeStamp = timeDate;
let dayTime = 24 * 60 * 60 * 1000; let dayTime = 24 * 60 * 60 * 1000;
//昨天的计算 //昨天的计算
let year_d = year, let year_d = year,
@ -357,6 +356,11 @@ export default {
let month_h = hourDate.getMonth() + 1; let month_h = hourDate.getMonth() + 1;
let days_h = hourDate.getDate(); let days_h = hourDate.getDate();
let hours_h = hourDate.getHours(); let hours_h = hourDate.getHours();
this.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
//本月 //本月
let params2 = {}; let params2 = {};
params2.page = 0; params2.page = 0;
@ -371,18 +375,24 @@ export default {
let hourProduct = (that.allValMonth = let hourProduct = (that.allValMonth =
res2[0].total_production); //当前条件下的总产量 res2[0].total_production); //当前条件下的总产量
params2.mpoint__ep_monitored__power_kw__gte = 100; params2.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.stat.req(params2).then((res) => { this.$API.enm.mpoint.stat
.req(params2)
.then((res) => {
let data2 = res; let data2 = res;
for (let i = 0; i < data2.length; i++) { for (let i = 0; i < data2.length; i++) {
that.tableDatas[i] = []; that.tableDatas[i] = [];
that.tableDatas[i][0] = data2[i].ep_monitored_name; that.tableDatas[i][0] =
data2[i].ep_monitored_name;
that.tableDatas[i][1] = that.tableDatas[i][1] =
data2[i].ep_monitored_number; data2[i].ep_monitored_number;
that.tableDatas[i][2] = "KW·h/t"; that.tableDatas[i][2] = "KW·h/t";
let val = let val =
hourProduct == 0 hourProduct == 0
? "/" ? "/"
: (data2[i].val / hourProduct).toFixed(2); : (
data2[i].val /
hourProduct
).toFixed(2);
that.tableDatas[i][5] = val; that.tableDatas[i][5] = val;
} }
}); });
@ -402,15 +412,18 @@ export default {
let hourProduct = (that.allValDays = let hourProduct = (that.allValDays =
res3[0].total_production); res3[0].total_production);
params3.mpoint__ep_monitored__power_kw__gte = 100; params3.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.stat.req(params3).then((res) => { this.$API.enm.mpoint.stat
.req(params3)
.then((res) => {
let data3 = res3; let data3 = res3;
for (let j = 0; j < data3.length; j++) { for (let j = 0; j < data3.length; j++) {
let val = let val =
hourProduct == 0 hourProduct == 0
? "/" ? "/"
: (data3[j].val / hourProduct).toFixed( : (
2 data3[j].val /
); hourProduct
).toFixed(2);
that.tableDatas[j][4] = val; that.tableDatas[j][4] = val;
} }
}); });
@ -430,15 +443,18 @@ export default {
let hourProduct = (that.allValHour = let hourProduct = (that.allValHour =
res4[0].total_production); res4[0].total_production);
params4.mpoint__ep_monitored__power_kw__gte = 100; params4.mpoint__ep_monitored__power_kw__gte = 100;
this.$API.enm.mpoint.stat.req(params4).then((res) => { this.$API.enm.mpoint.stat
.req(params4)
.then((res) => {
let data4 = res4; let data4 = res4;
for (let k = 0; k < data4.length; k++) { for (let k = 0; k < data4.length; k++) {
let val = let val =
hourProduct == 0 hourProduct == 0
? "/" ? "/"
: (data4[k].val / hourProduct).toFixed( : (
2 data4[k].val /
); hourProduct
).toFixed(2);
that.tableDatas[k][3] = val; that.tableDatas[k][3] = val;
} }
}); });
@ -448,6 +464,7 @@ export default {
that.getHourData(); that.getHourData();
that.getDayData(); that.getDayData();
that.getMonthData(); that.getMonthData();
});
}, },
methods: { methods: {
//获取小时数据 //获取小时数据

122
src/views/enm_rmbase/report.vue
View File

@ -85,7 +85,6 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<!-- <div id="main" style="width:1200px;height:600px;"></div> -->
<div class="chartWrap"> <div class="chartWrap">
<div class="chartTitle">小时生产参数统计图</div> <div class="chartTitle">小时生产参数统计图</div>
<scEcharts <scEcharts
@ -338,7 +337,9 @@ export default {
}, },
data() { data() {
return { return {
exportLoading: false,
chartShow: false, chartShow: false,
timeStamp: null,
myOption: null, myOption: null,
optionHour: {}, optionHour: {},
optionDay: {}, optionDay: {},
@ -348,7 +349,7 @@ export default {
days: 1, days: 1,
hours: 1, hours: 1,
query: { query: {
mgroup: "3346520558031773696", mgroup: "",
}, },
tableDatas: [ tableDatas: [
["产量", "总产量（t）", 0, 0, 0, 0, 0, 0, 0, 0], ["产量", "总产量（t）", 0, 0, 0, 0, 0, 0, 0, 0],
@ -508,50 +509,6 @@ export default {
}, },
], ],
}, },
list: [
{
x: 1,
y: 1,
z: 99,
k: 11,
},
{
x: 2,
y: 2,
z: 70,
k: 11,
},
{
x: 3,
y: 3,
z: 1,
k: 11,
},
{
x: 4,
y: 4,
z: 30,
k: 11,
},
{
x: 5,
y: 1,
z: 20,
k: 11,
},
{
x: 6,
y: 0,
z: 18,
k: 11,
},
{
x: 7,
y: 10,
z: 12,
k: 11,
},
],
dataX: [], dataX: [],
dataY: [], dataY: [],
dataY2: [], dataY2: [],
@ -743,34 +700,6 @@ export default {
} }
} }
let that = this; let that = this;
this.$nextTick(() => {
this.dataX = this.list.map((item) => item.x);
// 第1个Y轴
this.dataY.push({
name: "AA",
type: "line", // 直线
yAxisIndex: 0, // 第几个Y轴 索引值
symbolSize: "10",
// lineStyle: { color: '#4485f4' },
data: this.list.map((item) => item.y),
});
// 第2个Y轴
this.dataY.push({
name: "BB",
type: "line",
yAxisIndex: 1, // 第几个Y轴 索引值
data: this.list.map((item) => item.z),
});
// 第3个Y轴
this.dataY.push({
name: "CC",
type: "line",
yAxisIndex: 2, // 第几个Y轴 索引值
data: this.list.map((item) => item.k),
});
this.init(this.dataX, this.dataY);
});
this.$nextTick(() => { this.$nextTick(() => {
var myDate = new Date(); var myDate = new Date();
let year = (that.year = myDate.getFullYear()); let year = (that.year = myDate.getFullYear());
@ -778,6 +707,7 @@ export default {
let days = (that.days = myDate.getDate()); let days = (that.days = myDate.getDate());
let hours = (that.hours = myDate.getHours()); let hours = (that.hours = myDate.getHours());
let timeDate = myDate.getTime(); let timeDate = myDate.getTime();
that.timeStamp = timeDate;
let dayTime = 24 * 60 * 60 * 1000; let dayTime = 24 * 60 * 60 * 1000;
//昨天的计算 //昨天的计算
let year_d = year, let year_d = year,
@ -798,7 +728,11 @@ export default {
let month_h = hourDate.getMonth() + 1; let month_h = hourDate.getMonth() + 1;
let days_h = hourDate.getDate(); let days_h = hourDate.getDate();
let hours_h = hourDate.getHours(); let hours_h = hourDate.getHours();
this.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
//昨日 //昨日
let params3 = {}; let params3 = {};
params3.page = 0; params3.page = 0;
@ -836,7 +770,7 @@ export default {
//月目标 //月目标
let params5 = {}; let params5 = {};
params5.page = 0; params5.page = 0;
params5.mgroup = "3346520558031773696"; params5.mgroup = that.query.mgroup;
this.$API.mtm.goal.list this.$API.mtm.goal.list
.req(params5) .req(params5)
.then((res5) => { .then((res5) => {
@ -851,7 +785,8 @@ export default {
that.tableDatas[0][6] = item5[str]; that.tableDatas[0][6] = item5[str];
that.tableDatas[0][8] = item5.goal_val; that.tableDatas[0][8] = item5.goal_val;
} else if ( } else if (
item5.goal_cate_name == "台时产量（t/h）" item5.goal_cate_name ==
"台时产量（t/h）"
) { ) {
that.tableDatas[1][6] = item5[str]; that.tableDatas[1][6] = item5[str];
that.tableDatas[1][8] = item5.goal_val; that.tableDatas[1][8] = item5.goal_val;
@ -860,7 +795,9 @@ export default {
) { ) {
that.tableDatas[2][6] = item5[str]; that.tableDatas[2][6] = item5[str];
that.tableDatas[2][8] = item5.goal_val; that.tableDatas[2][8] = item5.goal_val;
} else if (item5.goal_cate_name == "运转率（%）") { } else if (
item5.goal_cate_name == "运转率（%）"
) {
that.tableDatas[3][6] = item5[str]; that.tableDatas[3][6] = item5[str];
that.tableDatas[3][8] = item5.goal_val; that.tableDatas[3][8] = item5.goal_val;
} else if ( } else if (
@ -883,12 +820,14 @@ export default {
this.$API.enm.enstat.req(params1).then((res1) => { this.$API.enm.enstat.req(params1).then((res1) => {
if (res1.length > 0) { if (res1.length > 0) {
let data1 = res1[0]; let data1 = res1[0];
that.tableDatas[0][5] = data1.total_production; that.tableDatas[0][5] =
data1.total_production;
that.tableDatas[0][9] = precen( that.tableDatas[0][9] = precen(
that.tableDatas[0][5], that.tableDatas[0][5],
that.tableDatas[0][8] that.tableDatas[0][8]
); );
that.tableDatas[1][5] = data1.production_hour; that.tableDatas[1][5] =
data1.production_hour;
that.tableDatas[1][9] = precen( that.tableDatas[1][9] = precen(
that.tableDatas[1][5], that.tableDatas[1][5],
that.tableDatas[1][8] that.tableDatas[1][8]
@ -903,7 +842,8 @@ export default {
that.tableDatas[3][5], that.tableDatas[3][5],
that.tableDatas[3][8] that.tableDatas[3][8]
); );
that.tableDatas[4][5] = data1.elec_consume_unit; that.tableDatas[4][5] =
data1.elec_consume_unit;
that.tableDatas[4][9] = precen( that.tableDatas[4][9] = precen(
that.tableDatas[4][5], that.tableDatas[4][5],
that.tableDatas[4][8] that.tableDatas[4][8]
@ -921,15 +861,20 @@ export default {
this.$API.enm.enstat.req(params2).then((res2) => { this.$API.enm.enstat.req(params2).then((res2) => {
if (res2.length > 0) { if (res2.length > 0) {
let data2 = res2[0]; let data2 = res2[0];
that.tableDatas[0][4] = data2.total_production; that.tableDatas[0][4] =
if (that.tableDatas[0][4] > that.tableDatas[0][6]) { data2.total_production;
if (
that.tableDatas[0][4] >
that.tableDatas[0][6]
) {
that.wraning = true; that.wraning = true;
} }
that.tableDatas[0][7] = precen( that.tableDatas[0][7] = precen(
that.tableDatas[0][4], that.tableDatas[0][4],
that.tableDatas[0][6] that.tableDatas[0][6]
); );
that.tableDatas[1][4] = data2.production_hour; that.tableDatas[1][4] =
data2.production_hour;
that.tableDatas[1][7] = precen( that.tableDatas[1][7] = precen(
that.tableDatas[1][4], that.tableDatas[1][4],
that.tableDatas[1][6] that.tableDatas[1][6]
@ -944,7 +889,8 @@ export default {
that.tableDatas[3][4], that.tableDatas[3][4],
that.tableDatas[3][6] that.tableDatas[3][6]
); );
that.tableDatas[4][4] = data2.elec_consume_unit; that.tableDatas[4][4] =
data2.elec_consume_unit;
that.tableDatas[4][7] = precen( that.tableDatas[4][7] = precen(
that.tableDatas[4][4], that.tableDatas[4][4],
that.tableDatas[4][6] that.tableDatas[4][6]
@ -956,13 +902,9 @@ export default {
that.getDayData(); that.getDayData();
that.getMonthData(); that.getMonthData();
}); });
});
}, },
methods: { methods: {
init(dataX, dataY) {
this.myChart = echarts.init(document.getElementById("main"));
// 使用刚指定的配置项和数据显示图表。
this.myChart.setOption(this.option);
},
//获取小时数据 //获取小时数据
getHourData() { getHourData() {
let that = this; let that = this;

14
src/views/enm_rmbase/teamAnalysis.vue
View File

@ -83,9 +83,10 @@ export default {
year_s: "", year_s: "",
page: 0, page: 0,
type: "month_st", type: "month_st",
mgroup: "3346520558031773696", mgroup: "",
}, },
tableDatas: [], tableDatas: [],
exportLoading: false,
}; };
}, },
mounted() { mounted() {
@ -93,6 +94,11 @@ export default {
var myDate = new Date(); var myDate = new Date();
let year = myDate.getFullYear(); let year = myDate.getFullYear();
that.query.year_s = year; that.query.year_s = year;
this.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
let params = {}; let params = {};
params.page = 0; params.page = 0;
params.year = year; params.year = year;
@ -104,6 +110,7 @@ export default {
} }
that.getData(data); that.getData(data);
}); });
});
}, },
methods: { methods: {
getData(goalData) { getData(goalData) {
@ -112,7 +119,7 @@ export default {
query0.page = 0; query0.page = 0;
query0.type = "month_st"; query0.type = "month_st";
query0.year_s = that.query.year_s - 1; query0.year_s = that.query.year_s - 1;
query0.mgroup = "3346520558031773696"; query0.mgroup = that.query.mgroup;
let wrapArr = [], let wrapArr = [],
wrapArr0 = [], wrapArr0 = [],
wrapArrs = []; wrapArrs = [];
@ -124,6 +131,7 @@ export default {
//先按月份排序，再按班组排序 //先按月份排序，再按班组排序
let n0 = item0.month_s; let n0 = item0.month_s;
let ind0 = 0; let ind0 = 0;
let team_name0 = item0.team_name;
if (team_name0.indexOf("甲") > -1) { if (team_name0.indexOf("甲") > -1) {
ind0 = (n0 - 1) * 3; ind0 = (n0 - 1) * 3;
} else if (team_name0.indexOf("乙") > -1) { } else if (team_name0.indexOf("乙") > -1) {
@ -133,8 +141,6 @@ export default {
} }
wrapArr0[ind0] = item0; wrapArr0[ind0] = item0;
}); });
debugger;
console.log(wrapArr0);
} else { } else {
} }
this.$API.enm.enstat.req(that.query).then((res) => { this.$API.enm.enstat.req(that.query).then((res) => {

202
src/views/enm_rmbase/workshopAnalysis.vue
View File

@ -21,20 +21,25 @@
:loading="exportLoading" :loading="exportLoading"
>导出xlsx >导出xlsx
</el-button> </el-button>
<el-button <el-button type="primary" @click="handlePrint">打印 </el-button>
type="primary"
@click="handlePrint"
>打印
</el-button>
</div> </div>
</el-header> </el-header>
<el-card style="margin-top: 5px"> <el-card style="margin-top: 5px">
<div class="printWrap"> <div class="printWrap">
<div ref="print" id="myReport" class="printContainer"> <div ref="print" id="myReport" class="printContainer">
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable"> <table
border="1"
width="1075"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead"> <thead class="myTableHead">
<tr> <tr>
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th> <th colspan="8">
原料磨工段车间单位产品电耗月度分析表
</th>
</tr> </tr>
<tr> <tr>
<th>月份</th> <th>月份</th>
@ -49,12 +54,24 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="item in tableDatas" :key="item"> <tr v-for="item in tableDatas" :key="item">
<td v-for="(item1,ind) in item" :key="ind" class="numCell"> <td
v-for="(item1, ind) in item"
:key="ind"
class="numCell"
>
<div :class="bindClass(item1, ind)"> <div :class="bindClass(item1, ind)">
<span v-if="item1>0&&ind==3">↑</span> <span v-if="item1 > 0 && ind == 3"
<span v-if="item1<0&&ind==3">↓</span> >↑</span
<span v-if="item1<0&&ind==5">▲</span> >
<span v-if="item1<0&&ind==5">▼</span> <span v-if="item1 < 0 && ind == 3"
>↓</span
>
<span v-if="item1 < 0 && ind == 5"
>▲</span
>
<span v-if="item1 < 0 && ind == 5"
>▼</span
>
{{ item1 }} {{ item1 }}
</div> </div>
</td> </td>
@ -68,26 +85,30 @@
</template> </template>
<script> <script>
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from 'vue' import { defineAsyncComponent } from "vue";
export default { export default {
components: { components: {
scEcharts, scEcharts,
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")), charts: defineAsyncComponent(() =>
import("@/components/scEnm/lineChartsdialog.vue")
),
}, },
data() { data() {
return { return {
chartShow: false, chartShow: false,
exportLoading: false,
myOption: null, myOption: null,
timeStamp: null,
query: { query: {
mgroup:'3346520558031773696', mgroup: "",
}, },
tableDatas: [], tableDatas: [],
modelValue: true, modelValue: true,
type:'hours', type: "hours",
title:'title', title: "title",
apiObj:'', apiObj: "",
showClose: true, showClose: true,
echartType:'line', echartType: "line",
asynDialog: false, asynDialog: false,
monthGoal: [], monthGoal: [],
}; };
@ -97,15 +118,46 @@
var myDate = new Date(); var myDate = new Date();
let year = myDate.getFullYear(); let year = myDate.getFullYear();
that.query.year_s = year; that.query.year_s = year;
that.timeStamp = myDate.getTime();
that.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
//月目标 //月目标
that.getMonthGoal();
});
},
methods: {
// 动态绑定Class
bindClass(item, index) {
let classInfo = { redColor: false, greenColor: false };
if (index == 3 || index == 5) {
if (typeof item == "number") {
if (item > 0) {
classInfo.greenColor = true;
classInfo.redColor = false;
} else if (item < 0) {
classInfo.redColor = true;
classInfo.greenColor = false;
}
}
}
return classInfo;
},
//月目标
getMonthGoal() {
let that = this;
let paramsGoal = {}; let paramsGoal = {};
paramsGoal.page = 0; paramsGoal.page = 0;
paramsGoal.mgroup = that.query.mgroup; paramsGoal.mgroup = that.query.mgroup;
that.$API.mtm.goal.list.req(paramsGoal).then((ress) => { that.$API.mtm.goal.list.req(paramsGoal).then((ress) => {
if (ress.length > 0) { if (ress.length > 0) {
let monthGoal = []; let monthGoal = [];
ress.forEach(goal=>{ ress.forEach((goal) => {
if(goal.goal_cate_name=='单位产品分布电耗（KW·h/t）'){ if (
goal.goal_cate_name == "单位产品分布电耗（KW·h/t）"
) {
monthGoal[0] = goal.goal_val; monthGoal[0] = goal.goal_val;
monthGoal[1] = goal.goal_val_2; monthGoal[1] = goal.goal_val_2;
monthGoal[2] = goal.goal_val_3; monthGoal[2] = goal.goal_val_3;
@ -121,42 +173,27 @@
monthGoal[12] = goal.goal_val_12; monthGoal[12] = goal.goal_val_12;
that.monthGoal = monthGoal; that.monthGoal = monthGoal;
} }
}) });
this.getData(); that.getData();
} else { } else {
this.getData(); that.getData();
} }
}) });
},
methods: {
// 动态绑定Class
bindClass(item,index){
let classInfo = { redColor: false, greenColor: false }
if(index==3||index==5){
if( typeof(item)=='number'){
if(item>0){
classInfo.greenColor = true;
classInfo.redColor = false;
}else if(item<0){
classInfo.redColor = true;
classInfo.greenColor = false
}
}
}
return classInfo
}, },
getData() { getData() {
let that = this; let that = this;
let query0 = {}; let query0 = {};
query0.page = 0; query0.page = 0;
query0.type='month_s'; query0.type = "month_s";
query0.year_s = that.query.year_s - 1; query0.year_s = that.query.year_s - 1;
query0.mgroup = that.query.mgroup; query0.mgroup = that.query.mgroup;
let wrapArr = [],wrapArr0 = [] ,wrapArrs = []; let wrapArr = [],
wrapArr0 = [],
wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => { this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0; let data0 = res0;
if (data0.length > 0) { if (data0.length > 0) {
data0.forEach(item0 => { data0.forEach((item0) => {
//先按月份排序，再按班组排序 //先按月份排序，再按班组排序
let ind0 = item0.month_s; let ind0 = item0.month_s;
wrapArr0[ind0] = item0; wrapArr0[ind0] = item0;
@ -164,20 +201,23 @@
} }
let query = {}; let query = {};
query.page = 0; query.page = 0;
query.type='month_s'; query.type = "month_s";
query.year_s = that.query.year_s; query.year_s = that.query.year_s;
query.mgroup = that.query.mgroup; query.mgroup = that.query.mgroup;
that.$API.enm.enstat.req(query).then((res) => { that.$API.enm.enstat.req(query).then((res) => {
let data = res; let data = res;
if (data.length > 0) { if (data.length > 0) {
data.forEach(item => { data.forEach((item) => {
//先按月份排序，再按班组排序 //先按月份排序，再按班组排序
let ind = item.month_s; let ind = item.month_s;
let arr = []; let arr = [];
let time = ''+item.year_s+'.'+item.month_s; let time = "" + item.year_s + "." + item.month_s;
arr.push(time); arr.push(time);
arr.push(item.elec_consume_unit); //当期值（KW·h/t） arr.push(item.elec_consume_unit); //当期值（KW·h/t）
arr[2] = that.monthGoal[ind]!==undefined?that.monthGoal[ind]:'/'; arr[2] =
that.monthGoal[ind] !== undefined
? that.monthGoal[ind]
: "/";
wrapArr[ind] = arr; wrapArr[ind] = arr;
}); });
wrapArr.forEach((item, index) => { wrapArr.forEach((item, index) => {
@ -188,82 +228,90 @@
//目标值（KW·h/t）//需要接口获取 //目标值（KW·h/t）//需要接口获取
//当期与目标差值（KW·h/t） //当期与目标差值（KW·h/t）
let diff = 0; let diff = 0;
if(item[2]!=='/'){ if (item[2] !== "/") {
diff = item[1] - item[2]; diff = item[1] - item[2];
} else { } else {
diff = '/'; diff = "/";
} }
arrs[3] = diff; arrs[3] = diff;
//环期值（KW·h/t）上个月的值 //环期值（KW·h/t）上个月的值
let lastNum = 0; let lastNum = 0;
if (index > 1) { if (index > 1) {
let num = index - 1; let num = index - 1;
if(wrapArr[num]&&wrapArr[num].elec_consume_unit){ if (
wrapArr[num] &&
wrapArr[num].elec_consume_unit
) {
lastNum = wrapArr[num].elec_consume_unit; lastNum = wrapArr[num].elec_consume_unit;
} else { } else {
lastNum='/' lastNum = "/";
} }
} else { } else {
lastNum = wrapArr0[12]?wrapArr0[12].elec_consume_unit:'/'; lastNum = wrapArr0[12]
? wrapArr0[12].elec_consume_unit
: "/";
} }
arrs[4] = lastNum; arrs[4] = lastNum;
//当期与环期差值（KW·h/t） //当期与环期差值（KW·h/t）
let lastDiff = 0; let lastDiff = 0;
if(arrs[1]!=='/'&&arrs[4]!=='/'){ if (arrs[1] !== "/" && arrs[4] !== "/") {
lastDiff = arrs[1] - arrs[4]; lastDiff = arrs[1] - arrs[4];
} else { } else {
lastDiff = '/'; lastDiff = "/";
} }
arrs[5] = lastDiff; arrs[5] = lastDiff;
//环比增长率（%） //环比增长率（%）
let lastRate = 0; let lastRate = 0;
if(lastDiff=='/'&&lastNum!=='/'&&lastNum!==0){ if (
lastDiff == "/" &&
lastNum !== "/" &&
lastNum !== 0
) {
lastRate = (lastDiff / lastNum) * 100; lastRate = (lastDiff / lastNum) * 100;
} else { } else {
lastRate = '/' lastRate = "/";
} }
arrs[6] = lastRate; arrs[6] = lastRate;
//同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit //同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit
let sameRate = 0; let sameRate = 0;
if(wrapArr0[index]&&wrapArr0[index].elec_consume_unit){ if (
sameRate =((arrs[1]- wrapArr0[index].elec_consume_unit)/wrapArr0[index].elec_consume_unit)*100 wrapArr0[index] &&
wrapArr0[index].elec_consume_unit
) {
sameRate =
((arrs[1] -
wrapArr0[index].elec_consume_unit) /
wrapArr0[index].elec_consume_unit) *
100;
} else { } else {
sameRate='/'; sameRate = "/";
} }
arrs[7] = sameRate; arrs[7] = sameRate;
wrapArrs.push(arrs); wrapArrs.push(arrs);
}) });
that.tableDatas = wrapArrs; that.tableDatas = wrapArrs;
} else { } else {
} }
}) });
}) });
}, },
itemClick(type, item) { itemClick(type, item) {
this.type = type; this.type = type;
this.asynDialog = true; this.asynDialog = true;
}, },
itemClick1(type,item){ handleQuery() {
this.chartShow = false; this.getMonthGoal();
this.$API.bi.dataset.exec
.req('3322567213885833216')
.then((res) => {
this.myOption = JSON.parse(res.echart_options);
debugger;
console.log(this.myOption)
this.chartShow = true;
});
}, },
handlePrint() { handlePrint() {
this.$PRINT('#myReport'); this.$PRINT("#myReport");
}, },
exportExcel() { exportExcel() {
this.exportLoading = true; this.exportLoading = true;
this.$XLSX('#myTable', this.tableName) this.$XLSX("#myTable", this.tableName);
this.exportLoading = false; this.exportLoading = false;
}, },
} },
}; };
</script> </script>
<style scoped> <style scoped>