fix:enm_rm原料磨mgroup 根据名称获取id
This commit is contained in:
parent
4188ad2a8b
commit
d392d7f012
|
|
@ -3,21 +3,65 @@
|
|||
<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-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
|
||||
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>
|
||||
<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">
|
||||
<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">
|
||||
|
|
@ -29,21 +73,49 @@
|
|||
<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="班组名称"
|
||||
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>
|
||||
<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">
|
||||
<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_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>
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
@click="sflog_export(scope.row)"
|
||||
type="success"
|
||||
>报表</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
|
|
@ -59,77 +131,174 @@
|
|||
</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
|
||||
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
|
||||
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">
|
||||
<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" 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">
|
||||
{{ sflogItem.shift_name }}
|
||||
</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>
|
||||
<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">{{ reportItem.production_hour }}</td>
|
||||
<td class="numCell">
|
||||
{{ reportItem.production_hour }}
|
||||
</td>
|
||||
<td class="numCell">运转时间（h）</td>
|
||||
<td class="numCell">{{ reportItem.run_hour }}</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">
|
||||
{{ 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>
|
||||
<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-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-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-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-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">
|
||||
干混生料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-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-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">
|
||||
{{ 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"
|
||||
:rowspan="sflogexpList.length + 1"
|
||||
>
|
||||
生产情况记录
|
||||
</td>
|
||||
<td class="numCell">时间</td>
|
||||
<td class="numCell">类别</td>
|
||||
<td class="numCell">原因</td>
|
||||
|
|
@ -178,22 +347,21 @@ export default {
|
|||
components: {
|
||||
saveDialog,
|
||||
otherDialog,
|
||||
quastatDialog
|
||||
quastatDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
apiObj: this.$API.wpm.sflog.list,
|
||||
apiObj: null,
|
||||
apiObj2: null,
|
||||
query: {
|
||||
mgroup: '3346520558031773696',
|
||||
mgroup: "",
|
||||
},
|
||||
deptId: "3345780809943797760",
|
||||
|
||||
deptId: "",
|
||||
sflogItem: {},
|
||||
selection: [],
|
||||
modelValue: true,
|
||||
showClose: true,
|
||||
echartType: 'line',
|
||||
echartType: "line",
|
||||
asynDialog: false,
|
||||
options: [],
|
||||
optionsShift: [],
|
||||
|
|
@ -204,22 +372,31 @@ export default {
|
|||
};
|
||||
},
|
||||
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.$API.mtm.team.list.req(form).then((res) => {
|
||||
this.options = res;
|
||||
})
|
||||
});
|
||||
},
|
||||
getShfit() {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then(res => {
|
||||
this.$API.mtm.shift.list.req({ page: 0 }).then((res) => {
|
||||
this.optionsShift = res;
|
||||
})
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
|
|
@ -235,29 +412,33 @@ export default {
|
|||
},
|
||||
getSflogexp(id) {
|
||||
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;
|
||||
})
|
||||
});
|
||||
},
|
||||
getSflogItem(id) {
|
||||
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) {
|
||||
that.reportItem = res[0];
|
||||
}
|
||||
console.log(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.$TOOL.data.remove("sflogItem");
|
||||
this.$TOOL.data.set("sflogItem", jsonStr);
|
||||
this.$router.push({
|
||||
name: "logDetail",
|
||||
query: {
|
||||
mgroupId: row.mgroup,
|
||||
deptId: this.deptId
|
||||
deptId: this.deptId,
|
||||
},
|
||||
});
|
||||
// this.dialog.save = true;
|
||||
|
|
@ -289,7 +470,8 @@ export default {
|
|||
// },
|
||||
//删除
|
||||
async table_del(row) {
|
||||
this.$API.wpm.sflog.delete.req(row.id)
|
||||
this.$API.wpm.sflog.delete
|
||||
.req(row.id)
|
||||
.then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
return res;
|
||||
|
|
@ -300,7 +482,7 @@ export default {
|
|||
},
|
||||
//新增岗位后更新数据
|
||||
handleSaveSuccess(data, mode) {
|
||||
this.$refs.table.refresh()
|
||||
this.$refs.table.refresh();
|
||||
this.dialog.save = false;
|
||||
},
|
||||
handleOtherSuccess() {
|
||||
|
|
@ -316,7 +498,8 @@ export default {
|
|||
handleDel(row) {
|
||||
this.$confirm(`确定删除选中的记录吗？`, "提示", {
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
})
|
||||
.then(() => {
|
||||
this.$API.wpm.shift.delete.req(row.id).then((res) => {
|
||||
if (res.err_msg) {
|
||||
this.$message.error(res.err_msg);
|
||||
|
|
@ -331,11 +514,11 @@ export default {
|
|||
.catch(() => {});
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
|
|
@ -361,7 +544,7 @@ export default {
|
|||
}
|
||||
|
||||
.searchHead {
|
||||
display: flex
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.middleText {
|
||||
|
|
@ -375,4 +558,3 @@ export default {
|
|||
margin-left: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -8,20 +8,25 @@
|
|||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="handlePrint"
|
||||
>打印
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handlePrint">打印 </el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-card style="margin-top: 5px">
|
||||
<div class="printWrap">
|
||||
<div ref="print" id="myReport" class="printContainer">
|
||||
<table border="1" width="1035" cellspacing="0" :key="timeStamp" id="myTable" class="myTable">
|
||||
<table
|
||||
border="1"
|
||||
width="1035"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
class="myTable"
|
||||
>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="6">原料磨工段主要设备（100KW以上）单位产品电耗数据表</th>
|
||||
<th colspan="6">
|
||||
原料磨工段主要设备（100KW以上）单位产品电耗数据表
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>设备名称</th>
|
||||
|
|
@ -34,26 +39,64 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<template v-for="(item1,ind) in item" :key="item1">
|
||||
<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
|
||||
v-for="(item1, ind) in item"
|
||||
:key="item1"
|
||||
>
|
||||
<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>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">小时生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionHour"></scEcharts>
|
||||
<scEcharts
|
||||
height="400px"
|
||||
width="1033px"
|
||||
:option="optionHour"
|
||||
></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本月生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionDay"></scEcharts>
|
||||
<scEcharts
|
||||
height="400px"
|
||||
width="1033px"
|
||||
:option="optionDay"
|
||||
></scEcharts>
|
||||
</div>
|
||||
<div class="chartWrap">
|
||||
<div class="chartTitle">本年生产参数统计图</div>
|
||||
<scEcharts height="400px" width="1033px" :option="optionMonth"></scEcharts>
|
||||
<scEcharts
|
||||
height="400px"
|
||||
width="1033px"
|
||||
:option="optionMonth"
|
||||
></scEcharts>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -66,65 +109,76 @@
|
|||
:mgroup="query.mgroup"
|
||||
:modelValue="modelValue"
|
||||
:showClose="showClose"
|
||||
:echartType='echartType'
|
||||
:echartType="echartType"
|
||||
@closed="asynDialog = false"
|
||||
></charts>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
const colors =['#647bfe','#8698fe','#a9b6fe','#cbd3fe','#91CC75','#EE6666'];
|
||||
const colors = [
|
||||
"#647bfe",
|
||||
"#8698fe",
|
||||
"#a9b6fe",
|
||||
"#cbd3fe",
|
||||
"#91CC75",
|
||||
"#EE6666",
|
||||
];
|
||||
let tooltip = {
|
||||
show: true,
|
||||
trigger: 'axis',
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: 'cross'
|
||||
type: "cross",
|
||||
},
|
||||
confine: false,
|
||||
showContent: true,
|
||||
triggerOn: "mousemove",
|
||||
};
|
||||
let grid = {
|
||||
right: '3%',
|
||||
left:'7%',
|
||||
top:'15%'
|
||||
right: "3%",
|
||||
left: "7%",
|
||||
top: "15%",
|
||||
};
|
||||
let toolbox = {
|
||||
right:'5%',
|
||||
right: "5%",
|
||||
feature: {
|
||||
dataView: { show: true, readOnly: false },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
saveAsImage: { show: true },
|
||||
},
|
||||
};
|
||||
let legend = {
|
||||
top:'2%',
|
||||
data:['立磨主电机', '循环风机', '烘干破主', '废气风机', '尾排风机']
|
||||
top: "2%",
|
||||
data: ["立磨主电机", "循环风机", "烘干破主", "废气风机", "尾排风机"],
|
||||
};
|
||||
let yAxis = {
|
||||
type: 'value',
|
||||
name: '分布电耗(KW.h/t)',
|
||||
type: "value",
|
||||
name: "分布电耗(KW.h/t)",
|
||||
alignTicks: true,
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[3]
|
||||
}
|
||||
color: colors[3],
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: '{value}'
|
||||
}
|
||||
formatter: "{value}",
|
||||
},
|
||||
};
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
import { defineAsyncComponent } from 'vue'
|
||||
import { defineAsyncComponent } from "vue";
|
||||
export default {
|
||||
components: {
|
||||
scEcharts,
|
||||
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
|
||||
charts: defineAsyncComponent(() =>
|
||||
import("@/components/scEnm/lineChartsdialog.vue")
|
||||
),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chartShow: false,
|
||||
exportLoading: false,
|
||||
myOption: null,
|
||||
timeStamp: null,
|
||||
optionHour: {},
|
||||
optionDay: {},
|
||||
optionMonth: {},
|
||||
|
|
@ -133,24 +187,24 @@
|
|||
days: 1,
|
||||
hours: 1,
|
||||
query: {
|
||||
mgroup:'3346520558031773696',
|
||||
mgroup: "",
|
||||
},
|
||||
tableName:'主要设备（100KW以上）单位产品电耗数据表',
|
||||
tableName: "主要设备（100KW以上）单位产品电耗数据表",
|
||||
tableDatas: [
|
||||
['立磨主电机','','KW·h/t','','',''],
|
||||
['循环风机','','KW·h/t','','',''],
|
||||
["立磨主电机", "", "KW·h/t", "", "", ""],
|
||||
["循环风机", "", "KW·h/t", "", "", ""],
|
||||
// ['烘干破主','','KW·h/t','','',''],
|
||||
// ['废气风机','','KW·h/t','','',''],
|
||||
// ['尾排风机','','KW·h/t','','',''],
|
||||
],
|
||||
|
||||
modelValue: true,
|
||||
type:'hour_s',
|
||||
title:'原料磨工段',
|
||||
cate:'',
|
||||
type: "hour_s",
|
||||
title: "原料磨工段",
|
||||
cate: "",
|
||||
apiObj: this.$API.enm.mpoint.stat,
|
||||
showClose: true,
|
||||
echartType:'line',
|
||||
echartType: "line",
|
||||
asynDialog: false,
|
||||
allValHour: 0,
|
||||
allValDays: 0,
|
||||
|
|
@ -167,36 +221,36 @@
|
|||
length: 5,
|
||||
inside: true,
|
||||
},
|
||||
data: []
|
||||
data: [],
|
||||
},
|
||||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: '立磨主电机',
|
||||
type: 'bar',
|
||||
data:[]
|
||||
name: "立磨主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '循环风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "循环风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '烘干破主',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "烘干破主",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '废气风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "废气风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '尾排风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "尾排风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
option2: {
|
||||
color: colors,
|
||||
|
|
@ -210,36 +264,36 @@
|
|||
length: 5,
|
||||
inside: true,
|
||||
},
|
||||
data: []
|
||||
data: [],
|
||||
},
|
||||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: '立磨主电机',
|
||||
type: 'bar',
|
||||
data:[]
|
||||
name: "立磨主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '循环风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "循环风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '烘干破主',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "烘干破主",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '废气风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "废气风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '尾排风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "尾排风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
option3: {
|
||||
color: colors,
|
||||
|
|
@ -253,51 +307,67 @@
|
|||
length: 5,
|
||||
inside: true,
|
||||
},
|
||||
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
|
||||
data: [
|
||||
"一月",
|
||||
"二月",
|
||||
"三月",
|
||||
"四月",
|
||||
"五月",
|
||||
"六月",
|
||||
"七月",
|
||||
"八月",
|
||||
"九月",
|
||||
"十月",
|
||||
"十一月",
|
||||
"十二月",
|
||||
],
|
||||
},
|
||||
yAxis: yAxis,
|
||||
series: [
|
||||
{
|
||||
name: '立磨主电机',
|
||||
type: 'bar',
|
||||
data:[]
|
||||
name: "立磨主电机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '循环风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "循环风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '烘干破主',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "烘干破主",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '废气风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "废气风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '尾排风机',
|
||||
type: 'bar',
|
||||
data: []
|
||||
name: "尾排风机",
|
||||
type: "bar",
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
var myDate = new Date();
|
||||
let year =that.year = myDate.getFullYear();
|
||||
let month = that.month = myDate.getMonth()+1;
|
||||
let days = that.days = myDate.getDate();
|
||||
let hours = that.hours = myDate.getHours();
|
||||
let year = (that.year = myDate.getFullYear());
|
||||
let month = (that.month = myDate.getMonth() + 1);
|
||||
let days = (that.days = myDate.getDate());
|
||||
let hours = (that.hours = myDate.getHours());
|
||||
let timeDate = myDate.getTime();
|
||||
let dayTime = 24 * 60 * 60 * 1000;
|
||||
//昨天的计算
|
||||
let year_d = year,month_d = month,days_d = days;
|
||||
if(hours<21){//21点前，查找昨日数据为前一天数据
|
||||
let year_d = year,
|
||||
month_d = month,
|
||||
days_d = days;
|
||||
if (hours < 21) {
|
||||
//21点前，查找昨日数据为前一天数据
|
||||
let newDate = timeDate - dayTime;
|
||||
let lastDate = new Date(newDate);
|
||||
year_d = lastDate.getFullYear();
|
||||
|
|
@ -311,51 +381,79 @@
|
|||
let month_h = hourDate.getMonth() + 1;
|
||||
let days_h = hourDate.getDate();
|
||||
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 = {};
|
||||
params2.page = 0;
|
||||
params2.year_s = year;
|
||||
params2.month_s = month;
|
||||
params2.type = 'month_s';
|
||||
params2.type = "month_s";
|
||||
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) {
|
||||
let hourProduct=that.allValMonth = res2[0].total_production;//当前条件下的总产量
|
||||
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) => {
|
||||
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][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=>{
|
||||
})
|
||||
.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.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;
|
||||
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) => {
|
||||
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);
|
||||
let val =
|
||||
hourProduct == 0
|
||||
? "/"
|
||||
: (
|
||||
data3[j].val /
|
||||
hourProduct
|
||||
).toFixed(2);
|
||||
that.tableDatas[j][4] = val;
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
//上小时
|
||||
let params4 = {};
|
||||
params4.page = 0;
|
||||
|
|
@ -363,25 +461,35 @@
|
|||
params4.month = month_h;
|
||||
params4.day = days_h;
|
||||
params4.hour = hours_h;
|
||||
params4.type = 'hour_s';
|
||||
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;
|
||||
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) => {
|
||||
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);
|
||||
let val =
|
||||
hourProduct == 0
|
||||
? "/"
|
||||
: (
|
||||
data4[k].val /
|
||||
hourProduct
|
||||
).toFixed(2);
|
||||
that.tableDatas[k][3] = val;
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
})
|
||||
})
|
||||
});
|
||||
});
|
||||
that.getHourData();
|
||||
that.getDayData();
|
||||
that.getMonthData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
//获取小时数据
|
||||
|
|
@ -392,29 +500,33 @@
|
|||
query.year_s = that.year;
|
||||
query.month_s = that.month;
|
||||
query.day_s = that.days;
|
||||
query.type = 'hour_s';
|
||||
query.type = "hour_s";
|
||||
query.mgroup = that.query.mgroup;
|
||||
query.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.mpoint.stat.req(query).then((response) => {
|
||||
let seriesData0 = [],seriesData1 = [], seriesData2 = [],seriesData3 = [],seriesData4 = [];
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [];
|
||||
let data = response;
|
||||
data.forEach(item => {
|
||||
data.forEach((item) => {
|
||||
let ind = item.hour;
|
||||
let val = 0;
|
||||
if (that.allValHour == 0) {
|
||||
val = ''
|
||||
val = "";
|
||||
} else {
|
||||
val = (item.val / that.allValHour).toFixed(2);
|
||||
}
|
||||
if(item.equip_name=='立磨主电机'){
|
||||
if (item.equip_name == "立磨主电机") {
|
||||
seriesData0[ind] = val;
|
||||
}else if(item.equip_name=='循环风机'){
|
||||
} else if (item.equip_name == "循环风机") {
|
||||
seriesData1[ind] = val;
|
||||
}else if(item.equip_name=='烘干破主'){
|
||||
} else if (item.equip_name == "烘干破主") {
|
||||
seriesData2[ind] = val;
|
||||
}else if(item.equip_name=='废气风机'){
|
||||
} else if (item.equip_name == "废气风机") {
|
||||
seriesData3[ind] = val;
|
||||
}else if(item.equip_name=='尾排风机'){
|
||||
} else if (item.equip_name == "尾排风机") {
|
||||
seriesData4[ind] = val;
|
||||
}
|
||||
});
|
||||
|
|
@ -426,12 +538,12 @@
|
|||
options.series[4].data = seriesData4;
|
||||
let hourXAxis = [];
|
||||
for (let i = 1; i <= that.hours; i++) {
|
||||
let item = i+'时'
|
||||
hourXAxis.push(item)
|
||||
let item = i + "时";
|
||||
hourXAxis.push(item);
|
||||
}
|
||||
options.xAxis.data = hourXAxis;
|
||||
that.optionHour = options;
|
||||
})
|
||||
});
|
||||
},
|
||||
//获取天数据
|
||||
getDayData() {
|
||||
|
|
@ -440,29 +552,33 @@
|
|||
query1.page = 0;
|
||||
query1.year_s = that.year;
|
||||
query1.month_s = that.month;
|
||||
query1.type = 'day_s';
|
||||
query1.type = "day_s";
|
||||
query1.mgroup = this.query.mgroup;
|
||||
query1.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.enstat.req(query1).then((response) => {
|
||||
let seriesData0 = [],seriesData1 = [], seriesData2 = [],seriesData3 = [],seriesData4 = [];
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [];
|
||||
let data = response;
|
||||
data.forEach(item => {
|
||||
data.forEach((item) => {
|
||||
let ind = item.day_s;
|
||||
let val = 0;
|
||||
if (that.allValDays == 0) {
|
||||
val = ''
|
||||
val = "";
|
||||
} else {
|
||||
val = (item.val / that.allValDays).toFixed(2);
|
||||
}
|
||||
if(item.equip_name=='立磨主电机'){
|
||||
if (item.equip_name == "立磨主电机") {
|
||||
seriesData0[ind] = val;
|
||||
}else if(item.equip_name=='循环风机'){
|
||||
} else if (item.equip_name == "循环风机") {
|
||||
seriesData1[ind] = val;
|
||||
}else if(item.equip_name=='烘干破主'){
|
||||
} else if (item.equip_name == "烘干破主") {
|
||||
seriesData2[ind] = val;
|
||||
}else if(item.equip_name=='废气风机'){
|
||||
} else if (item.equip_name == "废气风机") {
|
||||
seriesData3[ind] = val;
|
||||
}else if(item.equip_name=='尾排风机'){
|
||||
} else if (item.equip_name == "尾排风机") {
|
||||
seriesData4[ind] = val;
|
||||
}
|
||||
});
|
||||
|
|
@ -474,12 +590,12 @@
|
|||
options.series[4].data = seriesData4;
|
||||
let dayXAxis = [];
|
||||
for (let i = 1; i <= that.days; i++) {
|
||||
let item = i+'日'
|
||||
dayXAxis.push(item)
|
||||
let item = i + "日";
|
||||
dayXAxis.push(item);
|
||||
}
|
||||
options.xAxis.data = dayXAxis;
|
||||
that.optionDay = options;
|
||||
})
|
||||
});
|
||||
},
|
||||
//获取月数据
|
||||
getMonthData() {
|
||||
|
|
@ -487,29 +603,33 @@
|
|||
let query2 = {};
|
||||
query2.page = 0;
|
||||
query2.year_s = that.year;
|
||||
query2.type = 'month_s';
|
||||
query2.type = "month_s";
|
||||
query2.mgroup = that.query.mgroup;
|
||||
query2.mpoint__ep_monitored__power_kw__gte = 100;
|
||||
this.$API.enm.enstat.req(query2).then((response) => {
|
||||
let seriesData0 = [],seriesData1 = [], seriesData2 = [],seriesData3 = [],seriesData4 = [];
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [];
|
||||
let data = response;
|
||||
data.forEach(item => {
|
||||
data.forEach((item) => {
|
||||
let ind = item.month_s;
|
||||
let val = 0;
|
||||
if (that.allValMonth == 0) {
|
||||
val = ''
|
||||
val = "";
|
||||
} else {
|
||||
val = (item.val / that.allValMonth).toFixed(2);
|
||||
}
|
||||
if(item.equip_name=='立磨主电机'){
|
||||
if (item.equip_name == "立磨主电机") {
|
||||
seriesData0[ind] = val;
|
||||
}else if(item.equip_name=='循环风机'){
|
||||
} else if (item.equip_name == "循环风机") {
|
||||
seriesData1[ind] = val;
|
||||
}else if(item.equip_name=='烘干破主'){
|
||||
} else if (item.equip_name == "烘干破主") {
|
||||
seriesData2[ind] = val;
|
||||
}else if(item.equip_name=='废气风机'){
|
||||
} else if (item.equip_name == "废气风机") {
|
||||
seriesData3[ind] = val;
|
||||
}else if(item.equip_name=='尾排风机'){
|
||||
} else if (item.equip_name == "尾排风机") {
|
||||
seriesData4[ind] = val;
|
||||
}
|
||||
});
|
||||
|
|
@ -521,12 +641,12 @@
|
|||
options.series[4].data = seriesData4;
|
||||
let monthXAxis = [];
|
||||
for (let i = 1; i <= that.month; i++) {
|
||||
let item = i+'月'
|
||||
monthXAxis.push(item)
|
||||
let item = i + "月";
|
||||
monthXAxis.push(item);
|
||||
}
|
||||
options.xAxis.data = monthXAxis;
|
||||
that.optionMonth = options;
|
||||
})
|
||||
});
|
||||
},
|
||||
itemClick(type, item) {
|
||||
this.type = type;
|
||||
|
|
@ -534,14 +654,14 @@
|
|||
this.asynDialog = true;
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -21,17 +21,20 @@
|
|||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="handlePrint"
|
||||
>打印
|
||||
</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">
|
||||
<table
|
||||
border="1"
|
||||
width="2400"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
class="myTable"
|
||||
>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="24">原料磨工段班组月度对比分析</th>
|
||||
|
|
@ -72,7 +75,13 @@
|
|||
</tr>
|
||||
</thead>
|
||||
<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>
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -86,12 +95,13 @@
|
|||
return {
|
||||
timeStamp: 0,
|
||||
query: {
|
||||
year_s:'',
|
||||
year_s: "",
|
||||
page: 0,
|
||||
type : 'month_st',
|
||||
mgroup:'3346520558031773696',
|
||||
type: "month_st",
|
||||
mgroup: "",
|
||||
},
|
||||
tableDatas: [],
|
||||
exportLoading: false,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -99,6 +109,11 @@
|
|||
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;
|
||||
|
|
@ -109,56 +124,58 @@
|
|||
data = res[0];
|
||||
}
|
||||
that.getData(data);
|
||||
})
|
||||
});
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getData(goalData) {
|
||||
let that = this;
|
||||
let query0 = {};
|
||||
query0.page = 0;
|
||||
query0.type='month_st';
|
||||
query0.type = "month_st";
|
||||
query0.year_s = that.query.year_s - 1;
|
||||
query0.mgroup='3346520558031773696';
|
||||
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
|
||||
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 => {
|
||||
data0.forEach((item0) => {
|
||||
//先按月份排序，再按班组排序
|
||||
let n0 = item0.month_s;
|
||||
let ind0 = 0;
|
||||
if(team_name0.indexOf('甲')>-1){
|
||||
let team_name0 = item0.team_name;
|
||||
if (team_name0.indexOf("甲") > -1) {
|
||||
ind0 = (n0 - 1) * 3;
|
||||
}else if(team_name0.indexOf('乙')>-1){
|
||||
} else if (team_name0.indexOf("乙") > -1) {
|
||||
ind0 = (n0 - 1) * 3 + 1;
|
||||
}else if(team_name0.indexOf('丙')>-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 => {
|
||||
data.forEach((item) => {
|
||||
//先按月份排序，再按班组排序
|
||||
let n = item.month_s;
|
||||
let team_name = item.team_name;
|
||||
let ind = 0;
|
||||
if(team_name.indexOf('甲')>-1){
|
||||
if (team_name.indexOf("甲") > -1) {
|
||||
ind = (n - 1) * 3;
|
||||
}else if(team_name.indexOf('乙')>-1){
|
||||
} else if (team_name.indexOf("乙") > -1) {
|
||||
ind = (n - 1) * 3 + 1;
|
||||
}else if(team_name.indexOf('丙')>-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;
|
||||
let time = "" + item.year_s + "." + item.month_s;
|
||||
arr.push(time);
|
||||
arr.push(item.team_name);
|
||||
arr.push(item.total_production);
|
||||
|
|
@ -166,29 +183,66 @@
|
|||
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[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[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[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;
|
||||
let ind_pre = 0,
|
||||
huanbi = 0;
|
||||
if (item.month_s == 1) {
|
||||
ind_pre = 12;
|
||||
huanbi = wrapArr0[ind_pre]?wrapArr0[ind_pre].elec_consume_unit:'/';
|
||||
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:'/':'/'
|
||||
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）
|
||||
|
|
@ -197,12 +251,12 @@
|
|||
arr[23] = item.celec_consume_unit; //同比增长率（%）
|
||||
wrapArr[ind] = arr;
|
||||
});
|
||||
console.log(wrapArr)
|
||||
console.log(wrapArr);
|
||||
that.tableDatas = wrapArr;
|
||||
} else {
|
||||
}
|
||||
})
|
||||
})
|
||||
});
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
this.tableDatas = [];
|
||||
|
|
@ -212,26 +266,15 @@
|
|||
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');
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
|
|
|||
|
|
@ -21,20 +21,25 @@
|
|||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="handlePrint"
|
||||
>打印
|
||||
</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">
|
||||
<table
|
||||
border="1"
|
||||
width="1075"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
class="myTable"
|
||||
>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th>
|
||||
<th colspan="8">
|
||||
原料磨工段车间单位产品电耗月度分析表
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
|
|
@ -49,12 +54,24 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<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)">
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -68,26 +85,30 @@
|
|||
</template>
|
||||
<script>
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
import { defineAsyncComponent } from 'vue'
|
||||
import { defineAsyncComponent } from "vue";
|
||||
export default {
|
||||
components: {
|
||||
scEcharts,
|
||||
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
|
||||
charts: defineAsyncComponent(() =>
|
||||
import("@/components/scEnm/lineChartsdialog.vue")
|
||||
),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chartShow: false,
|
||||
exportLoading: false,
|
||||
timeStamp: null,
|
||||
myOption: null,
|
||||
query: {
|
||||
mgroup:'3346520558031773696',
|
||||
mgroup: "",
|
||||
},
|
||||
tableDatas: [],
|
||||
modelValue: true,
|
||||
type:'hours',
|
||||
title:'title',
|
||||
apiObj:'',
|
||||
type: "hours",
|
||||
title: "title",
|
||||
apiObj: "",
|
||||
showClose: true,
|
||||
echartType:'line',
|
||||
echartType: "line",
|
||||
asynDialog: false,
|
||||
monthGoal: [],
|
||||
};
|
||||
|
|
@ -97,15 +118,46 @@
|
|||
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）'){
|
||||
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;
|
||||
|
|
@ -121,42 +173,27 @@
|
|||
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.type = "month_s";
|
||||
query0.year_s = that.query.year_s - 1;
|
||||
query0.mgroup = that.query.mgroup;
|
||||
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
|
||||
let wrapArr = [],
|
||||
wrapArr0 = [],
|
||||
wrapArrs = [];
|
||||
this.$API.enm.enstat.req(query0).then((res0) => {
|
||||
let data0 = res0;
|
||||
if (data0.length > 0) {
|
||||
data0.forEach(item0 => {
|
||||
data0.forEach((item0) => {
|
||||
//先按月份排序，再按班组排序
|
||||
let ind0 = item0.month_s;
|
||||
wrapArr0[ind0] = item0;
|
||||
|
|
@ -164,20 +201,23 @@
|
|||
}
|
||||
let query = {};
|
||||
query.page = 0;
|
||||
query.type='month_s';
|
||||
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 => {
|
||||
data.forEach((item) => {
|
||||
//先按月份排序，再按班组排序
|
||||
let ind = item.month_s;
|
||||
let arr = [];
|
||||
let time = ''+item.year_s+'.'+item.month_s;
|
||||
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]:'/';
|
||||
arr[2] =
|
||||
that.monthGoal[ind] !== undefined
|
||||
? that.monthGoal[ind]
|
||||
: "/";
|
||||
wrapArr[ind] = arr;
|
||||
});
|
||||
wrapArr.forEach((item, index) => {
|
||||
|
|
@ -188,82 +228,90 @@
|
|||
//目标值（KW·h/t）//需要接口获取
|
||||
//当期与目标差值（KW·h/t）
|
||||
let diff = 0;
|
||||
if(item[2]!=='/'){
|
||||
if (item[2] !== "/") {
|
||||
diff = item[1] - item[2];
|
||||
} else {
|
||||
diff = '/';
|
||||
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){
|
||||
if (
|
||||
wrapArr[num] &&
|
||||
wrapArr[num].elec_consume_unit
|
||||
) {
|
||||
lastNum = wrapArr[num].elec_consume_unit;
|
||||
} else {
|
||||
lastNum='/'
|
||||
lastNum = "/";
|
||||
}
|
||||
} else {
|
||||
lastNum = wrapArr0[12]?wrapArr0[12].elec_consume_unit:'/';
|
||||
lastNum = wrapArr0[12]
|
||||
? wrapArr0[12].elec_consume_unit
|
||||
: "/";
|
||||
}
|
||||
arrs[4] = lastNum;
|
||||
//当期与环期差值（KW·h/t）
|
||||
let lastDiff = 0;
|
||||
|
||||
if(arrs[1]!=='/'&&arrs[4]!=='/'){
|
||||
if (arrs[1] !== "/" && arrs[4] !== "/") {
|
||||
lastDiff = arrs[1] - arrs[4];
|
||||
} else {
|
||||
lastDiff = '/';
|
||||
lastDiff = "/";
|
||||
}
|
||||
arrs[5] = lastDiff;
|
||||
//环比增长率（%）
|
||||
let lastRate = 0;
|
||||
if(lastDiff=='/'&&lastNum!=='/'&&lastNum!==0){
|
||||
if (
|
||||
lastDiff == "/" &&
|
||||
lastNum !== "/" &&
|
||||
lastNum !== 0
|
||||
) {
|
||||
lastRate = (lastDiff / lastNum) * 100;
|
||||
} else {
|
||||
lastRate = '/'
|
||||
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
|
||||
if (
|
||||
wrapArr0[index] &&
|
||||
wrapArr0[index].elec_consume_unit
|
||||
) {
|
||||
sameRate =
|
||||
((arrs[1] -
|
||||
wrapArr0[index].elec_consume_unit) /
|
||||
wrapArr0[index].elec_consume_unit) *
|
||||
100;
|
||||
} else {
|
||||
sameRate='/';
|
||||
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;
|
||||
});
|
||||
handleQuery() {
|
||||
this.getMonthGoal();
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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,6 +356,11 @@ export default {
|
|||
let month_h = hourDate.getMonth() + 1;
|
||||
let days_h = hourDate.getDate();
|
||||
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 = {};
|
||||
params2.page = 0;
|
||||
|
|
@ -371,18 +375,24 @@ export default {
|
|||
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) => {
|
||||
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][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);
|
||||
: (
|
||||
data2[i].val /
|
||||
hourProduct
|
||||
).toFixed(2);
|
||||
that.tableDatas[i][5] = val;
|
||||
}
|
||||
});
|
||||
|
|
@ -402,15 +412,18 @@ export default {
|
|||
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) => {
|
||||
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
|
||||
);
|
||||
: (
|
||||
data3[j].val /
|
||||
hourProduct
|
||||
).toFixed(2);
|
||||
that.tableDatas[j][4] = val;
|
||||
}
|
||||
});
|
||||
|
|
@ -430,15 +443,18 @@ export default {
|
|||
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) => {
|
||||
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
|
||||
);
|
||||
: (
|
||||
data4[k].val /
|
||||
hourProduct
|
||||
).toFixed(2);
|
||||
that.tableDatas[k][3] = val;
|
||||
}
|
||||
});
|
||||
|
|
@ -448,6 +464,7 @@ export default {
|
|||
that.getHourData();
|
||||
that.getDayData();
|
||||
that.getMonthData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
//获取小时数据
|
||||
|
|
|
|||
|
|
@ -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,7 +728,11 @@ export default {
|
|||
let month_h = hourDate.getMonth() + 1;
|
||||
let days_h = hourDate.getDate();
|
||||
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 = {};
|
||||
params3.page = 0;
|
||||
|
|
@ -836,7 +770,7 @@ export default {
|
|||
//月目标
|
||||
let params5 = {};
|
||||
params5.page = 0;
|
||||
params5.mgroup = "3346520558031773696";
|
||||
params5.mgroup = that.query.mgroup;
|
||||
this.$API.mtm.goal.list
|
||||
.req(params5)
|
||||
.then((res5) => {
|
||||
|
|
@ -851,7 +785,8 @@ export default {
|
|||
that.tableDatas[0][6] = item5[str];
|
||||
that.tableDatas[0][8] = item5.goal_val;
|
||||
} else if (
|
||||
item5.goal_cate_name == "台时产量（t/h）"
|
||||
item5.goal_cate_name ==
|
||||
"台时产量（t/h）"
|
||||
) {
|
||||
that.tableDatas[1][6] = item5[str];
|
||||
that.tableDatas[1][8] = item5.goal_val;
|
||||
|
|
@ -860,7 +795,9 @@ export default {
|
|||
) {
|
||||
that.tableDatas[2][6] = item5[str];
|
||||
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][8] = item5.goal_val;
|
||||
} else if (
|
||||
|
|
@ -883,12 +820,14 @@ export default {
|
|||
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][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][5] =
|
||||
data1.production_hour;
|
||||
that.tableDatas[1][9] = precen(
|
||||
that.tableDatas[1][5],
|
||||
that.tableDatas[1][8]
|
||||
|
|
@ -903,7 +842,8 @@ export default {
|
|||
that.tableDatas[3][5],
|
||||
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][5],
|
||||
that.tableDatas[4][8]
|
||||
|
|
@ -921,15 +861,20 @@ export default {
|
|||
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.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][4] =
|
||||
data2.production_hour;
|
||||
that.tableDatas[1][7] = precen(
|
||||
that.tableDatas[1][4],
|
||||
that.tableDatas[1][6]
|
||||
|
|
@ -944,7 +889,8 @@ export default {
|
|||
that.tableDatas[3][4],
|
||||
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][4],
|
||||
that.tableDatas[4][6]
|
||||
|
|
@ -956,13 +902,9 @@ export default {
|
|||
that.getDayData();
|
||||
that.getMonthData();
|
||||
});
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
init(dataX, dataY) {
|
||||
this.myChart = echarts.init(document.getElementById("main"));
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
this.myChart.setOption(this.option);
|
||||
},
|
||||
//获取小时数据
|
||||
getHourData() {
|
||||
let that = this;
|
||||
|
|
|
|||
|
|
@ -83,9 +83,10 @@ export default {
|
|||
year_s: "",
|
||||
page: 0,
|
||||
type: "month_st",
|
||||
mgroup: "3346520558031773696",
|
||||
mgroup: "",
|
||||
},
|
||||
tableDatas: [],
|
||||
exportLoading: false,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -93,6 +94,11 @@ export default {
|
|||
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;
|
||||
|
|
@ -104,6 +110,7 @@ export default {
|
|||
}
|
||||
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) => {
|
||||
|
|
|
|||
|
|
@ -21,20 +21,25 @@
|
|||
:loading="exportLoading"
|
||||
>导出xlsx
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="handlePrint"
|
||||
>打印
|
||||
</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">
|
||||
<table
|
||||
border="1"
|
||||
width="1075"
|
||||
cellspacing="0"
|
||||
:key="timeStamp"
|
||||
id="myTable"
|
||||
class="myTable"
|
||||
>
|
||||
<thead class="myTableHead">
|
||||
<tr>
|
||||
<th colspan="8">原料磨工段车间单位产品电耗月度分析表</th>
|
||||
<th colspan="8">
|
||||
原料磨工段车间单位产品电耗月度分析表
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>月份</th>
|
||||
|
|
@ -49,12 +54,24 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<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)">
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -68,26 +85,30 @@
|
|||
</template>
|
||||
<script>
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
import { defineAsyncComponent } from 'vue'
|
||||
import { defineAsyncComponent } from "vue";
|
||||
export default {
|
||||
components: {
|
||||
scEcharts,
|
||||
charts: defineAsyncComponent(() => import("@/components/scEnm/lineChartsdialog.vue")),
|
||||
charts: defineAsyncComponent(() =>
|
||||
import("@/components/scEnm/lineChartsdialog.vue")
|
||||
),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chartShow: false,
|
||||
exportLoading: false,
|
||||
myOption: null,
|
||||
timeStamp: null,
|
||||
query: {
|
||||
mgroup:'3346520558031773696',
|
||||
mgroup: "",
|
||||
},
|
||||
tableDatas: [],
|
||||
modelValue: true,
|
||||
type:'hours',
|
||||
title:'title',
|
||||
apiObj:'',
|
||||
type: "hours",
|
||||
title: "title",
|
||||
apiObj: "",
|
||||
showClose: true,
|
||||
echartType:'line',
|
||||
echartType: "line",
|
||||
asynDialog: false,
|
||||
monthGoal: [],
|
||||
};
|
||||
|
|
@ -97,15 +118,46 @@
|
|||
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）'){
|
||||
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;
|
||||
|
|
@ -121,42 +173,27 @@
|
|||
monthGoal[12] = goal.goal_val_12;
|
||||
that.monthGoal = monthGoal;
|
||||
}
|
||||
})
|
||||
this.getData();
|
||||
});
|
||||
that.getData();
|
||||
} 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() {
|
||||
let that = this;
|
||||
let query0 = {};
|
||||
query0.page = 0;
|
||||
query0.type='month_s';
|
||||
query0.type = "month_s";
|
||||
query0.year_s = that.query.year_s - 1;
|
||||
query0.mgroup = that.query.mgroup;
|
||||
let wrapArr = [],wrapArr0 = [] ,wrapArrs = [];
|
||||
let wrapArr = [],
|
||||
wrapArr0 = [],
|
||||
wrapArrs = [];
|
||||
this.$API.enm.enstat.req(query0).then((res0) => {
|
||||
let data0 = res0;
|
||||
if (data0.length > 0) {
|
||||
data0.forEach(item0 => {
|
||||
data0.forEach((item0) => {
|
||||
//先按月份排序，再按班组排序
|
||||
let ind0 = item0.month_s;
|
||||
wrapArr0[ind0] = item0;
|
||||
|
|
@ -164,20 +201,23 @@
|
|||
}
|
||||
let query = {};
|
||||
query.page = 0;
|
||||
query.type='month_s';
|
||||
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 => {
|
||||
data.forEach((item) => {
|
||||
//先按月份排序，再按班组排序
|
||||
let ind = item.month_s;
|
||||
let arr = [];
|
||||
let time = ''+item.year_s+'.'+item.month_s;
|
||||
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]:'/';
|
||||
arr[2] =
|
||||
that.monthGoal[ind] !== undefined
|
||||
? that.monthGoal[ind]
|
||||
: "/";
|
||||
wrapArr[ind] = arr;
|
||||
});
|
||||
wrapArr.forEach((item, index) => {
|
||||
|
|
@ -188,82 +228,90 @@
|
|||
//目标值（KW·h/t）//需要接口获取
|
||||
//当期与目标差值（KW·h/t）
|
||||
let diff = 0;
|
||||
if(item[2]!=='/'){
|
||||
if (item[2] !== "/") {
|
||||
diff = item[1] - item[2];
|
||||
} else {
|
||||
diff = '/';
|
||||
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){
|
||||
if (
|
||||
wrapArr[num] &&
|
||||
wrapArr[num].elec_consume_unit
|
||||
) {
|
||||
lastNum = wrapArr[num].elec_consume_unit;
|
||||
} else {
|
||||
lastNum='/'
|
||||
lastNum = "/";
|
||||
}
|
||||
} else {
|
||||
lastNum = wrapArr0[12]?wrapArr0[12].elec_consume_unit:'/';
|
||||
lastNum = wrapArr0[12]
|
||||
? wrapArr0[12].elec_consume_unit
|
||||
: "/";
|
||||
}
|
||||
arrs[4] = lastNum;
|
||||
//当期与环期差值（KW·h/t）
|
||||
let lastDiff = 0;
|
||||
|
||||
if(arrs[1]!=='/'&&arrs[4]!=='/'){
|
||||
if (arrs[1] !== "/" && arrs[4] !== "/") {
|
||||
lastDiff = arrs[1] - arrs[4];
|
||||
} else {
|
||||
lastDiff = '/';
|
||||
lastDiff = "/";
|
||||
}
|
||||
arrs[5] = lastDiff;
|
||||
//环比增长率（%）
|
||||
let lastRate = 0;
|
||||
if(lastDiff=='/'&&lastNum!=='/'&&lastNum!==0){
|
||||
if (
|
||||
lastDiff == "/" &&
|
||||
lastNum !== "/" &&
|
||||
lastNum !== 0
|
||||
) {
|
||||
lastRate = (lastDiff / lastNum) * 100;
|
||||
} else {
|
||||
lastRate = '/'
|
||||
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
|
||||
if (
|
||||
wrapArr0[index] &&
|
||||
wrapArr0[index].elec_consume_unit
|
||||
) {
|
||||
sameRate =
|
||||
((arrs[1] -
|
||||
wrapArr0[index].elec_consume_unit) /
|
||||
wrapArr0[index].elec_consume_unit) *
|
||||
100;
|
||||
} else {
|
||||
sameRate='/';
|
||||
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;
|
||||
});
|
||||
handleQuery() {
|
||||
this.getMonthGoal();
|
||||
},
|
||||
handlePrint() {
|
||||
this.$PRINT('#myReport');
|
||||
this.$PRINT("#myReport");
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.tableName)
|
||||
this.$XLSX("#myTable", this.tableName);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
|
|
|||
Loading…
Reference in New Issue