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

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

@ -1,155 +1,324 @@
<template>
<el-container>
<el-header>
<div class="left-panel">
<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"
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 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-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
</div>
</el-header>
<el-main class="nopadding">
<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 label="开始时间" prop="start_time">
<template #default="scope">
<span>{{ scope.row.start_time.slice(0, 16) }}</span>
</template>
</el-table-column>
<el-table-column label="结束时间" prop="end_time">
<template #default="scope">
<span>{{ scope.row.end_time.slice(0, 16) }}</span>
</template>
</el-table-column>
<el-table-column label="班组名称" 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="检验时间">
<template #default="scope">
<span v-if="scope.row.last_test_time">{{ scope.row.last_test_time.slice(0, 16) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="140">
<template #default="scope">
<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_other(scope.row)" type="primary">其他能源</el-button> -->
<el-divider direction="vertical"></el-divider>
<el-button link size="small" @click="sflog_export(scope.row)" type="success">报表</el-button>
</template>
</el-table-column>
</scTable>
</el-main>
<el-drawer v-model="limitedExport" size="60%" :show-close="false">
<template #header="{ close, titleId, titleClass }">
<h4 :id="titleId" :class="titleClass">交接班日志</h4>
<el-button type="danger" @click="close">
<el-icon class="el-icon--left">
<CircleCloseFilled />
</el-icon>
关闭
</el-button>
</template>
<div class="left-panel">
<el-button type="primary" @click="exportExcel()" :loading="exportLoading">导出xlsx
</el-button>
<el-button type="primary" @click="handlePrint">打印
</el-button>
</div>
<el-main class="nopadding">
<div ref="print" id="myReport" class="printContainer">
<div style="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>
<table border="1" width="1000" cellspacing="0" :key="timeStamp" id="myTable">
<tbody>
<tr>
<td class="numCell">日期</td>
<td class="numCell" v-if="sflogItem.end_time">{{ sflogItem.end_time.slice(0, 10) }}</td>
<td class="numCell">班次</td>
<td class="numCell">{{ sflogItem.shift_name }}</td>
<td class="numCell">班组</td>
<td class="numCell"><span v-if="sflogItem.team_name">{{ sflogItem.team_name }}</span></td>
</tr>
<tr>
<td class="numCell">产量（t）</td>
<td class="numCell">{{ reportItem.total_production }}</td>
<td class="numCell">台时（t/h）</td>
<td class="numCell">{{ reportItem.production_hour }}</td>
<td class="numCell">运转时间（h）</td>
<td class="numCell">{{ reportItem.run_hour }}</td>
</tr>
<tr>
<td class="numCell">运转率（%）</td>
<td class="numCell">{{ reportItem.run_rate * 100 }}</td>
<td class="numCell">停机时长（h）</td>
<td class="numCell">{{ reportItem.shut_hour }}</td>
<td class="numCell">当期单位产品电耗（kW·h/t）</td>
<td class="numCell">{{ reportItem.elec_consume_unit }}</td>
</tr>
<tr>
<td class="numCell">辅料细度合格率（%）</td>
<td class="numCell" v-if="reportItem.辅料_细度_rate_pass">{{ reportItem.辅料_细度_rate_pass * 100 }}</td>
<td class="numCell" v-else>0</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-else>0</td>
<td class="numCell">辅料水分合格率（%）</td>
<td class="numCell" v-if="reportItem.辅料_水分_rate_pass">{{ reportItem.辅料_水分_rate_pass * 100 }}</td>
<td class="numCell" v-else>0</td>
</tr>
<tr>
<td class="numCell">干混生料CaO合格率（%）</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">干混生料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">干混生料细度合格率（%）</td>
<td class="numCell" v-if="reportItem.干混生料_细度_rate_pass">{{ reportItem.干混生料_细度_rate_pass * 100 }}</td>
<td class="numCell" v-else>0</td>
</tr>
<tr>
<td class="numCell">干混生料水分合格率（%）</td>
<td class="numCell" v-if="reportItem.干混生料_水分_rate_pass">{{ reportItem.干混生料_水分_rate_pass * 100 }}</td>
<td class="numCell" v-else>0</td>
<td class="numCell">单位成本（元/吨）</td>
<td class="numCell">{{ reportItem.production_cost_unit }}</td>
<td class="numCell"></td>
<td class="numCell"></td>
</tr>
<tr v-if="sflogexpList.length > 0">
<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>
</tr>
<tr v-for="item in sflogexpList" :key="item.id">
<td class="numCell">{{ item.happen_time }}</td>
<td class="numCell">{{ item.cate }}</td>
<td class="numCell">{{ item.reason }}</td>
<td class="numCell">{{ item.measure }}</td>
<td class="numCell">{{ item.handler }}</td>
</tr>
</tbody>
</table>
</div>
</el-main>
</el-drawer>
</el-container>
<!-- <save-dialog
<el-container>
<el-header>
<div class="left-panel">
<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"
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
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-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<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 label="开始时间" prop="start_time">
<template #default="scope">
<span>{{ scope.row.start_time.slice(0, 16) }}</span>
</template>
</el-table-column>
<el-table-column label="结束时间" prop="end_time">
<template #default="scope">
<span>{{ scope.row.end_time.slice(0, 16) }}</span>
</template>
</el-table-column>
<el-table-column
label="班组名称"
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="检验时间">
<template #default="scope">
<span v-if="scope.row.last_test_time">{{
scope.row.last_test_time.slice(0, 16)
}}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="140"
>
<template #default="scope">
<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_other(scope.row)" type="primary">其他能源</el-button> -->
<el-divider direction="vertical"></el-divider>
<el-button
link
size="small"
@click="sflog_export(scope.row)"
type="success"
>报表</el-button
>
</template>
</el-table-column>
</scTable>
</el-main>
<el-drawer v-model="limitedExport" size="60%" :show-close="false">
<template #header="{ close, titleId, titleClass }">
<h4 :id="titleId" :class="titleClass">交接班日志</h4>
<el-button type="danger" @click="close">
<el-icon class="el-icon--left">
<CircleCloseFilled />
</el-icon>
关闭
</el-button>
</template>
<div class="left-panel">
<el-button
type="primary"
@click="exportExcel()"
:loading="exportLoading"
>导出xlsx
</el-button>
<el-button type="primary" @click="handlePrint">打印 </el-button>
</div>
<el-main class="nopadding">
<div ref="print" id="myReport" class="printContainer">
<div
style="
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>
<table
border="1"
width="1000"
cellspacing="0"
:key="timeStamp"
id="myTable"
>
<tbody>
<tr>
<td class="numCell">日期</td>
<td class="numCell" v-if="sflogItem.end_time">
{{ sflogItem.end_time.slice(0, 10) }}
</td>
<td class="numCell">班次</td>
<td class="numCell">
{{ sflogItem.shift_name }}
</td>
<td class="numCell">班组</td>
<td class="numCell">
<span v-if="sflogItem.team_name">{{
sflogItem.team_name
}}</span>
</td>
</tr>
<tr>
<td class="numCell">产量（t）</td>
<td class="numCell">
{{ reportItem.total_production }}
</td>
<td class="numCell">台时（t/h）</td>
<td class="numCell">
{{ reportItem.production_hour }}
</td>
<td class="numCell">运转时间（h）</td>
<td class="numCell">
{{ reportItem.run_hour }}
</td>
</tr>
<tr>
<td class="numCell">运转率（%）</td>
<td class="numCell">
{{ reportItem.run_rate * 100 }}
</td>
<td class="numCell">停机时长（h）</td>
<td class="numCell">
{{ reportItem.shut_hour }}
</td>
<td class="numCell">
当期单位产品电耗（kW·h/t）
</td>
<td class="numCell">
{{ reportItem.elec_consume_unit }}
</td>
</tr>
<tr>
<td class="numCell">辅料细度合格率（%）</td>
<td
class="numCell"
v-if="reportItem.辅料_细度_rate_pass"
>
{{ reportItem.辅料_细度_rate_pass * 100 }}
</td>
<td class="numCell" v-else>0</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-else>0</td>
<td class="numCell">辅料水分合格率（%）</td>
<td
class="numCell"
v-if="reportItem.辅料_水分_rate_pass"
>
{{ reportItem.辅料_水分_rate_pass * 100 }}
</td>
<td class="numCell" v-else>0</td>
</tr>
<tr>
<td class="numCell">干混生料CaO合格率（%）</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">
干混生料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">干混生料细度合格率（%）</td>
<td
class="numCell"
v-if="reportItem.干混生料_细度_rate_pass"
>
{{
reportItem.干混生料_细度_rate_pass * 100
}}
</td>
<td class="numCell" v-else>0</td>
</tr>
<tr>
<td class="numCell">干混生料水分合格率（%）</td>
<td
class="numCell"
v-if="reportItem.干混生料_水分_rate_pass"
>
{{
reportItem.干混生料_水分_rate_pass * 100
}}
</td>
<td class="numCell" v-else>0</td>
<td class="numCell">单位成本（元/吨）</td>
<td class="numCell">
{{ reportItem.production_cost_unit }}
</td>
<td class="numCell"></td>
<td class="numCell"></td>
</tr>
<tr v-if="sflogexpList.length > 0">
<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>
</tr>
<tr v-for="item in sflogexpList" :key="item.id">
<td class="numCell">{{ item.happen_time }}</td>
<td class="numCell">{{ item.cate }}</td>
<td class="numCell">{{ item.reason }}</td>
<td class="numCell">{{ item.measure }}</td>
<td class="numCell">{{ item.handler }}</td>
</tr>
</tbody>
</table>
</div>
</el-main>
</el-drawer>
</el-container>
<!-- <save-dialog
v-if="dialog.save"
ref="saveDialog"
:deptId ="deptId"
@ -174,205 +343,218 @@ import saveDialog from "./handover_form.vue";
import quastatDialog from "./quastat_form.vue";
import otherDialog from "./other_form.vue";
export default {
name: "sflog",
components: {
saveDialog,
otherDialog,
quastatDialog
},
data() {
return {
apiObj: this.$API.wpm.sflog.list,
apiObj2: null,
query: {
mgroup: '3346520558031773696',
},
deptId: "3345780809943797760",
name: "sflog",
components: {
saveDialog,
otherDialog,
quastatDialog,
},
data() {
return {
apiObj: null,
apiObj2: null,
query: {
mgroup: "",
},
deptId: "",
sflogItem: {},
selection: [],
modelValue: true,
showClose: true,
echartType: "line",
asynDialog: false,
options: [],
optionsShift: [],
teamOptions: [],
limitedExport: false,
reportItem: {},
sflogexpList: [],
};
},
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.getShfit();
});
},
methods: {
getTeam() {
let form = {};
form.page = 0;
form.belong_dept = this.deptId;
this.$API.mtm.team.list.req(form).then((res) => {
this.options = res;
});
},
getShfit() {
this.$API.mtm.shift.list.req({ page: 0 }).then((res) => {
this.optionsShift = res;
});
},
handleQuery() {
this.$refs.table.queryData(this.query);
},
sflog_export() {
this.limitedExport = true;
},
rowClick(row) {
this.sflogId = row.id;
this.sflogItem = row;
this.getSflogItem(row.id);
this.getSflogexp(row.id);
},
getSflogexp(id) {
let that = this;
that.$API.wpm.sflogexp.list
.req({ page: 0, sflog: id })
.then((res) => {
that.sflogexpList = res;
});
},
getSflogItem(id) {
let that = this;
that.$API.enm.enstat
.req({ type: "sflog", sflog: id, page: 0 })
.then((res) => {
if (res.length > 0) {
that.reportItem = res[0];
}
console.log(res[0]);
});
},
//编辑
sflog_edit(row) {
let jsonStr = JSON.stringify(row);
this.$TOOL.data.remove("sflogItem");
this.$TOOL.data.set("sflogItem", jsonStr);
this.$router.push({
name: "logDetail",
query: {
mgroupId: row.mgroup,
deptId: this.deptId,
},
});
// this.dialog.save = true;
// this.$nextTick(() => {
// this.$refs.saveDialog.open("edit").setData(row);
// });
},
sflogItem: {},
selection: [],
modelValue: true,
showClose: true,
echartType: 'line',
asynDialog: false,
options: [],
optionsShift: [],
teamOptions: [],
limitedExport: false,
reportItem: {},
sflogexpList: [],
};
},
mounted() {
this.getTeam();
this.getShfit();
},
methods: {
getTeam() {
let form = {};
form.page = 0;
form.belong_dept = this.deptId;
this.$API.mtm.team.list.req(form).then(res => {
this.options = res;
})
},
getShfit() {
this.$API.mtm.shift.list.req({ page: 0 }).then(res => {
this.optionsShift = res;
})
},
handleQuery() {
this.$refs.table.queryData(this.query);
},
sflog_export() {
this.limitedExport = true;
},
rowClick(row) {
this.sflogId = row.id;
this.sflogItem = row;
this.getSflogItem(row.id);
this.getSflogexp(row.id);
},
getSflogexp(id) {
let that = this;
that.$API.wpm.sflogexp.list.req({ page: 0, sflog: id }).then(res => {
that.sflogexpList = res;
})
},
getSflogItem(id) {
let that = this;
that.$API.enm.enstat.req({ type: 'sflog', sflog: id, page: 0 }).then(res => {
if (res.length > 0) {
that.reportItem = res[0];
}
console.log(res[0])
})
},
//编辑
sflog_edit(row) {
let jsonStr = JSON.stringify(row);
this.$TOOL.data.remove("sflogItem")
this.$TOOL.data.set('sflogItem', jsonStr)
this.$router.push({
name: "logDetail",
query: {
mgroupId: row.mgroup,
deptId: this.deptId
},
});
// this.dialog.save = true;
// this.$nextTick(() => {
// this.$refs.saveDialog.open("edit").setData(row);
// });
},
//质量检验
sflog_check(row) {
this.dialog.check = true;
this.$nextTick(() => {
this.$refs.checkDialog.open("edit").setData(row);
});
},
//其他能源物料
sflog_other(row) {
this.dialog.other = true;
this.$nextTick(() => {
this.$refs.otherDialog.open("edit").setData(row);
});
},
// //查看
// table_show(row) {
// this.dialog.save = true;
// this.$nextTick(() => {
// this.$refs.checkDialog.open("edit").setData(row);
// });
// },
//删除
async table_del(row) {
this.$API.wpm.sflog.delete.req(row.id)
.then((res) => {
this.$message.success("删除成功");
return res;
})
.catch((err) => {
return err;
});
},
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.$refs.table.refresh()
this.dialog.save = false;
},
handleOtherSuccess() {
this.dialog.other = false;
},
handleCheckSuccess() {
this.dialog.check = false;
},
closed() {
this.dialog.save = false;
this.$refs.table2.refresh();
},
handleDel(row) {
this.$confirm(`确定删除选中的记录吗？`, "提示", {
type: "warning",
}).then(() => {
this.$API.wpm.shift.delete.req(row.id).then((res) => {
if (res.err_msg) {
this.$message.error(res.err_msg);
} else {
// const loading = this.$loading();
// this.$refs.table2.refresh();
// loading.close();
// this.$message.success("操作成功");
}
});
})
.catch(() => { });
},
handlePrint() {
this.$PRINT('#myReport');
},
exportExcel() {
this.exportLoading = true;
this.$XLSX('#myTable', this.tableName)
this.exportLoading = false;
},
},
//质量检验
sflog_check(row) {
this.dialog.check = true;
this.$nextTick(() => {
this.$refs.checkDialog.open("edit").setData(row);
});
},
//其他能源物料
sflog_other(row) {
this.dialog.other = true;
this.$nextTick(() => {
this.$refs.otherDialog.open("edit").setData(row);
});
},
// //查看
// table_show(row) {
// this.dialog.save = true;
// this.$nextTick(() => {
// this.$refs.checkDialog.open("edit").setData(row);
// });
// },
//删除
async table_del(row) {
this.$API.wpm.sflog.delete
.req(row.id)
.then((res) => {
this.$message.success("删除成功");
return res;
})
.catch((err) => {
return err;
});
},
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.$refs.table.refresh();
this.dialog.save = false;
},
handleOtherSuccess() {
this.dialog.other = false;
},
handleCheckSuccess() {
this.dialog.check = false;
},
closed() {
this.dialog.save = false;
this.$refs.table2.refresh();
},
handleDel(row) {
this.$confirm(`确定删除选中的记录吗？`, "提示", {
type: "warning",
})
.then(() => {
this.$API.wpm.shift.delete.req(row.id).then((res) => {
if (res.err_msg) {
this.$message.error(res.err_msg);
} else {
// const loading = this.$loading();
// this.$refs.table2.refresh();
// loading.close();
// this.$message.success("操作成功");
}
});
})
.catch(() => {});
},
handlePrint() {
this.$PRINT("#myReport");
},
exportExcel() {
this.exportLoading = true;
this.$XLSX("#myTable", this.tableName);
this.exportLoading = false;
},
},
};
</script>
<style scoped>
#numTable {
margin-left: 37px;
margin-left: 37px;
}
#numTable td {
height: 32px;
padding-left: 5px;
height: 32px;
padding-left: 5px;
}
.numCell {
width: 80px;
width: 80px;
}
.numCell.numCell_last {
width: 100px;
width: 100px;
}
.searchHead {
display: flex
display: flex;
}
.middleText {
height: 32px;
line-height: 32px;
margin: 0 5px;
display: inline-block;
height: 32px;
line-height: 32px;
margin: 0 5px;
display: inline-block;
}
.searchBtn {
margin-left: 5px;
margin-left: 5px;
}
</style>

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

@ -1,242 +1,285 @@
<template>
<div class="app-container">
<el-header>
<div class="left-panel">
<el-date-picker
v-model="query.year_s"
type="year"
value-format="YYYY"
format="YYYY"
placeholder="查询年份"
class="headerSearch"
/>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
<el-button
type="primary"
@click="exportExcel()"
:loading = "exportLoading"
>导出xlsx
</el-button>
<el-button
type="primary"
@click="handlePrint"
>打印
</el-button>
</div>
</el-header>
<el-card style="margin-top:5px">
<div class="printWrap">
<div ref="print" id="myReport" class="printContainer">
<table border="1" width="2400" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
<thead class="myTableHead">
<tr>
<th colspan="24">原料磨工段班组月度对比分析</th>
</tr>
<tr>
<th rowspan="2">月份</th>
<th rowspan="2">班组</th>
<th colspan="2">产量</th>
<th>运转率</th>
<th>成本</th>
<th colspan="7">质量</th>
<th colspan="10">单位产品电耗</th>
<th rowspan="2">得分</th>
</tr>
<tr>
<th>总产量（t）</th>
<th>台时产量（t/h）</th>
<th>运转率（%）</th>
<th>单位产品成本（元/吨）</th>
<th>细度（%）</th>
<th>Fe₂O₃（%）</th>
<th>水分（%）</th>
<th>细度（%）</th>
<th>Fe₂O₃（%）</th>
<th>水分（%）</th>
<th>CaO（%）</th>
<th>循环风机（KW·h/t）</th>
<th>尾排风机（KW·h/t）</th>
<th>废气风机（KW·h/t）</th>
<div class="app-container">
<el-header>
<div class="left-panel">
<el-date-picker
v-model="query.year_s"
type="year"
value-format="YYYY"
format="YYYY"
placeholder="查询年份"
class="headerSearch"
/>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
<el-button
type="primary"
@click="exportExcel()"
:loading="exportLoading"
>导出xlsx
</el-button>
<el-button type="primary" @click="handlePrint">打印 </el-button>
</div>
</el-header>
<el-card style="margin-top: 5px">
<div class="printWrap">
<div ref="print" id="myReport" class="printContainer">
<table
border="1"
width="2400"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead">
<tr>
<th colspan="24">原料磨工段班组月度对比分析</th>
</tr>
<tr>
<th rowspan="2">月份</th>
<th rowspan="2">班组</th>
<th colspan="2">产量</th>
<th>运转率</th>
<th>成本</th>
<th colspan="7">质量</th>
<th colspan="10">单位产品电耗</th>
<th rowspan="2">得分</th>
</tr>
<tr>
<th>总产量（t）</th>
<th>台时产量（t/h）</th>
<th>运转率（%）</th>
<th>单位产品成本（元/吨）</th>
<th>细度（%）</th>
<th>Fe₂O₃（%）</th>
<th>水分（%）</th>
<th>细度（%）</th>
<th>Fe₂O₃（%）</th>
<th>水分（%）</th>
<th>CaO（%）</th>
<th>循环风机（KW·h/t）</th>
<th>尾排风机（KW·h/t）</th>
<th>废气风机（KW·h/t）</th>
<th>当期值（KW·h/t）</th>
<th>目标值（KW·h/t）</th>
<th>当期与目标差值（KW·h/t）</th>
<th>环期值（KW·h/t）</th>
<th>当期与环期差值（KW·h/t）</th>
<th>环比增长率（%）</th>
<th>同比增长率（%）</th>
</tr>
</thead>
<tr v-for="(item,index) in tableDatas" :key="index">
<td v-for="(item0,index0) in item" :key="index0" class="numCell">{{item0}}</td>
</tr>
</table>
</div>
</div>
</el-card>
</div>
</template>
<th>当期值（KW·h/t）</th>
<th>目标值（KW·h/t）</th>
<th>当期与目标差值（KW·h/t）</th>
<th>环期值（KW·h/t）</th>
<th>当期与环期差值（KW·h/t）</th>
<th>环比增长率（%）</th>
<th>同比增长率（%）</th>
</tr>
</thead>
<tr v-for="(item, index) in tableDatas" :key="index">
<td
v-for="(item0, index0) in item"
:key="index0"
class="numCell"
>
{{ item0 }}
</td>
</tr>
</table>
</div>
</div>
</el-card>
</div>
</template>
<script>
export default {
data() {
return {
timeStamp:0,
query:{
year_s:'',
page : 0,
type : 'month_st',
mgroup:'3346520558031773696',
},
tableDatas:[],
};
},
mounted() {
let that = this;
var myDate = new Date();
let year = myDate.getFullYear();
that.query.year_s = year;
let params = {};
params.page=0;
params.year=year;
params.mgroup=that.query.mgroup;
this.$API.mtm.goal.list.req(params).then((res) => {
let data = [];
if(res.length>0){
data = res[0];
}
that.getData(data);
})
},
methods: {
getData(goalData){
let that = this;
let query0={};
query0.page = 0;
query0.type='month_st';
query0.year_s = that.query.year_s-1;
query0.mgroup='3346520558031773696';
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0;
debugger;
if(data0.length>0){
data0.forEach(item0 => {
//先按月份排序，再按班组排序
let n0 = item0.month_s;
let ind0 = 0;
if(team_name0.indexOf('甲')>-1){
ind0 = (n0-1)*3;
}else if(team_name0.indexOf('乙')>-1){
ind0 = (n0-1)*3+1;
}else if(team_name0.indexOf('丙')>-1){
ind0 = (n0-1)*3+2;
}
wrapArr0[ind0] = item0;
});
debugger;
console.log(wrapArr0)
}else{
}
this.$API.enm.enstat.req(that.query).then((res) => {
let data = res;
if(data.length>0){
data.forEach(item => {
//先按月份排序，再按班组排序
let n = item.month_s;
let team_name = item.team_name;
let ind = 0;
if(team_name.indexOf('甲')>-1){
ind = (n-1)*3;
}else if(team_name.indexOf('乙')>-1){
ind = (n-1)*3+1;
}else if(team_name.indexOf('丙')>-1){
ind = (n-1)*3+2;
}
wrapArrs[ind] = item;
let arr = [];
let time = ''+item.year_s+'.'+item.month_s;
arr.push(time);
arr.push(item.team_name);
arr.push(item.total_production);
arr.push(item.production_hour);
arr.push(item.run_rate);
arr.push(item.production_cost_unit);
//质量
arr[6]=item.辅料_细度_rate_pass!=null?item.辅料_细度_rate_pass:'/';
arr[7]=item.辅料_Fe2O3_rate_pass!=null?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]=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）
let keyVale ='goal_val_'+n;
arr[17] = goalData[keyVale];//目标值（KW·h/t）//需要接口获取
arr[18]=item.celec_consume_unit-arr[16];//当期与目标差值（KW·h/t）
let ind_pre = 0,huanbi = 0;
if(item.month_s==1){
ind_pre = 12;
huanbi = wrapArr0[ind_pre]?wrapArr0[ind_pre].elec_consume_unit:'/';
}else{
ind_pre=ind-1;
huanbi = wrapArr[ind_pre]?wrapArr[ind_pre].elec_consume_unit?wrapArr[ind_pre].elec_consume_unit:'/':'/'
}
arr[19]=huanbi;//环期值（KW·h/t）上个月的值
arr[20]=item.celec_consume_unit;//当期与环期差值（KW·h/t）
arr[21]=item.celec_consume_unit;//环比增长率（%）
arr[22]=item.celec_consume_unit;//同比增长率（%）
arr[23]=item.celec_consume_unit;//同比增长率（%）
wrapArr[ind] = arr;
});
console.log(wrapArr)
that.tableDatas = wrapArr;
}else{
}
})
})
},
handleQuery(){
this.tableDatas = [];
this.getData();
},
itemClick(type,item){
this.type=type;
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() {
this.$PRINT('#myReport');
},
exportExcel() {
this.exportLoading = true;
this.$XLSX('#myTable', this.tableName)
this.exportLoading = false;
},
}
};
export default {
data() {
return {
timeStamp: 0,
query: {
year_s: "",
page: 0,
type: "month_st",
mgroup: "",
},
tableDatas: [],
exportLoading: false,
};
},
mounted() {
let that = this;
var myDate = new Date();
let year = myDate.getFullYear();
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 = {};
params.page = 0;
params.year = year;
params.mgroup = that.query.mgroup;
this.$API.mtm.goal.list.req(params).then((res) => {
let data = [];
if (res.length > 0) {
data = res[0];
}
that.getData(data);
});
});
},
methods: {
getData(goalData) {
let that = this;
let query0 = {};
query0.page = 0;
query0.type = "month_st";
query0.year_s = that.query.year_s - 1;
query0.mgroup = that.query.mgroup;
let wrapArr = [],
wrapArr0 = [],
wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0;
debugger;
if (data0.length > 0) {
data0.forEach((item0) => {
//先按月份排序，再按班组排序
let n0 = item0.month_s;
let ind0 = 0;
let team_name0 = item0.team_name;
if (team_name0.indexOf("甲") > -1) {
ind0 = (n0 - 1) * 3;
} else if (team_name0.indexOf("乙") > -1) {
ind0 = (n0 - 1) * 3 + 1;
} else if (team_name0.indexOf("丙") > -1) {
ind0 = (n0 - 1) * 3 + 2;
}
wrapArr0[ind0] = item0;
});
} else {
}
this.$API.enm.enstat.req(that.query).then((res) => {
let data = res;
if (data.length > 0) {
data.forEach((item) => {
//先按月份排序，再按班组排序
let n = item.month_s;
let team_name = item.team_name;
let ind = 0;
if (team_name.indexOf("甲") > -1) {
ind = (n - 1) * 3;
} else if (team_name.indexOf("乙") > -1) {
ind = (n - 1) * 3 + 1;
} else if (team_name.indexOf("丙") > -1) {
ind = (n - 1) * 3 + 2;
}
wrapArrs[ind] = item;
let arr = [];
let time = "" + item.year_s + "." + item.month_s;
arr.push(time);
arr.push(item.team_name);
arr.push(item.total_production);
arr.push(item.production_hour);
arr.push(item.run_rate);
arr.push(item.production_cost_unit);
//质量
arr[6] =
item.辅料_细度_rate_pass != null
? item.辅料_细度_rate_pass
: "/";
arr[7] =
item.辅料_Fe2O3_rate_pass != null
? 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] =
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）
let keyVale = "goal_val_" + n;
arr[17] = goalData[keyVale]; //目标值（KW·h/t）//需要接口获取
arr[18] = item.celec_consume_unit - arr[16]; //当期与目标差值（KW·h/t）
let ind_pre = 0,
huanbi = 0;
if (item.month_s == 1) {
ind_pre = 12;
huanbi = wrapArr0[ind_pre]
? wrapArr0[ind_pre].elec_consume_unit
: "/";
} else {
ind_pre = ind - 1;
huanbi = wrapArr[ind_pre]
? wrapArr[ind_pre].elec_consume_unit
? wrapArr[ind_pre].elec_consume_unit
: "/"
: "/";
}
arr[19] = huanbi; //环期值（KW·h/t）上个月的值
arr[20] = item.celec_consume_unit; //当期与环期差值（KW·h/t）
arr[21] = item.celec_consume_unit; //环比增长率（%）
arr[22] = item.celec_consume_unit; //同比增长率（%）
arr[23] = item.celec_consume_unit; //同比增长率（%）
wrapArr[ind] = arr;
});
console.log(wrapArr);
that.tableDatas = wrapArr;
} else {
}
});
});
},
handleQuery() {
this.tableDatas = [];
this.getData();
},
itemClick(type, item) {
this.type = type;
this.asynDialog = true;
},
handlePrint() {
this.$PRINT("#myReport");
},
exportExcel() {
this.exportLoading = true;
this.$XLSX("#myTable", this.tableName);
this.exportLoading = false;
},
},
};
</script>
<style scoped>
.printWrap{
width: 100%;
overflow-x: scroll;
}
</style>
.printWrap {
width: 100%;
overflow-x: scroll;
}
</style>

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

@ -1,274 +1,322 @@
<template>
<div class="app-container">
<el-header>
<div class="left-panel">
<el-date-picker
v-model="query.year_s"
type="year"
value-format="YYYY"
format="YYYY"
placeholder="查询年份"
class="headerSearch"
/>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
<el-button
type="primary"
@click="exportExcel()"
:loading = "exportLoading"
>导出xlsx
</el-button>
<el-button
type="primary"
@click="handlePrint"
>打印
</el-button>
</div>
</el-header>
<el-card style="margin-top:5px">
<div class="printWrap">
<div ref="print" id="myReport" class="printContainer">
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
<thead class="myTableHead">
<tr>
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th>
</tr>
<tr>
<th>月份</th>
<th>当期值（KW·h/t）</th>
<th>目标值（KW·h/t）</th>
<th>当期与目标差值（KW·h/t）</th>
<th>环期值（KW·h/t）</th>
<th>当期与环期差值（KW·h/t）</th>
<th>环比增长率（%）</th>
<th>同比增长率（%）</th>
</tr>
</thead>
<tbody>
<tr v-for="item in tableDatas" :key="item">
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
<div :class="bindClass(item1,ind)">
<span v-if="item1>0&&ind==3">↑</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}}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</el-card>
</div>
</template>
<div class="app-container">
<el-header>
<div class="left-panel">
<el-date-picker
v-model="query.year_s"
type="year"
value-format="YYYY"
format="YYYY"
placeholder="查询年份"
class="headerSearch"
/>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
<el-button
type="primary"
@click="exportExcel()"
:loading="exportLoading"
>导出xlsx
</el-button>
<el-button type="primary" @click="handlePrint">打印 </el-button>
</div>
</el-header>
<el-card style="margin-top: 5px">
<div class="printWrap">
<div ref="print" id="myReport" class="printContainer">
<table
border="1"
width="1075"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead">
<tr>
<th colspan="8">
原料磨工段车间单位产品电耗月度分析表
</th>
</tr>
<tr>
<th>月份</th>
<th>当期值（KW·h/t）</th>
<th>目标值（KW·h/t）</th>
<th>当期与目标差值（KW·h/t）</th>
<th>环期值（KW·h/t）</th>
<th>当期与环期差值（KW·h/t）</th>
<th>环比增长率（%）</th>
<th>同比增长率（%）</th>
</tr>
</thead>
<tbody>
<tr v-for="item in tableDatas" :key="item">
<td
v-for="(item1, ind) in item"
:key="ind"
class="numCell"
>
<div :class="bindClass(item1, ind)">
<span v-if="item1 > 0 && ind == 3"
>↑</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 }}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</el-card>
</div>
</template>
<script>
import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from 'vue'
export default {
components: {
scEcharts,
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
},
data() {
return {
chartShow: false,
myOption: null,
query:{
mgroup:'3346520558031773696',
},
tableDatas:[],
modelValue:true,
type:'hours',
title:'title',
apiObj:'',
showClose:true,
echartType:'line',
asynDialog:false,
monthGoal:[],
};
},
mounted() {
let that = this;
var myDate = new Date();
let year = myDate.getFullYear();
that.query.year_s = year;
//月目标
let paramsGoal = {};
paramsGoal.page=0;
paramsGoal.mgroup=that.query.mgroup;
that.$API.mtm.goal.list.req(paramsGoal).then((ress) => {
if(ress.length>0){
let monthGoal = [];
ress.forEach(goal=>{
if(goal.goal_cate_name=='单位产品分布电耗（KW·h/t）'){
monthGoal[0]=goal.goal_val;
monthGoal[1]=goal.goal_val_2;
monthGoal[2]=goal.goal_val_3;
monthGoal[3]=goal.goal_val_4;
monthGoal[4]=goal.goal_val_5;
monthGoal[5]=goal.goal_val_6;
monthGoal[6]=goal.goal_val_7;
monthGoal[7]=goal.goal_val_8;
monthGoal[8]=goal.goal_val_9;
monthGoal[9]=goal.goal_val_10;
monthGoal[10]=goal.goal_val_11;
monthGoal[11]=goal.goal_val_12;
monthGoal[12]=goal.goal_val_12;
that.monthGoal = monthGoal;
}
})
this.getData();
}else{
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(){
let that = this;
let query0={};
query0.page = 0;
query0.type='month_s';
query0.year_s = that.query.year_s-1;
query0.mgroup=that.query.mgroup;
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0;
if(data0.length>0){
data0.forEach(item0 => {
//先按月份排序，再按班组排序
let ind0 = item0.month_s;
wrapArr0[ind0] = item0;
});
}
let query={};
query.page = 0;
query.type='month_s';
query.year_s = that.query.year_s;
query.mgroup=that.query.mgroup;
that.$API.enm.enstat.req(query).then((res) => {
let data = res;
if(data.length>0){
data.forEach(item => {
//先按月份排序，再按班组排序
let ind = item.month_s;
let arr = [];
let time = ''+item.year_s+'.'+item.month_s;
arr.push(time);
arr.push(item.elec_consume_unit);//当期值（KW·h/t）
arr[2] = that.monthGoal[ind]!==undefined?that.monthGoal[ind]:'/';
wrapArr[ind] = arr;
});
wrapArr.forEach((item,index)=>{
let arrs = [];
arrs[0]=item[0];
arrs[1]=item[1];
arrs[2]=item[2];
//目标值（KW·h/t）//需要接口获取
//当期与目标差值（KW·h/t）
let diff = 0;
if(item[2]!=='/'){
diff = item[1]-item[2];
}else{
diff = '/';
}
arrs[3]=diff;
//环期值（KW·h/t）上个月的值
let lastNum = 0;
if(index>1){
let num = index-1;
if(wrapArr[num]&&wrapArr[num].elec_consume_unit){
lastNum = wrapArr[num].elec_consume_unit;
}else{
lastNum='/'
}
}else{
lastNum = wrapArr0[12]?wrapArr0[12].elec_consume_unit:'/';
}
arrs[4]=lastNum;
//当期与环期差值（KW·h/t）
let lastDiff = 0;
import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from "vue";
export default {
components: {
scEcharts,
charts: defineAsyncComponent(() =>
import("@/components/scEnm/lineChartsdialog.vue")
),
},
data() {
return {
chartShow: false,
exportLoading: false,
timeStamp: null,
myOption: null,
query: {
mgroup: "",
},
tableDatas: [],
modelValue: true,
type: "hours",
title: "title",
apiObj: "",
showClose: true,
echartType: "line",
asynDialog: false,
monthGoal: [],
};
},
mounted() {
let that = this;
var myDate = new Date();
let year = myDate.getFullYear();
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 = {};
paramsGoal.page = 0;
paramsGoal.mgroup = that.query.mgroup;
that.$API.mtm.goal.list.req(paramsGoal).then((ress) => {
if (ress.length > 0) {
let monthGoal = [];
ress.forEach((goal) => {
if (
goal.goal_cate_name == "单位产品分布电耗（KW·h/t）"
) {
monthGoal[0] = goal.goal_val;
monthGoal[1] = goal.goal_val_2;
monthGoal[2] = goal.goal_val_3;
monthGoal[3] = goal.goal_val_4;
monthGoal[4] = goal.goal_val_5;
monthGoal[5] = goal.goal_val_6;
monthGoal[6] = goal.goal_val_7;
monthGoal[7] = goal.goal_val_8;
monthGoal[8] = goal.goal_val_9;
monthGoal[9] = goal.goal_val_10;
monthGoal[10] = goal.goal_val_11;
monthGoal[11] = goal.goal_val_12;
monthGoal[12] = goal.goal_val_12;
that.monthGoal = monthGoal;
}
});
this.getData();
} else {
this.getData();
}
});
},
getData() {
let that = this;
let query0 = {};
query0.page = 0;
query0.type = "month_s";
query0.year_s = that.query.year_s - 1;
query0.mgroup = that.query.mgroup;
let wrapArr = [],
wrapArr0 = [],
wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0;
if (data0.length > 0) {
data0.forEach((item0) => {
//先按月份排序，再按班组排序
let ind0 = item0.month_s;
wrapArr0[ind0] = item0;
});
}
let query = {};
query.page = 0;
query.type = "month_s";
query.year_s = that.query.year_s;
query.mgroup = that.query.mgroup;
that.$API.enm.enstat.req(query).then((res) => {
let data = res;
if (data.length > 0) {
data.forEach((item) => {
//先按月份排序，再按班组排序
let ind = item.month_s;
let arr = [];
let time = "" + item.year_s + "." + item.month_s;
arr.push(time);
arr.push(item.elec_consume_unit); //当期值（KW·h/t）
arr[2] =
that.monthGoal[ind] !== undefined
? that.monthGoal[ind]
: "/";
wrapArr[ind] = arr;
});
wrapArr.forEach((item, index) => {
let arrs = [];
arrs[0] = item[0];
arrs[1] = item[1];
arrs[2] = item[2];
//目标值（KW·h/t）//需要接口获取
//当期与目标差值（KW·h/t）
let diff = 0;
if (item[2] !== "/") {
diff = item[1] - item[2];
} else {
diff = "/";
}
arrs[3] = diff;
//环期值（KW·h/t）上个月的值
let lastNum = 0;
if (index > 1) {
let num = index - 1;
if (
wrapArr[num] &&
wrapArr[num].elec_consume_unit
) {
lastNum = wrapArr[num].elec_consume_unit;
} else {
lastNum = "/";
}
} else {
lastNum = wrapArr0[12]
? wrapArr0[12].elec_consume_unit
: "/";
}
arrs[4] = lastNum;
//当期与环期差值（KW·h/t）
let lastDiff = 0;
if(arrs[1]!=='/'&&arrs[4]!=='/'){
lastDiff =arrs[1]- arrs[4];
}else{
lastDiff = '/';
}
arrs[5]=lastDiff;
//环比增长率（%）
let lastRate = 0;
if(lastDiff=='/'&&lastNum!=='/'&&lastNum!==0){
lastRate = (lastDiff/lastNum)*100;
}else{
lastRate = '/'
}
arrs[6]=lastRate;
//同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit
let sameRate =0;
if(wrapArr0[index]&&wrapArr0[index].elec_consume_unit){
sameRate =((arrs[1]- wrapArr0[index].elec_consume_unit)/wrapArr0[index].elec_consume_unit)*100
}else{
sameRate='/';
}
arrs[7]=sameRate;
wrapArrs.push(arrs);
})
that.tableDatas = wrapArrs;
}else{
}
})
})
},
itemClick(type,item){
this.type=type;
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() {
this.$PRINT('#myReport');
},
exportExcel() {
this.exportLoading = true;
this.$XLSX('#myTable', this.tableName)
this.exportLoading = false;
},
}
};
if (arrs[1] !== "/" && arrs[4] !== "/") {
lastDiff = arrs[1] - arrs[4];
} else {
lastDiff = "/";
}
arrs[5] = lastDiff;
//环比增长率（%）
let lastRate = 0;
if (
lastDiff == "/" &&
lastNum !== "/" &&
lastNum !== 0
) {
lastRate = (lastDiff / lastNum) * 100;
} else {
lastRate = "/";
}
arrs[6] = lastRate;
//同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit
let sameRate = 0;
if (
wrapArr0[index] &&
wrapArr0[index].elec_consume_unit
) {
sameRate =
((arrs[1] -
wrapArr0[index].elec_consume_unit) /
wrapArr0[index].elec_consume_unit) *
100;
} else {
sameRate = "/";
}
arrs[7] = sameRate;
wrapArrs.push(arrs);
});
that.tableDatas = wrapArrs;
} else {
}
});
});
},
itemClick(type, item) {
this.type = type;
this.asynDialog = true;
},
handleQuery() {
this.getMonthGoal();
},
handlePrint() {
this.$PRINT("#myReport");
},
exportExcel() {
this.exportLoading = true;
this.$XLSX("#myTable", this.tableName);
this.exportLoading = false;
},
},
};
</script>
<style scoped>
.printWrap{
width: 100%;
overflow-x: scroll;
}
</style>
.printWrap {
width: 100%;
overflow-x: scroll;
}
</style>

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>

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

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

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

@ -85,7 +85,6 @@
</tr>
</tbody>
</table>
<!-- <div id="main" style="width:1200px;height:600px;"></div> -->
<div class="chartWrap">
<div class="chartTitle">小时生产参数统计图</div>
<scEcharts
@ -338,7 +337,9 @@ export default {
},
data() {
return {
exportLoading: false,
chartShow: false,
timeStamp: null,
myOption: null,
optionHour: {},
optionDay: {},
@ -348,7 +349,7 @@ export default {
days: 1,
hours: 1,
query: {
mgroup: "3346520558031773696",
mgroup: "",
},
tableDatas: [
["产量", "总产量（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: [],
dataY: [],
dataY2: [],
@ -743,34 +700,6 @@ export default {
}
}
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(() => {
var myDate = new Date();
let year = (that.year = myDate.getFullYear());
@ -778,6 +707,7 @@ export default {
let days = (that.days = myDate.getDate());
let hours = (that.hours = myDate.getHours());
let timeDate = myDate.getTime();
that.timeStamp = timeDate;
let dayTime = 24 * 60 * 60 * 1000;
//昨天的计算
let year_d = year,
@ -798,171 +728,183 @@ export default {
let month_h = hourDate.getMonth() + 1;
let days_h = hourDate.getDate();
let hours_h = hourDate.getHours();
//昨日
let params3 = {};
params3.page = 0;
params3.year_s = year_d;
params3.month_s = month_d;
params3.day_s = days_d;
params3.type = "day_s";
params3.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params3).then((res3) => {
if (res3.length > 0) {
let data3 = res3[0];
that.tableDatas[0][3] = data3.total_production;
that.tableDatas[1][3] = data3.production_hour;
that.tableDatas[2][3] = data3.run_hour;
that.tableDatas[3][3] = data3.run_rate;
that.tableDatas[4][3] = data3.elec_consume_unit;
}
});
//上小时
let params4 = {};
params4.page = 0;
params4.year = year_h;
params4.month = month_h;
params4.day = days_h;
params4.hour = hours_h;
params4.type = "hour_st";
params4.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params4).then((res4) => {
if (res4.length > 0) {
let data4 = res4[0];
that.tableDatas[0][2] = data4.total_production;
that.tableDatas[4][2] = data4.elec_consume_unit;
}
});
//月目标
let params5 = {};
params5.page = 0;
params5.mgroup = "3346520558031773696";
this.$API.mtm.goal.list
.req(params5)
.then((res5) => {
if (res5.length > 0) {
let data5 = res5;
data5.forEach((item5) => {
let str = "goal_val_" + that.month;
debugger;
console.log(str, item5[str]);
if (item5.goal_cate_name == "总产量（t）") {
that.tableDatas[0][6] = item5[str];
that.tableDatas[0][8] = item5.goal_val;
} else if (
item5.goal_cate_name == "台时产量（t/h）"
) {
that.tableDatas[1][6] = item5[str];
that.tableDatas[1][8] = item5.goal_val;
} else if (
item5.goal_cate_name == "运转时间（h）"
) {
that.tableDatas[2][6] = item5[str];
that.tableDatas[2][8] = item5.goal_val;
} else if (item5.goal_cate_name == "运转率（%）") {
that.tableDatas[3][6] = item5[str];
that.tableDatas[3][8] = item5.goal_val;
} else if (
item5.goal_cate_name ==
"单位产品分布电耗（KW·h/t）"
) {
that.tableDatas[4][6] = item5[str];
that.tableDatas[4][8] = item5.goal_val;
}
});
}
})
this.$API.mtm.mgroup.list
.req({ page: 0, search: "原料磨" })
.then((res) => {
//年
let params1 = {};
params1.page = 0;
params1.year_s = year;
params1.type = "year_s";
params1.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params1).then((res1) => {
if (res1.length > 0) {
let data1 = res1[0];
that.tableDatas[0][5] = data1.total_production;
that.tableDatas[0][9] = precen(
that.tableDatas[0][5],
that.tableDatas[0][8]
);
that.tableDatas[1][5] = data1.production_hour;
that.tableDatas[1][9] = precen(
that.tableDatas[1][5],
that.tableDatas[1][8]
);
that.tableDatas[2][5] = data1.run_hour;
that.tableDatas[2][9] = precen(
that.tableDatas[2][5],
that.tableDatas[2][8]
);
that.tableDatas[3][5] = data1.run_rate;
that.tableDatas[3][9] = precen(
that.tableDatas[3][5],
that.tableDatas[3][8]
);
that.tableDatas[4][5] = data1.elec_consume_unit;
that.tableDatas[4][9] = precen(
that.tableDatas[4][5],
that.tableDatas[4][8]
);
} else {
console.log("原料磨", res);
that.query.mgroup = res[0].id;
//昨日
let params3 = {};
params3.page = 0;
params3.year_s = year_d;
params3.month_s = month_d;
params3.day_s = days_d;
params3.type = "day_s";
params3.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params3).then((res3) => {
if (res3.length > 0) {
let data3 = res3[0];
that.tableDatas[0][3] = data3.total_production;
that.tableDatas[1][3] = data3.production_hour;
that.tableDatas[2][3] = data3.run_hour;
that.tableDatas[3][3] = data3.run_rate;
that.tableDatas[4][3] = data3.elec_consume_unit;
}
});
//月
let params2 = {};
params2.page = 0;
params2.year_s = year;
params2.month_s = month;
params2.type = "month_s";
params2.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params2).then((res2) => {
if (res2.length > 0) {
let data2 = res2[0];
that.tableDatas[0][4] = data2.total_production;
if (that.tableDatas[0][4] > that.tableDatas[0][6]) {
that.wraning = true;
//上小时
let params4 = {};
params4.page = 0;
params4.year = year_h;
params4.month = month_h;
params4.day = days_h;
params4.hour = hours_h;
params4.type = "hour_st";
params4.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params4).then((res4) => {
if (res4.length > 0) {
let data4 = res4[0];
that.tableDatas[0][2] = data4.total_production;
that.tableDatas[4][2] = data4.elec_consume_unit;
}
});
//月目标
let params5 = {};
params5.page = 0;
params5.mgroup = that.query.mgroup;
this.$API.mtm.goal.list
.req(params5)
.then((res5) => {
if (res5.length > 0) {
let data5 = res5;
data5.forEach((item5) => {
let str = "goal_val_" + that.month;
debugger;
console.log(str, item5[str]);
if (item5.goal_cate_name == "总产量（t）") {
that.tableDatas[0][6] = item5[str];
that.tableDatas[0][8] = item5.goal_val;
} else if (
item5.goal_cate_name ==
"台时产量（t/h）"
) {
that.tableDatas[1][6] = item5[str];
that.tableDatas[1][8] = item5.goal_val;
} else if (
item5.goal_cate_name == "运转时间（h）"
) {
that.tableDatas[2][6] = item5[str];
that.tableDatas[2][8] = item5.goal_val;
} else if (
item5.goal_cate_name == "运转率（%）"
) {
that.tableDatas[3][6] = item5[str];
that.tableDatas[3][8] = item5.goal_val;
} else if (
item5.goal_cate_name ==
"单位产品分布电耗（KW·h/t）"
) {
that.tableDatas[4][6] = item5[str];
that.tableDatas[4][8] = item5.goal_val;
}
});
}
that.tableDatas[0][7] = precen(
that.tableDatas[0][4],
that.tableDatas[0][6]
);
that.tableDatas[1][4] = data2.production_hour;
that.tableDatas[1][7] = precen(
that.tableDatas[1][4],
that.tableDatas[1][6]
);
that.tableDatas[2][4] = data2.run_hour;
that.tableDatas[2][7] = precen(
that.tableDatas[2][4],
that.tableDatas[2][6]
);
that.tableDatas[3][4] = data2.run_rate;
that.tableDatas[3][7] = precen(
that.tableDatas[3][4],
that.tableDatas[3][6]
);
that.tableDatas[4][4] = data2.elec_consume_unit;
that.tableDatas[4][7] = precen(
that.tableDatas[4][4],
that.tableDatas[4][6]
);
}
});
})
.then((res) => {
//年
let params1 = {};
params1.page = 0;
params1.year_s = year;
params1.type = "year_s";
params1.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params1).then((res1) => {
if (res1.length > 0) {
let data1 = res1[0];
that.tableDatas[0][5] =
data1.total_production;
that.tableDatas[0][9] = precen(
that.tableDatas[0][5],
that.tableDatas[0][8]
);
that.tableDatas[1][5] =
data1.production_hour;
that.tableDatas[1][9] = precen(
that.tableDatas[1][5],
that.tableDatas[1][8]
);
that.tableDatas[2][5] = data1.run_hour;
that.tableDatas[2][9] = precen(
that.tableDatas[2][5],
that.tableDatas[2][8]
);
that.tableDatas[3][5] = data1.run_rate;
that.tableDatas[3][9] = precen(
that.tableDatas[3][5],
that.tableDatas[3][8]
);
that.tableDatas[4][5] =
data1.elec_consume_unit;
that.tableDatas[4][9] = precen(
that.tableDatas[4][5],
that.tableDatas[4][8]
);
} else {
}
});
//月
let params2 = {};
params2.page = 0;
params2.year_s = year;
params2.month_s = month;
params2.type = "month_s";
params2.mgroup = this.query.mgroup;
this.$API.enm.enstat.req(params2).then((res2) => {
if (res2.length > 0) {
let data2 = res2[0];
that.tableDatas[0][4] =
data2.total_production;
if (
that.tableDatas[0][4] >
that.tableDatas[0][6]
) {
that.wraning = true;
}
that.tableDatas[0][7] = precen(
that.tableDatas[0][4],
that.tableDatas[0][6]
);
that.tableDatas[1][4] =
data2.production_hour;
that.tableDatas[1][7] = precen(
that.tableDatas[1][4],
that.tableDatas[1][6]
);
that.tableDatas[2][4] = data2.run_hour;
that.tableDatas[2][7] = precen(
that.tableDatas[2][4],
that.tableDatas[2][6]
);
that.tableDatas[3][4] = data2.run_rate;
that.tableDatas[3][7] = precen(
that.tableDatas[3][4],
that.tableDatas[3][6]
);
that.tableDatas[4][4] =
data2.elec_consume_unit;
that.tableDatas[4][7] = precen(
that.tableDatas[4][4],
that.tableDatas[4][6]
);
}
});
});
that.getHourData();
that.getDayData();
that.getMonthData();
});
that.getHourData();
that.getDayData();
that.getMonthData();
});
},
methods: {
init(dataX, dataY) {
this.myChart = echarts.init(document.getElementById("main"));
// 使用刚指定的配置项和数据显示图表。
this.myChart.setOption(this.option);
},
//获取小时数据
getHourData() {
let that = this;

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

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

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

@ -1,274 +1,322 @@
<template>
<div class="app-container">
<el-header>
<div class="left-panel">
<el-date-picker
v-model="query.year_s"
type="year"
value-format="YYYY"
format="YYYY"
placeholder="查询年份"
class="headerSearch"
/>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
<el-button
type="primary"
@click="exportExcel()"
:loading = "exportLoading"
>导出xlsx
</el-button>
<el-button
type="primary"
@click="handlePrint"
>打印
</el-button>
</div>
</el-header>
<el-card style="margin-top:5px">
<div class="printWrap">
<div ref="print" id="myReport" class="printContainer">
<table border="1" width="1075" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
<thead class="myTableHead">
<tr>
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th>
</tr>
<tr>
<th>月份</th>
<th>当期值（KW·h/t）</th>
<th>目标值（KW·h/t）</th>
<th>当期与目标差值（KW·h/t）</th>
<th>环期值（KW·h/t）</th>
<th>当期与环期差值（KW·h/t）</th>
<th>环比增长率（%）</th>
<th>同比增长率（%）</th>
</tr>
</thead>
<tbody>
<tr v-for="item in tableDatas" :key="item">
<td v-for="(item1,ind) in item" :key="ind" class="numCell">
<div :class="bindClass(item1,ind)">
<span v-if="item1>0&&ind==3">↑</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}}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</el-card>
</div>
</template>
<div class="app-container">
<el-header>
<div class="left-panel">
<el-date-picker
v-model="query.year_s"
type="year"
value-format="YYYY"
format="YYYY"
placeholder="查询年份"
class="headerSearch"
/>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
<el-button
type="primary"
@click="exportExcel()"
:loading="exportLoading"
>导出xlsx
</el-button>
<el-button type="primary" @click="handlePrint">打印 </el-button>
</div>
</el-header>
<el-card style="margin-top: 5px">
<div class="printWrap">
<div ref="print" id="myReport" class="printContainer">
<table
border="1"
width="1075"
cellspacing="0"
:key="timeStamp"
id="myTable"
class="myTable"
>
<thead class="myTableHead">
<tr>
<th colspan="8">
原料磨工段车间单位产品电耗月度分析表
</th>
</tr>
<tr>
<th>月份</th>
<th>当期值（KW·h/t）</th>
<th>目标值（KW·h/t）</th>
<th>当期与目标差值（KW·h/t）</th>
<th>环期值（KW·h/t）</th>
<th>当期与环期差值（KW·h/t）</th>
<th>环比增长率（%）</th>
<th>同比增长率（%）</th>
</tr>
</thead>
<tbody>
<tr v-for="item in tableDatas" :key="item">
<td
v-for="(item1, ind) in item"
:key="ind"
class="numCell"
>
<div :class="bindClass(item1, ind)">
<span v-if="item1 > 0 && ind == 3"
>↑</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 }}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</el-card>
</div>
</template>
<script>
import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from 'vue'
export default {
components: {
scEcharts,
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
},
data() {
return {
chartShow: false,
myOption: null,
query:{
mgroup:'3346520558031773696',
},
tableDatas:[],
modelValue:true,
type:'hours',
title:'title',
apiObj:'',
showClose:true,
echartType:'line',
asynDialog:false,
monthGoal:[],
};
},
mounted() {
let that = this;
var myDate = new Date();
let year = myDate.getFullYear();
that.query.year_s = year;
//月目标
let paramsGoal = {};
paramsGoal.page=0;
paramsGoal.mgroup=that.query.mgroup;
that.$API.mtm.goal.list.req(paramsGoal).then((ress) => {
if(ress.length>0){
let monthGoal = [];
ress.forEach(goal=>{
if(goal.goal_cate_name=='单位产品分布电耗（KW·h/t）'){
monthGoal[0]=goal.goal_val;
monthGoal[1]=goal.goal_val_2;
monthGoal[2]=goal.goal_val_3;
monthGoal[3]=goal.goal_val_4;
monthGoal[4]=goal.goal_val_5;
monthGoal[5]=goal.goal_val_6;
monthGoal[6]=goal.goal_val_7;
monthGoal[7]=goal.goal_val_8;
monthGoal[8]=goal.goal_val_9;
monthGoal[9]=goal.goal_val_10;
monthGoal[10]=goal.goal_val_11;
monthGoal[11]=goal.goal_val_12;
monthGoal[12]=goal.goal_val_12;
that.monthGoal = monthGoal;
}
})
this.getData();
}else{
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(){
let that = this;
let query0={};
query0.page = 0;
query0.type='month_s';
query0.year_s = that.query.year_s-1;
query0.mgroup=that.query.mgroup;
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0;
if(data0.length>0){
data0.forEach(item0 => {
//先按月份排序，再按班组排序
let ind0 = item0.month_s;
wrapArr0[ind0] = item0;
});
}
let query={};
query.page = 0;
query.type='month_s';
query.year_s = that.query.year_s;
query.mgroup=that.query.mgroup;
that.$API.enm.enstat.req(query).then((res) => {
let data = res;
if(data.length>0){
data.forEach(item => {
//先按月份排序，再按班组排序
let ind = item.month_s;
let arr = [];
let time = ''+item.year_s+'.'+item.month_s;
arr.push(time);
arr.push(item.elec_consume_unit);//当期值（KW·h/t）
arr[2] = that.monthGoal[ind]!==undefined?that.monthGoal[ind]:'/';
wrapArr[ind] = arr;
});
wrapArr.forEach((item,index)=>{
let arrs = [];
arrs[0]=item[0];
arrs[1]=item[1];
arrs[2]=item[2];
//目标值（KW·h/t）//需要接口获取
//当期与目标差值（KW·h/t）
let diff = 0;
if(item[2]!=='/'){
diff = item[1]-item[2];
}else{
diff = '/';
}
arrs[3]=diff;
//环期值（KW·h/t）上个月的值
let lastNum = 0;
if(index>1){
let num = index-1;
if(wrapArr[num]&&wrapArr[num].elec_consume_unit){
lastNum = wrapArr[num].elec_consume_unit;
}else{
lastNum='/'
}
}else{
lastNum = wrapArr0[12]?wrapArr0[12].elec_consume_unit:'/';
}
arrs[4]=lastNum;
//当期与环期差值（KW·h/t）
let lastDiff = 0;
import scEcharts from "@/components/scEcharts";
import { defineAsyncComponent } from "vue";
export default {
components: {
scEcharts,
charts: defineAsyncComponent(() =>
import("@/components/scEnm/lineChartsdialog.vue")
),
},
data() {
return {
chartShow: false,
exportLoading: false,
myOption: null,
timeStamp: null,
query: {
mgroup: "",
},
tableDatas: [],
modelValue: true,
type: "hours",
title: "title",
apiObj: "",
showClose: true,
echartType: "line",
asynDialog: false,
monthGoal: [],
};
},
mounted() {
let that = this;
var myDate = new Date();
let year = myDate.getFullYear();
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 = {};
paramsGoal.page = 0;
paramsGoal.mgroup = that.query.mgroup;
that.$API.mtm.goal.list.req(paramsGoal).then((ress) => {
if (ress.length > 0) {
let monthGoal = [];
ress.forEach((goal) => {
if (
goal.goal_cate_name == "单位产品分布电耗（KW·h/t）"
) {
monthGoal[0] = goal.goal_val;
monthGoal[1] = goal.goal_val_2;
monthGoal[2] = goal.goal_val_3;
monthGoal[3] = goal.goal_val_4;
monthGoal[4] = goal.goal_val_5;
monthGoal[5] = goal.goal_val_6;
monthGoal[6] = goal.goal_val_7;
monthGoal[7] = goal.goal_val_8;
monthGoal[8] = goal.goal_val_9;
monthGoal[9] = goal.goal_val_10;
monthGoal[10] = goal.goal_val_11;
monthGoal[11] = goal.goal_val_12;
monthGoal[12] = goal.goal_val_12;
that.monthGoal = monthGoal;
}
});
that.getData();
} else {
that.getData();
}
});
},
getData() {
let that = this;
let query0 = {};
query0.page = 0;
query0.type = "month_s";
query0.year_s = that.query.year_s - 1;
query0.mgroup = that.query.mgroup;
let wrapArr = [],
wrapArr0 = [],
wrapArrs = [];
this.$API.enm.enstat.req(query0).then((res0) => {
let data0 = res0;
if (data0.length > 0) {
data0.forEach((item0) => {
//先按月份排序，再按班组排序
let ind0 = item0.month_s;
wrapArr0[ind0] = item0;
});
}
let query = {};
query.page = 0;
query.type = "month_s";
query.year_s = that.query.year_s;
query.mgroup = that.query.mgroup;
that.$API.enm.enstat.req(query).then((res) => {
let data = res;
if (data.length > 0) {
data.forEach((item) => {
//先按月份排序，再按班组排序
let ind = item.month_s;
let arr = [];
let time = "" + item.year_s + "." + item.month_s;
arr.push(time);
arr.push(item.elec_consume_unit); //当期值（KW·h/t）
arr[2] =
that.monthGoal[ind] !== undefined
? that.monthGoal[ind]
: "/";
wrapArr[ind] = arr;
});
wrapArr.forEach((item, index) => {
let arrs = [];
arrs[0] = item[0];
arrs[1] = item[1];
arrs[2] = item[2];
//目标值（KW·h/t）//需要接口获取
//当期与目标差值（KW·h/t）
let diff = 0;
if (item[2] !== "/") {
diff = item[1] - item[2];
} else {
diff = "/";
}
arrs[3] = diff;
//环期值（KW·h/t）上个月的值
let lastNum = 0;
if (index > 1) {
let num = index - 1;
if (
wrapArr[num] &&
wrapArr[num].elec_consume_unit
) {
lastNum = wrapArr[num].elec_consume_unit;
} else {
lastNum = "/";
}
} else {
lastNum = wrapArr0[12]
? wrapArr0[12].elec_consume_unit
: "/";
}
arrs[4] = lastNum;
//当期与环期差值（KW·h/t）
let lastDiff = 0;
if(arrs[1]!=='/'&&arrs[4]!=='/'){
lastDiff =arrs[1]- arrs[4];
}else{
lastDiff = '/';
}
arrs[5]=lastDiff;
//环比增长率（%）
let lastRate = 0;
if(lastDiff=='/'&&lastNum!=='/'&&lastNum!==0){
lastRate = (lastDiff/lastNum)*100;
}else{
lastRate = '/'
}
arrs[6]=lastRate;
//同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit
let sameRate =0;
if(wrapArr0[index]&&wrapArr0[index].elec_consume_unit){
sameRate =((arrs[1]- wrapArr0[index].elec_consume_unit)/wrapArr0[index].elec_consume_unit)*100
}else{
sameRate='/';
}
arrs[7]=sameRate;
wrapArrs.push(arrs);
})
that.tableDatas = wrapArrs;
}else{
}
})
})
},
itemClick(type,item){
this.type=type;
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() {
this.$PRINT('#myReport');
},
exportExcel() {
this.exportLoading = true;
this.$XLSX('#myTable', this.tableName)
this.exportLoading = false;
},
}
};
if (arrs[1] !== "/" && arrs[4] !== "/") {
lastDiff = arrs[1] - arrs[4];
} else {
lastDiff = "/";
}
arrs[5] = lastDiff;
//环比增长率（%）
let lastRate = 0;
if (
lastDiff == "/" &&
lastNum !== "/" &&
lastNum !== 0
) {
lastRate = (lastDiff / lastNum) * 100;
} else {
lastRate = "/";
}
arrs[6] = lastRate;
//同比增长率（%）需要当前值-上一年同一个月的值即wrapArr0[ind].elec_consume_unit
let sameRate = 0;
if (
wrapArr0[index] &&
wrapArr0[index].elec_consume_unit
) {
sameRate =
((arrs[1] -
wrapArr0[index].elec_consume_unit) /
wrapArr0[index].elec_consume_unit) *
100;
} else {
sameRate = "/";
}
arrs[7] = sameRate;
wrapArrs.push(arrs);
});
that.tableDatas = wrapArrs;
} else {
}
});
});
},
itemClick(type, item) {
this.type = type;
this.asynDialog = true;
},
handleQuery() {
this.getMonthGoal();
},
handlePrint() {
this.$PRINT("#myReport");
},
exportExcel() {
this.exportLoading = true;
this.$XLSX("#myTable", this.tableName);
this.exportLoading = false;
},
},
};
</script>
<style scoped>
.printWrap{
width: 100%;
overflow-x: scroll;
}
</style>
.printWrap {
width: 100%;
overflow-x: scroll;
}
</style>