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

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

@ -36,37 +36,123 @@
: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,7 +161,13 @@
</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
:model="form"
:rules="rules"
ref="addForm"
label-width="100px"
style="padding: 0 10px"
>
<el-row> <el-row>
<el-col :md="12" :sm="24"> <el-col :md="12" :sm="24">
<el-form-item label="年份" prop="year"> <el-form-item label="年份" prop="year">
@ -85,7 +177,7 @@
format="YYYY" format="YYYY"
value-format="YYYY" value-format="YYYY"
placeholder="年份" placeholder="年份"
style="width: 100%;" style="width: 100%"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -95,7 +187,7 @@
v-model="form.mgroup" v-model="form.mgroup"
placeholder="关联工段" placeholder="关联工段"
clearable clearable
style="width: 100%;" style="width: 100%"
> >
<el-option <el-option
v-for="item in mgroupOptions" v-for="item in mgroupOptions"
@ -112,7 +204,7 @@
v-model="form.goal_cate" v-model="form.goal_cate"
placeholder="目标种类" placeholder="目标种类"
clearable clearable
style="width: 100%;" style="width: 100%"
> >
<el-option <el-option
v-for="item in goalOptions" v-for="item in goalOptions"
@ -125,104 +217,188 @@
</el-col> </el-col>
<el-col :md="12" :sm="24"> <el-col :md="12" :sm="24">
<el-form-item label="年目标值" prop="goal_val"> <el-form-item label="年目标值" prop="goal_val">
<el-input-number v-model="form.goal_val" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
v-model="form.goal_val"
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="1月目标值" prop="goal_val_1"> <el-form-item label="1月目标值" prop="goal_val_1">
<el-input-number v-model="form.goal_val_1" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
v-model="form.goal_val_1"
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="2月目标值" prop="goal_val_2"> <el-form-item label="2月目标值" prop="goal_val_2">
<el-input-number v-model="form.goal_val_2" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
v-model="form.goal_val_2"
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="3月目标值" prop="goal_val_3">
<el-input-number v-model="form.goal_val_3" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
v-model="form.goal_val_3"
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="4月目标值" prop="goal_val_4"> <el-form-item label="4月目标值" prop="goal_val_4">
<el-input-number v-model="form.goal_val_4" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
v-model="form.goal_val_4"
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="5月目标值" prop="goal_val_5"> <el-form-item label="5月目标值" prop="goal_val_5">
<el-input-number v-model="form.goal_val_5" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
v-model="form.goal_val_5"
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="6月目标值" prop="goal_val_6"> <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-input-number
v-model="form.goal_val_6"
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="7月目标值" prop="goal_val_7"> <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-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="8月目标值" prop="goal_val_8"> <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-input-number
v-model="form.goal_val_8"
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="9月目标值" prop="goal_val_9"> <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-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="10月目标值" prop="goal_val_10">
<el-input-number v-model="form.goal_val_10" style="width: 100%;" clearable :min="0" controls-position="right"/> <el-input-number
v-model="form.goal_val_10"
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="11月目标值" prop="goal_val_11"> <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-input-number
v-model="form.goal_val_11"
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="12月目标值" prop="goal_val_12"> <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-input-number
v-model="form.goal_val_12"
style="width: 100%"
clearable
:min="0"
controls-position="right"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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 { export default {
name: 'dept', name: "dept",
data() { data() {
return { return {
apiObj: this.$API.mtm.goal.list, apiObj: this.$API.mtm.goal.list,
search: { search: {
keyword: null keyword: null,
}, },
query: {}, query: {},
isSaving: false, isSaving: false,
@ -230,36 +406,41 @@
checkStrictly: true, checkStrictly: true,
type: "add", type: "add",
titleMap: { titleMap: {
add: '新增月度年度目标值', add: "新增月度年度目标值",
edit: '编辑月度年度目标值', edit: "编辑月度年度目标值",
show: '查看月度年度目标值' show: "查看月度年度目标值",
}, },
//表单数据 //表单数据
form: {}, form: {},
//验证规则 //验证规则
rules: { rules: {
year: [{required: true, message: '请选择年份'}], year: [{ required: true, message: "请选择年份" }],
mgroup: [{required: true, message: '请选择关联工段'}], mgroup: [{ required: true, message: "请选择关联工段" }],
goal_cate: [{required: true, message: '请选择目标种类'}], goal_cate: [{ required: true, message: "请选择目标种类" }],
goal_val: [{required: true, message: '请填写年目标值'}], goal_val: [{ required: true, message: "请填写年目标值" }],
goal_val_1: [{required: true, message: '请填写1月份目标值'}], goal_val_1: [{ required: true, message: "请填写1月份目标值" }],
goal_val_2: [{required: true, message: '请填写2月份目标值'}], goal_val_2: [{ required: true, message: "请填写2月份目标值" }],
goal_val_3: [{required: true, message: '请填写3月份目标值'}], goal_val_3: [{ required: true, message: "请填写3月份目标值" }],
goal_val_4: [{required: true, message: '请填写4月份目标值'}], goal_val_4: [{ required: true, message: "请填写4月份目标值" }],
goal_val_5: [{required: true, message: '请填写5月份目标值'}], goal_val_5: [{ required: true, message: "请填写5月份目标值" }],
goal_val_6: [{required: true, message: '请填写6月份目标值'}], goal_val_6: [{ required: true, message: "请填写6月份目标值" }],
goal_val_7: [{required: true, message: '请填写7月份目标值'}], goal_val_7: [{ required: true, message: "请填写7月份目标值" }],
goal_val_8: [{required: true, message: '请填写8月份目标值'}], goal_val_8: [{ required: true, message: "请填写8月份目标值" }],
goal_val_9: [{required: true, message: '请填写9月份目标值'}], goal_val_9: [{ required: true, message: "请填写9月份目标值" }],
goal_val_10: [{required: true, message: '请填写10月份目标值'}], goal_val_10: [
goal_val_11: [{required: true, message: '请填写11月份目标值'}], { required: true, message: "请填写10月份目标值" },
goal_val_12: [{required: true, message: '请填写12月份目标值'}], ],
goal_val_11: [
{ required: true, message: "请填写11月份目标值" },
],
goal_val_12: [
{ required: true, message: "请填写12月份目标值" },
],
}, },
goalOptions: [], goalOptions: [],
mgroupOptions: [], mgroupOptions: [],
productList: [], productList: [],
} };
}, },
mounted() { mounted() {
this.getMgroup(); this.getMgroup();
@ -269,18 +450,19 @@
//目标种类 //目标种类
getGoals() { getGoals() {
let that = this; let that = this;
this.$API.system.dict.list.req({page:0,type__code: "goal_cate"}) this.$API.system.dict.list
.req({ page: 0, type__code: "goal_cate" })
.then((res) => { .then((res) => {
debugger; debugger;
console.log(res) console.log(res);
that.goalOptions = res; that.goalOptions = res;
}); });
}, },
//获取工段列表 //获取工段列表
getMgroup() { getMgroup() {
this.$API.mtm.mgroup.list.req({page:0}).then(res=>{ this.$API.mtm.mgroup.list.req({ page: 0 }).then((res) => {
this.mgroupOptions = res; this.mgroupOptions = res;
}) });
}, },
//添加目标 //添加目标
roleAdd() { roleAdd() {
@ -294,27 +476,29 @@
this.$refs.addForm.validate((valid) => { this.$refs.addForm.validate((valid) => {
if (valid) { if (valid) {
this.isSaveing = true; this.isSaveing = true;
if(this.type==='add'){ if (this.type === "add") {
this.$API.mtm.goal.create.req(that.form).then(res=>{ this.$API.mtm.goal.create.req(that.form).then((res) => {
this.isSaveing = false; this.isSaveing = false;
this.limitedVisible = false; this.limitedVisible = false;
this.$refs.table.refresh(); this.$refs.table.refresh();
}); });
} else { } else {
this.$API.mtm.goal.update.req(that.form.id,that.form).then(res=>{ this.$API.mtm.goal.update
.req(that.form.id, that.form)
.then((res) => {
this.isSaveing = false; this.isSaveing = false;
this.limitedVisible = false; this.limitedVisible = false;
this.$refs.table.refresh(); this.$refs.table.refresh();
}); });
} }
} }
}) });
}, },
//编辑目标 //编辑目标
roleEdit(row) { roleEdit(row) {
this.type='edit'; this.type = "edit";
this.form = Object.assign(defaultForm, row); this.form = Object.assign(defaultForm, row);
this.form.year = row.year+''; this.form.year = row.year + "";
this.limitedVisible = true; this.limitedVisible = true;
}, },
@ -323,10 +507,10 @@
var id = row.id; var id = row.id;
var res = await this.$API.mtm.goal.delete.req(id); var res = await this.$API.mtm.goal.delete.req(id);
if (res.err_msg) { if (res.err_msg) {
this.$message.error(res.err_msg) this.$message.error(res.err_msg);
} else { } else {
this.$refs.table.refresh(); this.$refs.table.refresh();
this.$message.success("删除成功") this.$message.success("删除成功");
} }
}, },
//表格选择后回调事件 //表格选择后回调事件
@ -335,15 +519,21 @@
}, },
//搜索 //搜索
handleQuery() { handleQuery() {
this.$refs.table.queryData(this.query) this.$refs.table.queryData(this.query);
}, },
//本地更新数据 //本地更新数据
handleSaveSuccess() { handleSaveSuccess() {
this.$refs.table.refresh() 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>