feat:添加排放口和孰料产量

This commit is contained in:
shijing 2024-05-16 11:51:15 +08:00
parent 771bcc2add
commit 1d4023493c
5 changed files with 796 additions and 0 deletions

View File

@ -109,6 +109,39 @@ export default {
}
}
},
mpointstat: {
list: {
name: "列表",
req: async function(data){
return await http.get(
`${config.API_URL}/enm/mpointstat/`,
data);
}
},
create: {
name: "新增",
req: async function(data){
return await http.post(
`${config.API_URL}/enm/mpointstat/`,
data);
}
},
correct: {
name: "修正测点统计记录及统计值",
req: async function(id,data){
return await http.post(
`${config.API_URL}/enm/mpointstat/${id}/correct/`,
data);
}
},
delete: {
name: "删除",
req: async function(id){
return await http.delete(
`${config.API_URL}/enm/mpointstat/${id}/`);
}
},
},
enstat: {
name: "测点原始记录",
req: async function(data){

View File

@ -480,6 +480,16 @@ const routes = [
},
"component": "enm_kilnbase/handoverLog"
},
{
"name": "mgroupData",
"path": "/enm_kilnbase/mgroupData",
"meta": {
"title": "熟料产量",
"icon": "el-icon-document-copy",
"perms": ["enm_kilnbase"]
},
"component": "enm_kilnbase/mgroupData"
},
]
},
//余热发电 cogeneration
@ -787,6 +797,29 @@ const routes = [
},
]
},
//环保-排放口
{
"name": "enp",
"path": "/enp",
"meta": {
"title": "环保模块",
"icon": "el-icon-grid",
"type": "menu",
// "perms": ["enm_hb"]
},
"children": [
{
"name": "pfk",
"path": "/enp/pfk",
"meta": {
"title": "排放口",
"icon": "el-icon-cellphone",
// "perms": ["enm_hb"]
},
"component": "enp/pfk"
}
]
},
//电量报表
{
"name": "enm_energy",

View File

@ -0,0 +1,219 @@
<template>
<el-container>
<el-header>
<div class="left-panel">
<el-select
v-model="query.type"
placeholder="类型"
clearable
style="margin: 0 6px; width: 120px"
@change="typeChange"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<el-date-picker
v-if="query.type == 'day_s'"
v-model="searchDate"
type="month"
value-format="YYYY-MM"
formatter="YYYY-MM"
placeholder="选择月"
@change="dateChange"
></el-date-picker>
<el-date-picker
v-if="query.type == 'month_s'"
v-model="searchDate"
type="year"
value-format="YYYY"
formatter="YYYY"
placeholder="选择年"
@change="dateChange"
></el-date-picker>
<el-button
type="primary"
icon="el-icon-search"
style="margin-left: 6px"
@click="handleQuery"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable
ref="table"
:apiObj="apiObj"
row-key="id"
stripe
:params="query"
:query="query"
highlightCurrentRow
@row-click="rowClick"
>
<el-table-column type="index" width="50" />
<el-table-column label="测点" prop="mpoint_name">
</el-table-column>
<el-table-column label="年" prop="year_s"> </el-table-column>
<el-table-column label="月" prop="month_s"> </el-table-column>
<el-table-column label="日" prop="day_s"> </el-table-column>
<el-table-column label="当前值" prop="val"></el-table-column>
<el-table-column
label="校正值"
prop="val_correct"
></el-table-column>
<el-table-column
label="原始计算值"
prop="val_origin"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="140"
>
<template #default="scope">
<el-button
link
size="small"
@click="handle_edit(scope.row)"
type="primary"
>校正</el-button
>
</template>
</el-table-column>
</scTable>
</el-main>
<el-dialog title="熟料产量编辑" v-model="visible">
<el-main style="padding: 0 20px 20px 20px">
<el-form
ref="dialogForm"
:model="form"
label-position="right"
label-width="80px"
style="padding: 0 10px"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="所属部门">
<span>{{ form.belong_dept_name }}</span>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="工段名称">
<span>{{ form.mgroup_name }}</span>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="校正值">
<el-input-number
v-model="form.val_correct"
:min="0"
controls-position="right"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-main>
<el-footer>
<el-button type="primary" :loading="isSaveing" @click="submit"
>保存</el-button
>
<el-button @click="visible = false">取消</el-button>
</el-footer>
</el-dialog>
</el-container>
</template>
<script>
export default {
name: "sflog",
data() {
return {
searchDate: "",
apiObj: this.$API.enm.mpoint.stat,
query: {
year_s: "2024",
month_s: "5",
type: "day_s",
mgroup__name: "回转窑",
mpoint__code: "slcl",
},
deptId: "",
sflogItem: {},
options: [
{ label: "天", value: "day_s" },
{ label: "月", value: "month_s" },
],
form: {
id: "",
val_correct: "",
},
visible: false,
};
},
mounted() {
this.$API.mtm.mgroup.list
.req({ page: 0, search: "回转窑" })
.then((res) => {
console.log("回转窑", res);
this.query.mgroup = res[0].id;
this.deptId = res[0].belong_dept;
});
},
methods: {
typeChange() {
this.query.month_s = "";
this.query.year_s = "";
},
dateChange(val) {
console.log(val);
if (this.query.type == "day_s") {
this.query.month_s = val.split("-")[1];
this.query.year_s = val.split("-")[0];
} else {
this.query.year_s = val;
}
this.$refs.table.queryData(this.query);
},
handleQuery() {
this.$refs.table.queryData(this.query);
},
//
handle_edit(row) {
this.form = { ...row };
this.form.val_correct = row.val;
this.visible = true;
},
//
submit() {
this.$refs.dialogForm.validate((valid) => {
if (valid) {
this.isSaveing = true;
let obj = {};
obj.val_correct = this.form.val_correct;
this.$API.enm.mpointstat.correct
.req(this.form.id, obj)
.then((res) => {
this.isSaveing = false;
this.visible = false;
this.$refs.table.queryData(this.query);
})
.catch((e) => {
this.isSaveing = false;
});
}
});
},
},
};
</script>
<style scoped>
.searchBtn {
margin-left: 5px;
}
</style>

280
src/views/enp/pfk.vue Normal file
View File

@ -0,0 +1,280 @@
<template>
<el-container>
<el-header>
<div class="left-panel">
<el-input
style="margin-right: 5px"
v-model="query.search"
placeholder="名称"
clearable
></el-input>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div>
<div class="right-panel">
<el-button
type="primary"
icon="el-icon-plus"
@click="table_add"
v-auth="'mgroup.create'"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable
ref="table"
:apiObj="apiObj"
row-key="id"
:params="query"
hidePagination
>
<el-table-column
label="#"
type="index"
width="50"
></el-table-column>
<el-table-column label="名称" prop="name"></el-table-column>
<el-table-column label="编号" prop="number"></el-table-column>
<el-table-column
label="所属工段"
prop="mgroup_name"
></el-table-column>
<el-table-column label="等级" prop="level">
<template #default="scope">
<el-tag type="link">{{
level_[scope.row.level]
}}</el-tag>
</template>
</el-table-column>
<el-table-column label="类型" prop="cate">
<template #default="scope">
<el-tag>{{ cate_[scope.row.cate] }}</el-tag>
</template>
</el-table-column>
<el-table-column label="高度" prop="height"></el-table-column>
<el-table-column
label="处理量"
prop="treatment_capacity"
></el-table-column>
<el-table-column
label="最低限值"
prop="pm_limit"
></el-table-column>
<el-table-column
label="治理措施"
prop="measure"
></el-table-column>
<el-table-column
label="坐标"
prop="coordinates"
></el-table-column>
<el-table-column label="关联设备">
<template #default="scope">
<el-tag
v-for="item in scope.row.equipments_"
:key="item.id"
>{{ citem.name }}</el-tag
>
</template></el-table-column
>
<!-- <el-table-column
label="创建时间"
prop="create_time"
></el-table-column> -->
<el-table-column
label="操作"
fixed="right"
align="center"
width="150"
>
<template #default="scope">
<el-button
link
size="small"
@click="table_link(scope.row)"
v-auth="'mgroup.update'"
type="primary"
>设备</el-button
>
<el-divider direction="vertical"></el-divider>
<el-button
link
size="small"
@click="table_edit(scope.row)"
v-auth="'mgroup.update'"
type="primary"
>编辑</el-button
>
<el-divider direction="vertical"></el-divider>
<el-popconfirm
title="确定删除吗?"
@confirm="table_del(scope.row, scope.$index)"
>
<template #reference>
<el-button
link
size="small"
v-auth="'mgroup.delete'"
type="danger"
>删除</el-button
>
</template>
</el-popconfirm>
</template>
</el-table-column>
</scTable>
</el-main>
</el-container>
<save-dialog
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
<el-dialog title="熟料产量编辑" v-model="visible">
<el-main style="padding: 0 20px 20px 20px">
<el-form
ref="dialogForm"
:model="form"
label-position="right"
label-width="100px"
style="padding: 0 10px"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="排放口名称:">
<span>{{ form.name }}</span>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="排放口编号:">
<span>{{ form.number }}</span>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="关联设备:">
<el-select
v-model="form.equipments"
placeholder="关联设备"
clearable
filterable
multiple
style="width: 100%"
>
<el-option
v-for="item in options"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-main>
<el-footer>
<el-button type="primary" :loading="isSaveing" @click="submit"
>保存</el-button
>
<el-button @click="visible = false">取消</el-button>
</el-footer>
</el-dialog>
</template>
<script>
import saveDialog from "./pfk_form.vue";
export default {
name: "dept",
components: {
saveDialog,
},
data() {
return {
apiObj: this.$API.enp.drain.list,
query: {},
dialog: {
save: false,
},
selection: [],
level_: { 10: "主要排放口", 20: "次要排放口" },
cate_: {
product: "生产工艺",
mtrans: "物料输送",
mstore: "物料储存",
},
visible: false,
options: [],
};
},
methods: {
getOptions() {
this.$API.em.equipment.list
.req({ page: 0, type__in: "10,20,30" })
.then((res) => {
this.options = res;
});
},
//
table_link(row) {
this.visible = true;
this.form = row;
this.getOptions();
},
//
submit() {
this.$refs.dialogForm.validate((valid) => {
if (valid) {
this.isSaveing = true;
this.$API.enp.drain.update
.req(this.form.id, this.form)
.then((res) => {
this.visible = false;
this.isSaveing = false;
})
.catch(() => {
this.isSaveing = false;
});
}
});
},
//
table_add() {
this.dialog.save = true;
this.$nextTick(() => {
this.$refs.saveDialog.open("add");
});
},
//
table_edit(row) {
this.dialog.save = true;
this.$nextTick(() => {
this.$refs.saveDialog.open("edit").setData(row);
});
},
//
async table_del(row) {
var id = row.id;
var res = await this.$API.enp.drain.delete.req(id);
if (res.err_msg) {
this.$message.error(res.err_msg);
} else {
this.$refs.table.refresh();
this.$message.success("删除成功");
}
},
//
handleQuery() {
this.$refs.table.queryData(this.query);
},
//
handleSaveSuccess(data, mode) {
this.dialog.save = false;
this.$refs.table.refresh();
},
},
};
</script>
<style scoped></style>

231
src/views/enp/pfk_form.vue Normal file
View File

@ -0,0 +1,231 @@
<template>
<el-dialog
:title="titleMap[mode]"
v-model="visible"
:size="1000"
destroy-on-close
@closed="$emit('closed')"
>
<el-container v-loading="loading">
<el-main style="padding: 0 20px 20px 20px">
<el-form
ref="dialogForm"
:model="form"
:rules="rules"
label-position="right"
label-width="100px"
>
<el-form-item label="名称" prop="name">
<el-input v-model="form.name" clearable></el-input>
</el-form-item>
<el-form-item label="编号" prop="number">
<el-input v-model="form.number" clearable></el-input>
</el-form-item>
<el-form-item label="等级">
<el-select
v-model="form.level"
placeholder="等级"
clearable
style="width: 100%"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="分类" prop="cate">
<el-select
v-model="form.cate"
placeholder="分类"
clearable
style="width: 100%"
>
<el-option
v-for="item in cateOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="排气筒高度">
<el-input-number
v-model="form.height"
:min="1"
controls-position="right"
style="width: 100%"
></el-input-number>
</el-form-item>
<el-form-item label="处理量">
<el-input-number
v-model="form.treatment_capacity"
:min="1"
controls-position="right"
style="width: 100%"
></el-input-number>
</el-form-item>
<el-form-item label="最低限值">
<el-input-number
v-model="form.pm_limit"
:min="1"
controls-position="right"
style="width: 100%"
></el-input-number>
</el-form-item>
<el-form-item label="治理措施">
<el-input v-model="form.measure" clearable></el-input>
</el-form-item>
<el-form-item label="坐标">
<el-input
v-model="form.coordinates"
clearable
></el-input>
</el-form-item>
<el-form-item label="所属工段">
<el-select
v-model="form.mgroup"
placeholder="所属工段"
clearable
style="width: 100%"
>
<el-option
v-for="item in mgroups"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-form>
</el-main>
<el-footer>
<el-button type="primary" :loading="isSaveing" @click="submit"
>保存</el-button
>
<el-button @click="visible = false">取消</el-button>
</el-footer>
</el-container>
</el-dialog>
</template>
<script>
const defaultForm = {
type: 10,
number: "",
name: "",
cate: "",
level: "",
height: "",
treatment_capacity: "", //
pm_limit: "", //
measure: "", //
coordinates: "", //
mgroup: "",
};
export default {
emits: ["success", "closed"],
data() {
return {
mgroupList: [],
loading: false,
mode: "add",
titleMap: {
add: "新增排放口",
edit: "编辑排放口",
show: "查看排放口",
},
form: defaultForm,
rules: {
name: [
{
required: true,
message: "请输入排放口名称",
trigger: "blur",
},
],
number: [
{
required: true,
message: "请输入排放口编号",
trigger: "blur",
},
],
},
visible: false,
isSaveing: false,
options: [
{ label: "主要排放口", value: 10 },
{ label: "次要排放口", value: 20 },
],
cateOptions: [
{ label: "生产工艺", value: "product" },
{ label: "物料输送", value: "mtrans" },
{ label: "物料储存", value: "mstore" },
],
mgroups: [],
};
},
mounted() {
this.getMgroups();
},
methods: {
//
getMgroups() {
var res = this.$API.mtm.mgroup.list.req({ page: 0 }).then((res) => {
this.mgroups = res;
});
},
//
open(mode = "add") {
this.mode = mode;
this.visible = true;
return this;
},
//
setData(data) {
Object.assign(this.form, data);
},
//
submit() {
let that = this;
that.$refs.dialogForm.validate(async (valid) => {
if (valid) {
that.isSaveing = true;
if (that.mode === "add") {
that.$API.enp.drain.create
.req(that.form)
.then((res) => {
that.isSaveing = false;
that.$emit("success", that.form, that.mode);
that.visible = false;
that.$message.success("操作成功");
});
} else {
res = that.$API.enp.drain.update
.req(that.form.id, that.form)
.then((res) => {
that.isSaveing = false;
that.$emit("success", that.form, that.mode);
that.visible = false;
that.$message.success("操作成功");
});
}
} else {
that.isSaveing = false;
}
});
},
//
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
},
};
</script>
<style></style>