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

fix:目标设置

This commit is contained in:
shijing 2024-05-10 13:13:10 +08:00
parent 3e334416a7
commit 1e20725bb7
1 changed files with 479 additions and 289 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

768
src/views/enm_monthSet/goalSetting.vue
View File

@ -17,10 +17,10 @@
class="headerSearch" class="headerSearch"
> >
<el-option <el-option
v-for="item in mgroupOptions" v-for="item in mgroupOptions"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
></el-option> ></el-option>
</el-select> </el-select>
<el-select <el-select
@ -30,43 +30,129 @@
class="headerSearch" class="headerSearch"
> >
<el-option <el-option
v-for="item in goalOptions" v-for="item in goalOptions"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
></el-option> ></el-option>
</el-select> </el-select>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button> <el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div> </div>
<div class="right-panel"> <div class="right-panel">
<el-button type="primary" icon="el-icon-plus" @click="roleAdd" v-auth="'goal.create'"></el-button> <el-button
type="primary"
icon="el-icon-plus"
@click="roleAdd"
v-auth="'goal.create'"
></el-button>
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange"> <scTable
<el-table-column label="#" type="index" width="50"></el-table-column> ref="table"
<el-table-column label="工段" prop="mgroup_name" width="80"></el-table-column> :apiObj="apiObj"
<el-table-column label="目标（项目）" prop="goal_cate_name" min-width="120"></el-table-column> row-key="id"
<el-table-column label="1月" prop="goal_val_1"></el-table-column> @selection-change="selectionChange"
<el-table-column label="2月" prop="goal_val_2"></el-table-column> >
<el-table-column label="3月" prop="goal_val_3"></el-table-column> <el-table-column
<el-table-column label="4月" prop="goal_val_4"></el-table-column> label="#"
<el-table-column label="5月" prop="goal_val_5"></el-table-column> type="index"
<el-table-column label="6月" prop="goal_val_6"></el-table-column> width="50"
<el-table-column label="7月" prop="goal_val_7"></el-table-column> ></el-table-column>
<el-table-column label="8月" prop="goal_val_8"></el-table-column> <el-table-column
<el-table-column label="9月" prop="goal_val_9"></el-table-column> label="工段"
<el-table-column label="10月" prop="goal_val_10"></el-table-column> prop="mgroup_name"
<el-table-column label="11月" prop="goal_val_11"></el-table-column> width="80"
<el-table-column label="12月" prop="goal_val_12"></el-table-column> ></el-table-column>
<el-table-column label="年目标值" prop="goal_val"></el-table-column> <el-table-column
<el-table-column label="操作" fixed="right" align="center" width="100"> label="目标（项目）"
prop="goal_cate_name"
min-width="120"
></el-table-column>
<el-table-column
label="1月"
prop="goal_val_1"
></el-table-column>
<el-table-column
label="2月"
prop="goal_val_2"
></el-table-column>
<el-table-column
label="3月"
prop="goal_val_3"
></el-table-column>
<el-table-column
label="4月"
prop="goal_val_4"
></el-table-column>
<el-table-column
label="5月"
prop="goal_val_5"
></el-table-column>
<el-table-column
label="6月"
prop="goal_val_6"
></el-table-column>
<el-table-column
label="7月"
prop="goal_val_7"
></el-table-column>
<el-table-column
label="8月"
prop="goal_val_8"
></el-table-column>
<el-table-column
label="9月"
prop="goal_val_9"
></el-table-column>
<el-table-column
label="10月"
prop="goal_val_10"
></el-table-column>
<el-table-column
label="11月"
prop="goal_val_11"
></el-table-column>
<el-table-column
label="12月"
prop="goal_val_12"
></el-table-column>
<el-table-column
label="年目标值"
prop="goal_val"
></el-table-column>
<el-table-column
label="操作"
fixed="right"
align="center"
width="100"
>
<template #default="scope"> <template #default="scope">
<el-button link size="small" @click="roleEdit(scope.row)" v-auth="'goal.update'" type="primary">编辑</el-button> <el-button
link
size="small"
@click="roleEdit(scope.row)"
v-auth="'goal.update'"
type="primary"
>编辑</el-button
>
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="handleDel(scope.row)"> <el-popconfirm
title="确定删除吗？"
@confirm="handleDel(scope.row)"
>
<template #reference> <template #reference>
<el-button link size="small" v-auth="'goal.delete'" type="danger">删除</el-button> <el-button
link
size="small"
v-auth="'goal.delete'"
type="danger"
>删除</el-button
>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>
@ -75,275 +161,379 @@
</el-main> </el-main>
</el-container> </el-container>
<el-dialog :title="titleMap[type]" v-model="limitedVisible"> <el-dialog :title="titleMap[type]" v-model="limitedVisible">
<el-form :model="form" :rules="rules" ref="addForm" label-width="100px" style="padding: 0 10px;"> <el-form
<el-row> :model="form"
<el-col :md="12" :sm="24"> :rules="rules"
<el-form-item label="年份" prop="year"> ref="addForm"
<el-date-picker label-width="100px"
v-model="form.year" style="padding: 0 10px"
type="year" >
format="YYYY" <el-row>
value-format="YYYY" <el-col :md="12" :sm="24">
placeholder="年份" <el-form-item label="年份" prop="year">
style="width: 100%;" <el-date-picker
/> v-model="form.year"
</el-form-item> type="year"
</el-col> format="YYYY"
<el-col :md="12" :sm="24"> value-format="YYYY"
<el-form-item label="关联工段" prop="mgroup"> placeholder="年份"
<el-select style="width: 100%"
v-model="form.mgroup" />
placeholder="关联工段" </el-form-item>
clearable </el-col>
style="width: 100%;" <el-col :md="12" :sm="24">
> <el-form-item label="关联工段" prop="mgroup">
<el-option <el-select
v-for="item in mgroupOptions" v-model="form.mgroup"
:key="item.id" placeholder="关联工段"
:label="item.name" clearable
:value="item.id" style="width: 100%"
></el-option> >
</el-select> <el-option
</el-form-item> v-for="item in mgroupOptions"
</el-col> :key="item.id"
<el-col :md="12" :sm="24"> :label="item.name"
<el-form-item label="目标种类" prop="goal_cate"> :value="item.id"
<el-select ></el-option>
v-model="form.goal_cate" </el-select>
placeholder="目标种类" </el-form-item>
clearable </el-col>
style="width: 100%;" <el-col :md="12" :sm="24">
> <el-form-item label="目标种类" prop="goal_cate">
<el-option <el-select
v-for="item in goalOptions" v-model="form.goal_cate"
:key="item.id" placeholder="目标种类"
:label="item.name" clearable
:value="item.id" style="width: 100%"
></el-option> >
</el-select> <el-option
</el-form-item> v-for="item in goalOptions"
</el-col> :key="item.id"
<el-col :md="12" :sm="24"> :label="item.name"
<el-form-item label="年目标值" prop="goal_val"> :value="item.id"
<el-input-number v-model="form.goal_val" style="width: 100%;" clearable :min="0" controls-position="right"/> ></el-option>
</el-form-item> </el-select>
</el-col> </el-form-item>
<el-col :md="12" :sm="24"> </el-col>
<el-form-item label="1月目标值" prop="goal_val_1"> <el-col :md="12" :sm="24">
<el-input-number v-model="form.goal_val_1" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-form-item label="年目标值" prop="goal_val">
</el-form-item> <el-input-number
</el-col> v-model="form.goal_val"
<el-col :md="12" :sm="24"> style="width: 100%"
<el-form-item label="2月目标值" prop="goal_val_2"> clearable
<el-input-number v-model="form.goal_val_2" style="width: 100%;" clearable :min="0" controls-position="right"/> :min="0"
</el-form-item> controls-position="right"
</el-col> />
<el-col :md="12" :sm="24"> </el-form-item>
<el-form-item label="3月目标值" prop="goal_val_3"> </el-col>
<el-input-number v-model="form.goal_val_3" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-col :md="12" :sm="24">
</el-form-item> <el-form-item label="1月目标值" prop="goal_val_1">
</el-col> <el-input-number
<el-col :md="12" :sm="24"> v-model="form.goal_val_1"
<el-form-item label="4月目标值" prop="goal_val_4"> style="width: 100%"
<el-input-number v-model="form.goal_val_4" style="width: 100%;" clearable :min="0" controls-position="right"/> clearable
</el-form-item> :min="0"
</el-col> controls-position="right"
<el-col :md="12" :sm="24"> />
<el-form-item label="5月目标值" prop="goal_val_5"> </el-form-item>
<el-input-number v-model="form.goal_val_5" style="width: 100%;" clearable :min="0" controls-position="right"/> </el-col>
</el-form-item> <el-col :md="12" :sm="24">
</el-col> <el-form-item label="2月目标值" prop="goal_val_2">
<el-col :md="12" :sm="24"> <el-input-number
<el-form-item label="6月目标值" prop="goal_val_6"> v-model="form.goal_val_2"
<el-input-number v-model="form.goal_val_6" style="width: 100%;" clearable :min="0" controls-position="right"/> style="width: 100%"
</el-form-item> clearable
</el-col> :min="0"
<el-col :md="12" :sm="24"> controls-position="right"
<el-form-item label="7月目标值" prop="goal_val_7"> />
<el-input-number v-model="form.goal_val_7" style="width: 100%;" clearable :min="0" controls-position="right"/> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :md="12" :sm="24">
<el-col :md="12" :sm="24"> <el-form-item label="3月目标值" prop="goal_val_3">
<el-form-item label="8月目标值" prop="goal_val_8"> <el-input-number
<el-input-number v-model="form.goal_val_8" style="width: 100%;" clearable :min="0" controls-position="right"/> v-model="form.goal_val_3"
</el-form-item> style="width: 100%"
</el-col> clearable
<el-col :md="12" :sm="24"> :min="0"
<el-form-item label="9月目标值" prop="goal_val_9"> controls-position="right"
<el-input-number v-model="form.goal_val_9" style="width: 100%;" clearable :min="0" controls-position="right"/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="12" :sm="24"> <el-col :md="12" :sm="24">
<el-form-item label="10月目标值" prop="goal_val_10"> <el-form-item label="4月目标值" prop="goal_val_4">
<el-input-number v-model="form.goal_val_10" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
</el-form-item> v-model="form.goal_val_4"
</el-col> style="width: 100%"
<el-col :md="12" :sm="24"> clearable
<el-form-item label="11月目标值" prop="goal_val_11"> :min="0"
<el-input-number v-model="form.goal_val_11" style="width: 100%;" clearable :min="0" controls-position="right"/> controls-position="right"
</el-form-item> />
</el-col> </el-form-item>
<el-col :md="12" :sm="24"> </el-col>
<el-form-item label="12月目标值" prop="goal_val_12"> <el-col :md="12" :sm="24">
<el-input-number v-model="form.goal_val_12" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-form-item label="5月目标值" prop="goal_val_5">
</el-form-item> <el-input-number
</el-col> v-model="form.goal_val_5"
style="width: 100%"
</el-row> clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="6月目标值" prop="goal_val_6">
<el-input-number
v-model="form.goal_val_6"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="7月目标值" prop="goal_val_7">
<el-input-number
v-model="form.goal_val_7"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="8月目标值" prop="goal_val_8">
<el-input-number
v-model="form.goal_val_8"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="9月目标值" prop="goal_val_9">
<el-input-number
v-model="form.goal_val_9"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="10月目标值" prop="goal_val_10">
<el-input-number
v-model="form.goal_val_10"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="11月目标值" prop="goal_val_11">
<el-input-number
v-model="form.goal_val_11"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="12月目标值" prop="goal_val_12">
<el-input-number
v-model="form.goal_val_12"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button @click="limitedVisible=false" >取 消</el-button> <el-button @click="limitedVisible = false">取 消</el-button>
<el-button v-if="type!=='show'" type="primary" :loading="isSaving" @click="submitHandle()">保 存</el-button> <el-button
v-if="type !== 'show'"
type="primary"
:loading="isSaving"
@click="submitHandle()"
>保 存</el-button
>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
const defaultForm = { const defaultForm = {
year: [{required: true, message: '请选择年份'}], year: [{ required: true, message: "请选择年份" }],
mgroup:'', mgroup: "",
goal_cate: '', year: "",
goal_val:'', goal_cate: "",
goal_val_1:'', goal_val: "",
goal_val_2:'', goal_val_1: "",
goal_val_3:'', goal_val_2: "",
goal_val_4: '', goal_val_3: "",
goal_val_5: '', goal_val_4: "",
goal_val_6: '', goal_val_5: "",
goal_val_7: '', goal_val_6: "",
goal_val_8: '', goal_val_7: "",
goal_val_9: '', goal_val_8: "",
goal_val_10: '', goal_val_9: "",
goal_val_11: '', goal_val_10: "",
goal_val_12: '', goal_val_11: "",
}; goal_val_12: "",
export default { };
name: 'dept', export default {
data() { name: "dept",
return { data() {
apiObj: this.$API.mtm.goal.list, return {
search: { apiObj: this.$API.mtm.goal.list,
keyword: null search: {
}, keyword: null,
query: {},
isSaving: false,
limitedVisible : false,
checkStrictly:true,
type: "add",
titleMap: {
add: '新增月度年度目标值',
edit: '编辑月度年度目标值',
show: '查看月度年度目标值'
},
//表单数据
form: {},
//验证规则
rules: {
year: [{required: true, message: '请选择年份'}],
mgroup: [{required: true, message: '请选择关联工段'}],
goal_cate: [{required: true, message: '请选择目标种类'}],
goal_val: [{required: true, message: '请填写年目标值'}],
goal_val_1: [{required: true, message: '请填写1月份目标值'}],
goal_val_2: [{required: true, message: '请填写2月份目标值'}],
goal_val_3: [{required: true, message: '请填写3月份目标值'}],
goal_val_4: [{required: true, message: '请填写4月份目标值'}],
goal_val_5: [{required: true, message: '请填写5月份目标值'}],
goal_val_6: [{required: true, message: '请填写6月份目标值'}],
goal_val_7: [{required: true, message: '请填写7月份目标值'}],
goal_val_8: [{required: true, message: '请填写8月份目标值'}],
goal_val_9: [{required: true, message: '请填写9月份目标值'}],
goal_val_10: [{required: true, message: '请填写10月份目标值'}],
goal_val_11: [{required: true, message: '请填写11月份目标值'}],
goal_val_12: [{required: true, message: '请填写12月份目标值'}],
},
goalOptions:[],
mgroupOptions:[],
productList:[],
}
},
mounted() {
this.getMgroup();
this.getGoals();//目标种类
},
methods: {
//目标种类
getGoals(){
let that = this;
this.$API.system.dict.list.req({page:0,type__code: "goal_cate"})
.then((res) => {
debugger;
console.log(res)
that.goalOptions = res;
});
},
//获取工段列表
getMgroup(){
this.$API.mtm.mgroup.list.req({page:0}).then(res=>{
this.mgroupOptions = res;
})
}, },
//添加目标 query: {},
roleAdd(){ isSaving: false,
this.limitedVisible = true; limitedVisible: false,
this.type = "add"; checkStrictly: true,
this.form = {}; type: "add",
this.form = Object.assign({}, defaultForm); titleMap: {
add: "新增月度年度目标值",
edit: "编辑月度年度目标值",
show: "查看月度年度目标值",
}, },
submitHandle(){ //表单数据
let that = this; form: {},
this.$refs.addForm.validate( (valid) => { //验证规则
if (valid) { rules: {
this.isSaveing = true; year: [{ required: true, message: "请选择年份" }],
if(this.type==='add'){ mgroup: [{ required: true, message: "请选择关联工段" }],
this.$API.mtm.goal.create.req(that.form).then(res=>{ goal_cate: [{ required: true, message: "请选择目标种类" }],
this.isSaveing = false; goal_val: [{ required: true, message: "请填写年目标值" }],
this.limitedVisible = false; goal_val_1: [{ required: true, message: "请填写1月份目标值" }],
this.$refs.table.refresh(); goal_val_2: [{ required: true, message: "请填写2月份目标值" }],
}); goal_val_3: [{ required: true, message: "请填写3月份目标值" }],
}else{ goal_val_4: [{ required: true, message: "请填写4月份目标值" }],
this.$API.mtm.goal.update.req(that.form.id,that.form).then(res=>{ goal_val_5: [{ required: true, message: "请填写5月份目标值" }],
this.isSaveing = false; goal_val_6: [{ required: true, message: "请填写6月份目标值" }],
this.limitedVisible = false; goal_val_7: [{ required: true, message: "请填写7月份目标值" }],
this.$refs.table.refresh(); goal_val_8: [{ required: true, message: "请填写8月份目标值" }],
}); goal_val_9: [{ required: true, message: "请填写9月份目标值" }],
} goal_val_10: [
{ required: true, message: "请填写10月份目标值" },
],
goal_val_11: [
{ required: true, message: "请填写11月份目标值" },
],
goal_val_12: [
{ required: true, message: "请填写12月份目标值" },
],
},
goalOptions: [],
mgroupOptions: [],
productList: [],
};
},
mounted() {
this.getMgroup();
this.getGoals(); //目标种类
},
methods: {
//目标种类
getGoals() {
let that = this;
this.$API.system.dict.list
.req({ page: 0, type__code: "goal_cate" })
.then((res) => {
debugger;
console.log(res);
that.goalOptions = res;
});
},
//获取工段列表
getMgroup() {
this.$API.mtm.mgroup.list.req({ page: 0 }).then((res) => {
this.mgroupOptions = res;
});
},
//添加目标
roleAdd() {
this.limitedVisible = true;
this.type = "add";
this.form = {};
this.form = Object.assign({}, defaultForm);
},
submitHandle() {
let that = this;
this.$refs.addForm.validate((valid) => {
if (valid) {
this.isSaveing = true;
if (this.type === "add") {
this.$API.mtm.goal.create.req(that.form).then((res) => {
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
});
} else {
this.$API.mtm.goal.update
.req(that.form.id, that.form)
.then((res) => {
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
});
} }
})
},
//编辑目标
roleEdit(row){
this.type='edit';
this.form = Object.assign(defaultForm, row);
this.form.year = row.year+'';
this.limitedVisible = true;
},
//删除目标
async handleDel(row){
var id = row.id;
var res = await this.$API.mtm.goal.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; roleEdit(row) {
}, this.type = "edit";
//搜索 this.form = Object.assign(defaultForm, row);
handleQuery(){ this.form.year = row.year + "";
this.$refs.table.queryData(this.query) this.limitedVisible = true;
}, },
//本地更新数据
handleSaveSuccess(){ //删除目标
this.$refs.table.refresh() async handleDel(row) {
var id = row.id;
var res = await this.$API.mtm.goal.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() {
this.$refs.table.refresh();
},
},
};
</script> </script>
<style scoped> <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> </style>