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

fix: 工段表单及相关文件表述修改

This commit is contained in:
caoqianming 2024-04-18 14:46:18 +08:00
parent 9286ad0d73
commit 02b03770c3
9 changed files with 1459 additions and 1044 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/api/model/mtm.js
View File

@ -152,10 +152,10 @@ export default {
}
},
},
// 测点集
// 工段
mgroup: {
list: {
name: "测点集列表",
name: "工段列表",
req: async function(data){
return await http.get(
`${config.API_URL}/mtm/mgroup/`,
@ -164,7 +164,7 @@ export default {
}
},
item: {
name: "获取测点集详情",
name: "获取工段详情",
req: async function(id){
return await http.get(
`${config.API_URL}/mtm/mgroup/${id}/`

2
src/config/route.js
View File

@ -2353,7 +2353,7 @@ const routes = [
"name": "mgruop",
"path": "/enm_base/mgruop",
"meta": {
"title": "测点集",
"title": "工段",
"icon": "el-icon-grid",
"perms": ["enm_base"]
},

709
src/views/em/mpoint_form.vue
View File

@ -1,328 +1,409 @@
<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"
:disabled="mode == 'show'"
label-width="80px"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="名称" prop="name">
<el-input v-model="form.name" clearable></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="测点编号" prop="code">
<el-input v-model="form.code" clearable></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="单位" prop="unit">
<el-input v-model="form.unit" clearable></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="监测设备">
<el-select
v-model="form.ep_monitored"
placeholder="监测设备"
clearable
style="width: 100%;"
>
<el-option
v-for="item in epOptions"
: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="所属设备">
<el-select
v-model="form.ep_belong"
placeholder="所属设备"
clearable
style="width: 100%;"
>
<el-option
v-for="item in epOptions"
: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="计量物料">
<el-select
v-model="form.material"
placeholder="计量物料"
clearable
style="width: 100%;"
>
<el-option
v-for="item in materials"
: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="计算公式">
<el-input v-model="form.formula" clearable></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<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"
:disabled="mode == 'show'"
label-width="90px"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="名称" prop="name">
<el-input
v-model="form.name"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="测点编号" prop="code">
<el-input
v-model="form.code"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="单位" prop="unit">
<el-input
v-model="form.unit"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="值类型" prop="val_type">
<el-select
v-model="form.val_type"
style="width: 100%"
>
<el-option
v-for="e in valTypeEnum.values"
:key="e.key"
:value="e.key"
:label="e.text"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="所监测设备">
<el-select
v-model="form.ep_monitored"
placeholder="所监测设备"
clearable
style="width: 100%"
>
<el-option
v-for="item in epOptions"
: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="所属设备">
<el-select
v-model="form.ep_belong"
placeholder="所属设备"
clearable
style="width: 100%"
>
<el-option
v-for="item in epOptions"
: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="计量物料">
<el-select
v-model="form.material"
placeholder="计量物料"
clearable
style="width: 100%"
>
<el-option
v-for="item in materials"
: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="是否启用">
<el-switch v-model="form.enabled" />
</el-form-item>
</el-col>
<el-col :md="24" :sm="24">
<el-form-item label="计算公式">
<el-input
v-model="form.formula"
clearable
></el-input>
</el-form-item>
</el-col>
<!-- <el-col :md="12" :sm="24">
<el-form-item label="调用方法">
<el-input v-model="form.func_on_change" clearable></el-input>
</el-form-item>
</el-col>
<el-col :md="8" :sm="24">
<el-form-item label="是否启用">
<el-switch v-model="form.enabled"/>
</el-form-item>
</el-col>
<el-col :md="8" :sm="24">
<el-form-item label="自动采集">
<el-switch v-model="form.is_auto"/>
</el-form-item>
</el-col>
<el-col :md="8" :sm="24">
<el-form-item label="采集间隔(s)" label-width="90">
<el-input-number v-model="form.interval"></el-input-number>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="工段数据">
<el-switch v-model="form.is_all"/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="所属工段" prop="mgroup">
<el-select
v-model="form.mgroup"
placeholder="所属工段"
clearable
style="width: 100%;"
@change="mgroupChange"
>
<el-option
v-for="item in mgroupOptions"
: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="工段分配">
<el-button
type="primary"
icon="el-icon-plus"
@click="addAllocate"
></el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<template v-for="(item,$index) in form.mgroups_allocate" :key="$index">
<el-col :md="11" :sm="24">
<el-form-item label="分配工段" prop="mgroup">
<el-select
v-model="item.mgroup"
placeholder="分配工段"
clearable
style="width: 100%;"
>
<el-option
v-for="item in mgroupOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="11" :sm="24">
<el-form-item label="分配比例" prop="rate">
<el-input-number precision="2" v-model="item.ratio" step="0.1" min="0" max="1" clearable controls-position="right"></el-input-number>
</el-form-item>
</el-col>
<el-col :md="2" :sm="24">
<el-button
type="primary"
icon="el-icon-delete"
@click="delAllocate($index)"
></el-button>
</el-col>
</template>
</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-container>
</el-dialog>
</el-col> -->
<el-col :md="12" :sm="24">
<el-form-item label="自动采集">
<el-switch v-model="form.is_auto" />
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="采集间隔(s)" label-width="90">
<el-input-number
v-model="form.interval"
></el-input-number>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="是否表示所监测设备的运行状态"
label-width="220"
>
<el-switch
v-model="form.is_rep_ep_running_state"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="状态量基准值"
label-width="100"
>
<el-input-number
v-model="form.ep_base_val1"
:precision="3"
></el-input-number>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item
label="所属工段"
prop="mgroup"
label-width="120"
>
<el-select
v-model="form.mgroup"
placeholder="所属工段"
clearable
style="width: 100%"
@change="mgroupChange"
>
<el-option
v-for="item in mgroupOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="24" :sm="24">
<el-form-item
label="累计量工段分配"
label-width="120"
>
<el-button
type="primary"
icon="el-icon-plus"
@click="addAllocate"
></el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<template
v-for="(item, $index) in form.mgroups_allocate"
:key="$index"
>
<el-col :md="11" :sm="24">
<el-form-item label="分配工段" prop="mgroup">
<el-select
v-model="item.mgroup"
placeholder="分配工段"
clearable
style="width: 100%"
>
<el-option
v-for="item in mgroupOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="11" :sm="24">
<el-form-item label="分配比例" prop="rate">
<el-input-number
precision="2"
v-model="item.ratio"
step="0.1"
min="0"
max="1"
clearable
controls-position="right"
></el-input-number>
</el-form-item>
</el-col>
<el-col :md="2" :sm="24">
<el-button
type="primary"
icon="el-icon-delete"
@click="delAllocate($index)"
></el-button>
</el-col>
</template>
</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-container>
</el-dialog>
</template>
<script>
import { valTypeEnum } from "@/utils/enum.js";
export default {
emits: ["success", "closed"],
data() {
return {
loading: false,
mode: "add",
titleMap: {
add: "新增",
edit: "编辑",
show: "查看",
},
form: {
is_auto:true,
belong_dept:null,
mgroup:null,
mgroups_allocate:[],
interval: 10,
func_on_change: ''
},
rules: {
name: [{required: true, message: '请输入测点名称'}],
code: [{required: true, message: '请输入测点编号'}],
unit: [{required: true, message: '请输入测点单位'}],
unmgroupit: [{required: true, message: '请请选择测点集'}],
},
is_all_dept:false,
visible: false,
isSaveing: false,
setFiltersVisible: false,
mgroupOptions:[],
epOptions:[],
materials:[],
monitoredOptions:[],
};
},
mounted() {
this.getMgroup();
this.getEquipment();
this.getMonitored();
this.getMaterial();
},
methods: {
//获取集合列表
getMgroup(){
this.$API.mtm.mgroup.list.req({page:0,cate:'section'}).then(res=>{
this.mgroupOptions = res;
})
},
//获取设备列表
getEquipment(){
this.$API.em.equipment.list.req({page:0,type:10}).then(res=>{
this.epOptions = res;
})
},
//获取监测设备列表
getMonitored(){
this.$API.em.equipment.list.req({page:0,type:20}).then(res=>{
this.monitoredOptions = res;
})
},
//获取产品列表
getMaterial(){
this.$API.mtm.material.list.req({page:0, type__in:"0, 30"}).then(res=>{
this.materials = res;
})
},
mgroupChange(e){
this.form.mgroups_allocate.push({mgroup:e,ratio:1});
},
//显示
open(mode = "add") {
this.mode = mode;
this.visible = true;
return this;
},
addAllocate(){
this.form.mgroups_allocate.push({mgroup:null,ratio:0});
},
delAllocate(index){
this.form.mgroups_allocate.splice(index,1)
},
//表单提交方法
submit() {
this.$refs.dialogForm.validate(async (valid) => {
if (valid) {
this.isSaveing = true;
if(this.form.mgroup==''){
this.form.mgroup=null
}
if( this.form.mgroups_allocate.length>0){
let arr = this.form.mgroups_allocate.filter(item=>{
return item.mgroup!==''&&item.mgroup!==null
})
this.form.mgroups_allocate = arr;
}
if (this.mode == "add") {
this.$API.enm.mpoint.create.req(this.form).then(res=>{
this.isSaveing = false;
this.$emit("success", this.form, this.mode);
this.visible = false;
this.$message.success("操作成功");
}).catch(res=>{
this.isSaveing = false;
})
} else if (this.mode == "edit") {
this.$API.enm.mpoint.update.req(this.form.id,this.form).then(res=>{
this.isSaveing = false;
this.$emit("success", this.form, this.mode);
this.visible = false;
this.$message.success("操作成功");
}).catch(res=>{
this.isSaveing = false;
})
}
}
});
},
//表单注入数据
setData(data) {
debugger;
console.log(data)
if(data.mgroups_allocate.length>1){
this.is_all_dept = true
}
Object.assign(this.form, data);
},
//设置过滤项
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
},
emits: ["success", "closed"],
data() {
return {
valTypeEnum,
loading: false,
mode: "add",
titleMap: {
add: "新增",
edit: "编辑",
show: "查看",
},
form: {
is_auto: true,
belong_dept: null,
mgroup: null,
mgroups_allocate: [],
interval: 10,
func_on_change: "",
is_rep_ep_running_state: false,
},
rules: {
name: [{ required: true, message: "请输入测点名称" }],
code: [{ required: true, message: "请输入测点编号" }],
unit: [{ required: true, message: "请输入测点单位" }],
val_type: [{ required: true, message: "请选择值类型" }],
unmgroupit: [{ required: true, message: "请请选择工段" }],
},
is_all_dept: false,
visible: false,
isSaveing: false,
setFiltersVisible: false,
mgroupOptions: [],
epOptions: [],
materials: [],
monitoredOptions: [],
};
},
mounted() {
this.getMgroup();
this.getEquipment();
this.getMonitored();
this.getMaterial();
},
methods: {
//获取集合列表
getMgroup() {
this.$API.mtm.mgroup.list
.req({ page: 0, cate: "section" })
.then((res) => {
this.mgroupOptions = res;
});
},
//获取设备列表
getEquipment() {
this.$API.em.equipment.list
.req({ page: 0, type: 10 })
.then((res) => {
this.epOptions = res;
});
},
//获取监测设备列表
getMonitored() {
this.$API.em.equipment.list
.req({ page: 0, type: 20 })
.then((res) => {
this.monitoredOptions = res;
});
},
//获取产品列表
getMaterial() {
this.$API.mtm.material.list
.req({ page: 0, type__in: "0, 30" })
.then((res) => {
this.materials = res;
});
},
mgroupChange(e) {
this.form.mgroups_allocate.push({ mgroup: e, ratio: 1 });
},
//显示
open(mode = "add") {
this.mode = mode;
this.visible = true;
return this;
},
addAllocate() {
this.form.mgroups_allocate.push({ mgroup: null, ratio: 0 });
},
delAllocate(index) {
this.form.mgroups_allocate.splice(index, 1);
},
//表单提交方法
submit() {
this.$refs.dialogForm.validate(async (valid) => {
if (valid) {
this.isSaveing = true;
if (this.form.mgroup == "") {
this.form.mgroup = null;
}
if (this.form.mgroups_allocate.length > 0) {
let arr = this.form.mgroups_allocate.filter((item) => {
return item.mgroup !== "" && item.mgroup !== null;
});
this.form.mgroups_allocate = arr;
}
if (this.mode == "add") {
this.$API.enm.mpoint.create
.req(this.form)
.then((res) => {
this.isSaveing = false;
this.$emit("success", this.form, this.mode);
this.visible = false;
this.$message.success("操作成功");
})
.catch((res) => {
this.isSaveing = false;
});
} else if (this.mode == "edit") {
this.$API.enm.mpoint.update
.req(this.form.id, this.form)
.then((res) => {
this.isSaveing = false;
this.$emit("success", this.form, this.mode);
this.visible = false;
this.$message.success("操作成功");
})
.catch((res) => {
this.isSaveing = false;
});
}
}
});
},
//表单注入数据
setData(data) {
debugger;
console.log(data);
if (data.mgroups_allocate.length > 1) {
this.is_all_dept = true;
}
Object.assign(this.form, data);
},
//设置过滤项
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
},
};
</script>
<style>
.formItem{
width: 100%;
.formItem {
width: 100%;
}
</style>

245
src/views/enm_base/mgroup.vue
View File

@ -2,31 +2,110 @@
<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>
<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>
<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" min-width="100"></el-table-column>
<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"
min-width="100"
></el-table-column>
<el-table-column label="分类" prop="cate" min-width="100">
<template #default="scope">
<span>{{ cates_[scope.row.cate] }}</span>
</template>
</el-table-column>
<el-table-column label="所属部门" prop="belong_dept_name" min-width="150"></el-table-column>
<el-table-column label="创建时间" prop="create_time" min-width="150"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="140">
<el-table-column
label="排班规则"
prop="shift_rule"
min-width="100"
></el-table-column>
<el-table-column label="开启能源监测" min-width="100">
<template #default="scope">
<el-button link size="small" @click="table_edit(scope.row)" v-auth="'mgroup.update'" type="primary">编辑</el-button>
<el-icon v-if="scope.row.need_enm" color="green"
><CircleCheckFilled
/></el-icon>
<el-icon v-else color="red"
><CircleCloseFilled
/></el-icon>
</template>
</el-table-column>
<el-table-column label="是否正在运行" min-width="100">
<template #default="scope">
<el-icon v-if="scope.row.is_running" color="green"
><CircleCheckFilled
/></el-icon>
</template>
</el-table-column>
<el-table-column
label="所属部门"
prop="belong_dept_name"
min-width="150"
></el-table-column>
<el-table-column
label="创建时间"
prop="create_time"
min-width="150"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="140"
>
<template #default="scope">
<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)">
<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>
<el-button
link
size="small"
v-auth="'mgroup.delete'"
type="danger"
>删除</el-button
>
</template>
</el-popconfirm>
</template>
@ -35,79 +114,85 @@
</el-main>
</el-container>
<save-dialog
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
</template>
<script>
import saveDialog from "./mgroup_form.vue";
export default {
name: 'dept',
components: {
saveDialog
import saveDialog from "./mgroup_form.vue";
export default {
name: "dept",
components: {
saveDialog,
},
data() {
return {
apiObj: this.$API.mtm.mgroup.list,
query: {
cate: "section",
},
dialog: {
save: false,
permission: false,
},
selection: [],
cates_: {
section: "工序",
other: "其他",
},
};
},
methods: {
//添加
table_add() {
this.dialog.save = true;
this.$nextTick(() => {
this.$refs.saveDialog.open("add");
});
},
data() {
return {
apiObj: this.$API.mtm.mgroup.list,
query: {
cate: "section"
},
dialog: {
save: false,
permission: false,
},
selection:[],
cates_:{
'section':'工序',
'other':'其他',
},
//编辑
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.mtm.mgroup.delete.req(id);
if (res.err_msg) {
this.$message.error(res.err_msg);
} else {
this.$refs.table.refresh();
this.$message.success("删除成功");
}
},
methods: {
//添加
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.mtm.mgroup.delete.req(id);
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.$refs.table.refresh();
this.$message.success("删除成功")
}
},
//表格选择后回调事件
selectionChange(selection){
this.selection = selection;
},
//搜索
handleQuery(){
this.$refs.table.queryData(this.query)
},
//本地更新数据
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.dialog.save = true;
this.$refs.table.refresh();
},
}
}
//表格选择后回调事件
selectionChange(selection) {
this.selection = selection;
},
//搜索
handleQuery() {
this.$refs.table.queryData(this.query);
},
//本地更新数据
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.dialog.save = true;
this.$refs.table.refresh();
},
},
};
</script>
<style scoped>
.treeMain {width: 100%;height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
.treeMain {
width: 100%;
height: 280px;
overflow: auto;
border: 1px solid #dcdfe6;
margin-bottom: 10px;
}
</style>

470
src/views/enm_base/mgroup_form.vue
View File

@ -1,221 +1,265 @@
<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="80px"
style="padding: 0 10px;"
>
<el-form-item label="名称" prop="name">
<el-input v-model="form.name" clearable></el-input>
</el-form-item>
<!-- <el-form-item label="排班规则">
<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="80px"
style="padding: 0 10px"
>
<el-form-item label="名称" prop="name">
<el-input v-model="form.name" clearable></el-input>
</el-form-item>
<!-- <el-form-item label="排班规则">
<el-input v-model="form.shift_rule" clearable></el-input>
</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 options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="主要产品">
<el-select
v-model="form.product"
placeholder="主要产品"
clearable
style="width: 100%;"
>
<el-option
v-for="item in materials"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="直接材料">
<el-select
v-model="form.input_materials"
placeholder="直接材料"
clearable
multiple
style="width: 100%;"
>
<el-option
v-for="item in materials"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="检测材料">
<el-select
v-model="form.test_materials"
placeholder="检测材料"
clearable
multiple
style="width: 100%;"
>
<el-option
v-for="item in materials"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属部门">
<el-select
v-model="form.belong_dept"
placeholder="所属部门"
clearable
style="width: 100%;"
>
<el-option
v-for="item in group"
: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 = {
name: "",
cate:'',
product:'',
belong_dept:'',
test_materials:'',
input_materials:'',
};
export default {
emits: ["success", "closed"],
data() {
return {
loading: false,
mode: "add",
titleMap: {
add: '新增测点集',
edit: '编辑测点集',
show: '查看测点集'
},
//表单数据
form: {
shift_rule:'tkx'
},
//验证规则
rules: {
name: [{required: true, message: "请输入名称", trigger: "blur"}],
cate: [{required: true, message: "请选择分类", trigger: "blur"}],
material: [{required: true, message: "请选择主要产品", trigger: "blur"}],
belong_dept: [{required: true, message: "请选择所属部门", trigger: "blur"}]
},
visible: false,
isSaveing: false,
options:[
{label:'工段',value:'section'},
{label:'其他',value:'other'},
<el-form-item label="分类" prop="cate">
<el-select
v-model="form.cate"
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="排班规则">
<el-select
v-model="form.shift_rule"
style="width: 100%"
>
<el-option
v-for="item in shiftOptions"
:key="item"
:label="item"
:value="item"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="主要产品">
<el-select
v-model="form.product"
placeholder="主要产品"
clearable
style="width: 100%"
>
<el-option
v-for="item in materials"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="直接材料">
<el-select
v-model="form.input_materials"
placeholder="直接材料"
clearable
multiple
style="width: 100%"
>
<el-option
v-for="item in materials"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="检测材料">
<el-select
v-model="form.test_materials"
placeholder="检测材料"
clearable
multiple
style="width: 100%"
>
<el-option
v-for="item in materials"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属部门">
<el-select
v-model="form.belong_dept"
placeholder="所属部门"
clearable
style="width: 100%"
>
<el-option
v-for="item in group"
: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 = {
name: "",
cate: "",
product: "",
belong_dept: "",
test_materials: "",
input_materials: "",
};
export default {
emits: ["success", "closed"],
data() {
return {
shiftOptions: [],
loading: false,
mode: "add",
titleMap: {
add: "新增工段",
edit: "编辑工段",
show: "查看工段",
},
//表单数据
form: {
shift_rule: "tkx",
},
//验证规则
rules: {
name: [
{ required: true, message: "请输入名称", trigger: "blur" },
],
group: [],
materials:[],
setFiltersVisible: false,
};
},
mounted() {
this.getGroup();//获取部门
this.getMaterials();//获取产品
},
methods: {
//加载树数据
getGroup() {
this.$API.system.dept.list.req({ page_size: 3 , type:'dept'}).then(res=>{
cate: [
{ required: true, message: "请选择分类", trigger: "blur" },
],
// material: [{required: true, message: "请选择主要产品", trigger: "blur"}],
belong_dept: [
{
required: true,
message: "请选择所属部门",
trigger: "blur",
},
],
},
visible: false,
isSaveing: false,
options: [
{ label: "工段", value: "section" },
{ label: "其他", value: "other" },
],
group: [],
materials: [],
setFiltersVisible: false,
};
},
mounted() {
this.getShifts();
this.getGroup(); //获取部门
this.getMaterials(); //获取产品
},
methods: {
getShifts() {
let shiftList = [];
this.$API.mtm.shift.list.req({ page: 0 }).then((res) => {
for (var i = 0; i < res.length; i++) {
if (shiftList.indexOf(res[i].rule) == -1) {
shiftList.push(res[i].rule);
}
}
this.shiftOptions = shiftList;
});
},
//加载树数据
getGroup() {
this.$API.system.dept.list
.req({ page_size: 3, type: "dept" })
.then((res) => {
this.group = res.results;
});
},
//获取产品列表
getMaterials(){
var res = this.$API.mtm.material.list.req({page:0}).then(res=>{
},
//获取产品列表
getMaterials() {
var res = this.$API.mtm.material.list
.req({ page: 0 })
.then((res) => {
this.materials = res;
});
},
//显示
open(mode = "add") {
this.mode = mode;
this.visible = true;
return this;
},
//表单注入数据
setData(data) {
Object.assign(this.form,data);
},
getReceptionist(data) {
this.form.leader=data.id;
this.form.leader_name=data.name
},
//表单提交方法
submit() {
let that = this;
that.$refs.dialogForm.validate(async (valid) => {
if (valid) {
that.isSaveing = true;
if(that.mode==='add'){
that.$API.mtm.mgroup.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.mtm.mgroup.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("操作成功");
})
}
}
});
},
//设置过滤项
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
},
};
</script>
<style>
</style>
},
//显示
open(mode = "add") {
this.mode = mode;
this.visible = true;
return this;
},
//表单注入数据
setData(data) {
Object.assign(this.form, data);
},
getReceptionist(data) {
this.form.leader = data.id;
this.form.leader_name = data.name;
},
//表单提交方法
submit() {
let that = this;
that.$refs.dialogForm.validate(async (valid) => {
if (valid) {
that.isSaveing = true;
if (that.mode === "add") {
that.$API.mtm.mgroup.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.mtm.mgroup.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("操作成功");
});
}
}
});
},
//设置过滤项
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
},
};
</script>
<style></style>

268
src/views/enm_monthSet/feeset.vue
View File

@ -11,13 +11,13 @@
style="width: 120px;margin-right: 5px;"
/> -->
<el-date-picker
v-model="query.date"
type="month"
value-format="YYYY-MM"
format="YYYY-MM"
placeholder="月"
v-model="query.date"
type="month"
value-format="YYYY-MM"
format="YYYY-MM"
placeholder="月"
class="headerSearch"
/>
/>
<el-select
v-model="query.fee"
placeholder="费用类型"
@ -44,31 +44,81 @@
: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>
<div class="right-panel">
<el-button type="primary" icon="el-icon-plus" @click="table_add" v-auth="'feeset.create'"></el-button>
<el-button
type="primary"
icon="el-icon-plus"
@click="table_add"
v-auth="'feeset.create'"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id">
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="年" prop="year" min-width="100"></el-table-column>
<el-table-column label="月" prop="month" min-width="100"></el-table-column>
<el-table-column label="单位成本" prop="cost_unit" min-width="150"></el-table-column>
<el-table-column label="关联工段" prop="mgroup_name" min-width="150"></el-table-column>
<el-table-column
label="#"
type="index"
width="50"
></el-table-column>
<el-table-column
label="年"
prop="year"
min-width="100"
></el-table-column>
<el-table-column
label="月"
prop="month"
min-width="100"
></el-table-column>
<el-table-column
label="单位成本"
prop="cost_unit"
min-width="150"
></el-table-column>
<el-table-column
label="关联工段"
prop="mgroup_name"
min-width="150"
></el-table-column>
<el-table-column label="关联费用" prop="fee" min-width="150">
<template #default="scope">
<span>{{ scope.row.fee_.name }}</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="table_edit(scope.row)" v-auth="'feeset.update'" type="primary">编辑</el-button>
<el-button
link
size="small"
@click="table_edit(scope.row)"
v-auth="'feeset.update'"
type="primary"
>编辑</el-button
>
<el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
<el-popconfirm
title="确定删除吗？"
@confirm="table_del(scope.row, scope.$index)"
>
<template #reference>
<el-button link size="small" v-auth="'feeset.delete'" type="danger">删除</el-button>
<el-button
link
size="small"
v-auth="'feeset.delete'"
type="danger"
>删除</el-button
>
</template>
</el-popconfirm>
</template>
@ -77,101 +127,107 @@
</el-main>
</el-container>
<save-dialog
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
</template>
<script>
import saveDialog from "./feeset_form.vue";
export default {
name: 'dept',
components: {
saveDialog
import saveDialog from "./feeset_form.vue";
export default {
name: "dept",
components: {
saveDialog,
},
data() {
return {
apiObj: this.$API.fim.feeset.list,
query: {
date: "",
fee: "",
mgroup: "",
},
dialog: {
save: false,
},
selection: [],
options: [],
feeOptions: [],
};
},
mounted() {
this.getFee();
this.getMgroup();
},
methods: {
//获取集合列表
getMgroup() {
this.$API.mtm.mgroup.list.req({ page: 0 }).then((res) => {
this.options = res;
});
},
data() {
return {
apiObj: this.$API.fim.feeset.list,
query: {
date:'',
fee:'',
mgroup:'',
},
dialog: {
save: false,
},
selection:[],
options:[],
feeOptions:[],
//获取类型列表
getFee() {
this.$API.fim.fee.req({ page: 0 }).then((res) => {
this.feeOptions = res;
});
},
//添加
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.mtm.mgroup.delete.req(id);
if (res.err_msg) {
this.$message.error(res.err_msg);
} else {
this.$refs.table.refresh();
this.$message.success("删除成功");
}
},
mounted(){
this.getFee();
this.getMgroup();
//表格选择后回调事件
selectionChange(selection) {
this.selection = selection;
},
methods: {
//获取集合列表
getMgroup(){
this.$API.mtm.mgroup.list.req({page:0}).then(res=>{
this.options = res;
})
},
//获取类型列表
getFee(){
this.$API.fim.fee.req({page:0}).then(res=>{
this.feeOptions = res;
})
},
//添加
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.mtm.mgroup.delete.req(id);
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.$refs.table.refresh();
this.$message.success("删除成功")
}
},
//表格选择后回调事件
selectionChange(selection){
this.selection = selection;
},
//搜索
handleQuery(){
let year = this.query.date.split('-')[0];
let month = this.query.date.split('-')[1];
let query = {};
query.year = Number(year);
query.month = Number(month);
query.fee =this.query.fee;
query.mgroup =this.query.mgroup;
this.$refs.table.queryData(query)
},
//本地更新数据
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.dialog.save = false;
this.$refs.table.refresh();
},
}
}
//搜索
handleQuery() {
let year = this.query.date.split("-")[0];
let month = this.query.date.split("-")[1];
let query = {};
query.year = Number(year);
query.month = Number(month);
query.fee = this.query.fee;
query.mgroup = this.query.mgroup;
this.$refs.table.queryData(query);
},
//本地更新数据
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.dialog.save = false;
this.$refs.table.refresh();
},
},
};
</script>
<style scoped>
.treeMain {width: 100%;height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
.treeMain {
width: 100%;
height: 280px;
overflow: auto;
border: 1px solid #dcdfe6;
margin-bottom: 10px;
}
</style>

420
src/views/enm_monthSet/feeset_form.vue
View File

@ -1,202 +1,224 @@
<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="80px"
style="padding: 0 10px;"
>
<el-row>
<el-col :lg="12" :md="24">
<el-form-item label="月份" prop="date">
<el-date-picker
v-model="form.date"
type="month"
value-format="YYYY-MM"
format="YYYY-MM"
placeholder="月"
style="width: 100%;"
/>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24">
<el-form-item label="关联工段" prop="mgroup">
<el-select
v-model="form.mgroup"
placeholder="关联工段"
clearable
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-col :lg="12" :md="24">
<el-form-item label="关联费用" prop="fee">
<el-select
v-model="form.fee"
placeholder="关联费用"
clearable
style="width: 100%;"
>
<el-option
v-for="item in feeOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24">
<el-form-item label="单位成本" prop="cost_unit">
<el-input-number
v-model="form.cost_unit"
controls-position="right"
:precision="2"
style="width: 100%;"
clearable>
</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-container>
</el-dialog>
</template>
<script>
const defaultForm = {
year: "",
month:'',
mgroup:'',
fee:'',
cost_unit:'',
};
export default {
emits: ["success", "closed"],
data() {
return {
loading: false,
mode: "add",
titleMap: {
add: '新增测点集',
edit: '编辑测点集',
show: '查看测点集'
},
//表单数据
form: {
},
//验证规则
rules: {
name: [{required: true, message: "请输入名称", trigger: "blur"}],
cate: [{required: true, message: "请选择分类", trigger: "blur"}],
material: [{required: true, message: "请选择主要产品", trigger: "blur"}],
belong_dept: [{required: true, message: "请选择所属部门", trigger: "blur"}]
},
visible: false,
isSaveing: false,
options: [],
feeOptions:[],
setFiltersVisible: false,
};
},
mounted() {
this.getFee();
this.getMgroup();
},
methods: {
//获取集合列表
getMgroup(){
this.$API.mtm.mgroup.list.req({page:0}).then(res=>{
this.options = res;
})
<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="80px"
style="padding: 0 10px"
>
<el-row>
<el-col :lg="12" :md="24">
<el-form-item label="月份" prop="date">
<el-date-picker
v-model="form.date"
type="month"
value-format="YYYY-MM"
format="YYYY-MM"
placeholder="月"
style="width: 100%"
/>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24">
<el-form-item label="关联工段" prop="mgroup">
<el-select
v-model="form.mgroup"
placeholder="关联工段"
clearable
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-col :lg="12" :md="24">
<el-form-item label="关联费用" prop="fee">
<el-select
v-model="form.fee"
placeholder="关联费用"
clearable
style="width: 100%"
>
<el-option
v-for="item in feeOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24">
<el-form-item label="单位成本" prop="cost_unit">
<el-input-number
v-model="form.cost_unit"
controls-position="right"
:precision="2"
style="width: 100%"
clearable
>
</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-container>
</el-dialog>
</template>
<script>
const defaultForm = {
year: "",
month: "",
mgroup: "",
fee: "",
cost_unit: "",
};
export default {
emits: ["success", "closed"],
data() {
return {
loading: false,
mode: "add",
titleMap: {
add: "新增",
edit: "编辑",
show: "查看",
},
//获取类型列表
getFee(){
this.$API.fim.fee.req({page:0}).then(res=>{
this.feeOptions = res;
})
//表单数据
form: {},
//验证规则
rules: {
name: [
{ required: true, message: "请输入名称", trigger: "blur" },
],
cate: [
{ required: true, message: "请选择分类", trigger: "blur" },
],
material: [
{
required: true,
message: "请选择主要产品",
trigger: "blur",
},
],
belong_dept: [
{
required: true,
message: "请选择所属部门",
trigger: "blur",
},
],
},
//显示
open(mode = "add") {
this.mode = mode;
this.visible = true;
return this;
},
//表单注入数据
setData(data) {
let year = data.year+'';
let month = data.month<10?'0'+data.month:data.month+'';
month = year+'-'+month;
data.date = month;
Object.assign(this.form,data);
},
getReceptionist(data) {
this.form.leader=data.id;
this.form.leader_name=data.name
},
//表单提交方法
submit() {
let that = this;
that.$refs.dialogForm.validate(async (valid) => {
if (valid) {
that.isSaveing = true;
let arr = that.form.date.split('-');
that.form.year = arr[0];
that.form.month = arr[1];
if(that.mode==='add'){
that.$API.fim.feeset.create.req(that.form).then(res=>{
that.isSaveing = false;
that.$emit("success", that.form, that.mode);
that.visible = false;
that.$message.success("操作成功");
}).catch(res=>{
that.isSaveing = false;
})
}else{
res = that.$API.fim.feeset.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("操作成功");
}).catch(res=>{
that.isSaveing = false;
})
}
}
});
},
//设置过滤项
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
},
};
</script>
<style>
</style>
visible: false,
isSaveing: false,
options: [],
feeOptions: [],
setFiltersVisible: false,
};
},
mounted() {
this.getFee();
this.getMgroup();
},
methods: {
//获取集合列表
getMgroup() {
this.$API.mtm.mgroup.list.req({ page: 0 }).then((res) => {
this.options = res;
});
},
//获取类型列表
getFee() {
this.$API.fim.fee.req({ page: 0 }).then((res) => {
this.feeOptions = res;
});
},
//显示
open(mode = "add") {
this.mode = mode;
this.visible = true;
return this;
},
//表单注入数据
setData(data) {
let year = data.year + "";
let month = data.month < 10 ? "0" + data.month : data.month + "";
month = year + "-" + month;
data.date = month;
Object.assign(this.form, data);
},
getReceptionist(data) {
this.form.leader = data.id;
this.form.leader_name = data.name;
},
//表单提交方法
submit() {
let that = this;
that.$refs.dialogForm.validate(async (valid) => {
if (valid) {
that.isSaveing = true;
let arr = that.form.date.split("-");
that.form.year = arr[0];
that.form.month = arr[1];
if (that.mode === "add") {
that.$API.fim.feeset.create
.req(that.form)
.then((res) => {
that.isSaveing = false;
that.$emit("success", that.form, that.mode);
that.visible = false;
that.$message.success("操作成功");
})
.catch((res) => {
that.isSaveing = false;
});
} else {
res = that.$API.fim.feeset.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("操作成功");
})
.catch((res) => {
that.isSaveing = false;
});
}
}
});
},
//设置过滤项
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
},
};
</script>
<style></style>

249
src/views/enm_monthSet/priceset.vue
View File

@ -3,13 +3,13 @@
<el-header>
<div class="left-panel">
<el-date-picker
v-model="query.monthData"
type="month"
value-format="YYYY-MM"
format="YYYY-MM"
placeholder="月"
v-model="query.monthData"
type="month"
value-format="YYYY-MM"
format="YYYY-MM"
placeholder="月"
class="headerSearch"
/>
/>
<el-select
v-model="query.material"
placeholder="物料"
@ -23,27 +23,76 @@
: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>
<div class="right-panel">
<el-button type="primary" icon="el-icon-plus" @click="table_add" v-auth="'priceset.create'"></el-button>
<el-button
type="primary"
icon="el-icon-plus"
@click="table_add"
v-auth="'priceset.create'"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id">
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="年" prop="year" min-width="100"></el-table-column>
<el-table-column label="月" prop="month" min-width="100"></el-table-column>
<el-table-column label="关联物料" prop="material_name" min-width="150"></el-table-column>
<el-table-column label="单价" prop="price_unit" min-width="150"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="140">
<el-table-column
label="#"
type="index"
width="50"
></el-table-column>
<el-table-column
label="年"
prop="year"
min-width="100"
></el-table-column>
<el-table-column
label="月"
prop="month"
min-width="100"
></el-table-column>
<el-table-column
label="关联物料"
prop="material_name"
min-width="150"
></el-table-column>
<el-table-column
label="单价"
prop="price_unit"
min-width="150"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="140"
>
<template #default="scope">
<el-button link size="small" @click="table_edit(scope.row)" v-auth="'priceset.update'" type="primary">编辑</el-button>
<el-button
link
size="small"
@click="table_edit(scope.row)"
v-auth="'priceset.update'"
type="primary"
>编辑</el-button
>
<el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
<el-popconfirm
title="确定删除吗？"
@confirm="table_del(scope.row, scope.$index)"
>
<template #reference>
<el-button link size="small" v-auth="'priceset.delete'" type="danger">删除</el-button>
<el-button
link
size="small"
v-auth="'priceset.delete'"
type="danger"
>删除</el-button
>
</template>
</el-popconfirm>
</template>
@ -52,91 +101,97 @@
</el-main>
</el-container>
<save-dialog
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
</template>
<script>
import saveDialog from "./priceset_form.vue";
export default {
name: 'dept',
components: {
saveDialog
import saveDialog from "./priceset_form.vue";
export default {
name: "dept",
components: {
saveDialog,
},
data() {
return {
apiObj: this.$API.fim.priceset.list,
query: {
monthData: "",
material: "",
},
dialog: {
save: false,
},
selection: [],
options: [],
};
},
mounted() {
this.getMaterial();
},
methods: {
//获取物料列表
getMaterial() {
this.$API.mtm.material.list.req({ page: 0 }).then((res) => {
this.options = res;
});
},
data() {
return {
apiObj: this.$API.fim.priceset.list,
query: {
monthData:'',
material:'',
},
dialog: {
save: false,
},
selection:[],
options:[],
//添加
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.mtm.mgroup.delete.req(id);
if (res.err_msg) {
this.$message.error(res.err_msg);
} else {
this.$refs.table.refresh();
this.$message.success("删除成功");
}
},
mounted(){
this.getMaterial();
//表格选择后回调事件
selectionChange(selection) {
this.selection = selection;
},
methods: {
//获取物料列表
getMaterial(){
this.$API.mtm.material.list.req({page:0}).then(res=>{
this.options = res;
})
},
//添加
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.mtm.mgroup.delete.req(id);
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.$refs.table.refresh();
this.$message.success("删除成功")
}
},
//表格选择后回调事件
selectionChange(selection){
this.selection = selection;
},
//搜索
handleQuery(){
let year = this.query.monthData.split('-')[0];
let month = this.query.monthData.split('-')[1];
let query = {};
query.year = Number(year);
query.month = Number(month);
query.material =this.query.material;
this.$refs.table.queryData(query)
},
//本地更新数据
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.dialog.save = false;
this.$refs.table.refresh();
},
}
}
//搜索
handleQuery() {
let year = this.query.monthData.split("-")[0];
let month = this.query.monthData.split("-")[1];
let query = {};
query.year = Number(year);
query.month = Number(month);
query.material = this.query.material;
this.$refs.table.queryData(query);
},
//本地更新数据
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
this.dialog.save = false;
this.$refs.table.refresh();
},
},
};
</script>
<style scoped>
.treeMain {width: 100%;height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
.treeMain {
width: 100%;
height: 280px;
overflow: auto;
border: 1px solid #dcdfe6;
margin-bottom: 10px;
}
</style>

134
src/views/mtm/mgroup.vue
View File

@ -2,40 +2,108 @@
<el-container>
<el-header>
<div class="left-panel">
<el-button type="primary" icon="el-icon-plus" @click="table_add" v-auth="'mgroup.create'">新增</el-button>
<el-button
type="primary"
icon="el-icon-plus"
@click="table_add"
v-auth="'mgroup.create'"
>新增</el-button
>
</div>
<div class="right-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>
<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>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" hidePagination :params="params">
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="工段名称" prop="name" min-width="100"></el-table-column>
<scTable
ref="table"
:apiObj="apiObj"
row-key="id"
hidePagination
:params="params"
>
<el-table-column
label="#"
type="index"
width="50"
></el-table-column>
<el-table-column
label="工段名称"
prop="name"
min-width="100"
></el-table-column>
<el-table-column label="所在工序" prop="cate" min-width="100">
<template #default="scope">
<span>{{ scope.row.process_cate }} - {{ scope.row.process_name }}</span>
<span
>{{ scope.row.process_cate }} -
{{ scope.row.process_name }}</span
>
</template>
</el-table-column>
<el-table-column label="所属部门" prop="belong_dept_name" min-width="150"></el-table-column>
<el-table-column label="班次规则" prop="shift_rule" min-width="80"></el-table-column>
<el-table-column
label="所属部门"
prop="belong_dept_name"
min-width="150"
></el-table-column>
<el-table-column
label="班次规则"
prop="shift_rule"
min-width="80"
></el-table-column>
<!-- <el-table-column label="能源监测" prop="need_enm" min-width="80">
<template #default="scope">
<span v-if="scope.row.need_enm">是</span>
<span v-else>否</span>
</template>
</el-table-column> -->
<el-table-column label="排序" prop="sort" min-width="80"></el-table-column>
<el-table-column label="创建时间" prop="create_time" min-width="150"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="180">
<el-table-column
label="排序"
prop="sort"
min-width="80"
></el-table-column>
<el-table-column
label="创建时间"
prop="create_time"
min-width="150"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="180"
>
<template #default="scope">
<el-button link size="small" @click="table_edit(scope.row)" v-auth="'mgroup.update'"
type="primary">编辑</el-button>
<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)">
<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>
<el-button
link
size="small"
v-auth="'mgroup.delete'"
type="danger"
>删除</el-button
>
</template>
</el-popconfirm>
</template>
@ -43,20 +111,25 @@
</scTable>
</el-main>
</el-container>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save = false">
<save-dialog
v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
>
</save-dialog>
</template>
<script>
import saveDialog from "./mgroup_form.vue";
export default {
name: 'mgroup',
name: "mgroup",
components: {
saveDialog
saveDialog,
},
data() {
return {
apiObj: this.$API.mtm.mgroup.list,
params: { 'cate': 'photon' },
params: { cate: "photon" },
query: {},
dialog: {
save: false,
@ -65,13 +138,12 @@ export default {
tableData: [],
selection: [],
cates_: {
'section': '工序',
'other': '其他',
section: "工序",
other: "其他",
},
}
},
mounted() {
};
},
mounted() {},
methods: {
//添加
table_add() {
@ -87,15 +159,15 @@ export default {
this.$refs.saveDialog.open("edit").setData(row);
});
},
//删除测点集
//删除
async table_del(row) {
var id = row.id;
var res = await this.$API.mtm.mgroup.delete.req(id);
if (res.err_msg) {
this.$message.error(res.err_msg)
this.$message.error(res.err_msg);
} else {
this.$refs.table.refresh();
this.$message.success("删除成功")
this.$message.success("删除成功");
}
},
//表格选择后回调事件
@ -104,7 +176,7 @@ export default {
},
//搜索
handleQuery() {
this.$refs.table.queryData(this.query)
this.$refs.table.queryData(this.query);
},
//本地更新数据
//新增岗位后更新数据
@ -112,8 +184,8 @@ export default {
this.dialog.save = true;
this.$refs.table.refresh();
},
}
}
},
};
</script>
<style scoped>
.treeMain {