|
@@ -19,15 +19,6 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="部门编号" prop="deptId">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.deptId"
|
|
|
- placeholder="请输入部门编号"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
<el-form-item label="审核状态" prop="approveStatus">
|
|
|
<el-select v-model="queryParams.approveStatus" placeholder="请选择审核状态" clearable size="small">
|
|
|
<el-option
|
|
@@ -38,6 +29,14 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="年份" prop="planYear">
|
|
|
+ <el-date-picker clearable size="small" style="width: 200px"
|
|
|
+ v-model="queryParams.planYear"
|
|
|
+ type="year"
|
|
|
+ value-format="yyyy"
|
|
|
+ placeholder="选择年份">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
@@ -98,8 +97,9 @@
|
|
|
<el-table v-loading="loading" :data="yearplanList" @selection-change="handleSelectionChange" :height="clientHeight" border>
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
<el-table-column label="培训员工编号" align="center" prop="staffId" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="培训员工" align="center" fixed="left" prop="staffName" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="年度培训标题" align="center" prop="name" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="创建人" align="center" prop="createrCode" :show-overflow-tooltip="true"/>
|
|
|
+<!-- <el-table-column label="创建人" align="center" prop="createrCode" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="创建时间" align="center" prop="createdate" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ parseTime(scope.row.createdate, '{y}-{m}-{d}') }}</span>
|
|
@@ -110,10 +110,13 @@
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ parseTime(scope.row.updatedate, '{y}-{m}-{d}') }}</span>
|
|
|
</template>
|
|
|
+ </el-table-column>-->
|
|
|
+ <el-table-column label="年份" align="center" prop="planYear" width="100">
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="部门编号" align="center" prop="deptId" :show-overflow-tooltip="true"/>
|
|
|
+
|
|
|
+ <el-table-column label="部门" align="center" prop="deptName" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="审核状态" align="center" prop="approveStatus" :formatter="approveStatusFormat" />
|
|
|
- <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
|
|
|
+ <el-table-column label="操作" align="center" fixed="right" width="200" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
size="mini"
|
|
@@ -151,39 +154,36 @@
|
|
|
<!-- 添加或修改专项培训年度计划对话框 -->
|
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="培训员工编号" prop="staffId">
|
|
|
- <el-input v-model="form.staffId" placeholder="请输入培训员工编号" />
|
|
|
+ <el-form-item label="培训员工" prop="staffId" v-if="this.operation=='add'">
|
|
|
+ <el-select v-model="form.staffId" placeholder="请选择学员">
|
|
|
+ <el-option
|
|
|
+ v-for="successor in this.successorOptions"
|
|
|
+ :key="successor.key"
|
|
|
+ :label="successor.value"
|
|
|
+ :value="successor.key"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="培训员工" prop="staffName" v-if="this.operation=='modify'">
|
|
|
+ <el-select v-model="form.staffId" placeholder="请选择学员" disabled>
|
|
|
+ <el-option
|
|
|
+ v-for="successor in this.successorOptions"
|
|
|
+ :key="successor.key"
|
|
|
+ :label="successor.value"
|
|
|
+ :value="successor.key"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="年度培训标题" prop="name">
|
|
|
<el-input v-model="form.name" placeholder="请输入年度培训标题" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="删除状态" prop="delFlag">
|
|
|
- <el-input v-model="form.delFlag" placeholder="请输入删除状态" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建人" prop="createrCode">
|
|
|
- <el-input v-model="form.createrCode" placeholder="请输入创建人" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建时间" prop="createdate">
|
|
|
+ <el-form-item label="年份" prop="planYear">
|
|
|
<el-date-picker clearable size="small" style="width: 200px"
|
|
|
- v-model="form.createdate"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择创建时间">
|
|
|
+ v-model="form.planYear"
|
|
|
+ type="year"
|
|
|
+ value-format="yyyy"
|
|
|
+ placeholder="选择年份">
|
|
|
</el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="修改人" prop="updaterCode">
|
|
|
- <el-input v-model="form.updaterCode" placeholder="请输入修改人" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="修改时间" prop="updatedate">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
- v-model="form.updatedate"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择修改时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="部门编号" prop="deptId">
|
|
|
- <el-input v-model="form.deptId" placeholder="请输入部门编号" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="归属部门" prop="deptId">
|
|
|
<treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
|
|
@@ -233,6 +233,7 @@ import { treeselect } from "@/api/system/dept";
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import {listSuccessorsByMentorId} from "@/api/training/spec/plan";
|
|
|
|
|
|
export default {
|
|
|
name: "Yearplan",
|
|
@@ -241,6 +242,7 @@ export default {
|
|
|
return {
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
+ operation: '',
|
|
|
// 选中数组
|
|
|
ids: [],
|
|
|
// 非单个禁用
|
|
@@ -262,6 +264,7 @@ export default {
|
|
|
open: false,
|
|
|
// 审核状态字典
|
|
|
approveStatusOptions: [],
|
|
|
+ successorOptions: [],
|
|
|
// 用户导入参数
|
|
|
upload: {
|
|
|
// 是否显示弹出层(用户导入)
|
|
@@ -284,7 +287,11 @@ export default {
|
|
|
staffId: null,
|
|
|
name: null,
|
|
|
deptId: null,
|
|
|
- approveStatus: null
|
|
|
+ approveStatus: null,
|
|
|
+ planYear: null,
|
|
|
+ },
|
|
|
+ queryObject: {
|
|
|
+ mentorStaffId: ""
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
@@ -309,6 +316,7 @@ export default {
|
|
|
})
|
|
|
this.getList();
|
|
|
this.getTreeselect();
|
|
|
+ this.getSuccessorOptions();
|
|
|
this.getDicts("spec_training_approve_status").then(response => {
|
|
|
this.approveStatusOptions = response.data;
|
|
|
});
|
|
@@ -333,6 +341,18 @@ export default {
|
|
|
approveStatusFormat(row, column) {
|
|
|
return this.selectDictLabel(this.approveStatusOptions, row.approveStatus);
|
|
|
},
|
|
|
+ /** 查询学员下拉列表 */
|
|
|
+ getSuccessorOptions() {
|
|
|
+ listSuccessorsByMentorId(this.queryObject).then(response => {
|
|
|
+ let successorList = response.data;
|
|
|
+ for (let i = 0; i < successorList.length; i++) {
|
|
|
+ let successor = {};
|
|
|
+ successor.key = successorList[i].staffId;
|
|
|
+ successor.value = successorList[i].staffName;
|
|
|
+ this.successorOptions.push(successor);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
this.open = false;
|
|
@@ -350,6 +370,7 @@ export default {
|
|
|
updaterCode: null,
|
|
|
updatedate: null,
|
|
|
deptId: null,
|
|
|
+ planYear: null,
|
|
|
approveStatus: 0
|
|
|
};
|
|
|
this.resetForm("form");
|
|
@@ -375,6 +396,7 @@ export default {
|
|
|
this.reset();
|
|
|
this.open = true;
|
|
|
this.title = "添加专项培训年度计划";
|
|
|
+ this.operation = "add";
|
|
|
},
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
@@ -382,8 +404,10 @@ export default {
|
|
|
const id = row.id || this.ids
|
|
|
getYearplan(id).then(response => {
|
|
|
this.form = response.data;
|
|
|
+ this.form.planYear = response.data.planYear.toString();
|
|
|
this.open = true;
|
|
|
this.title = "修改专项培训年度计划";
|
|
|
+ this.operation = "modify";
|
|
|
});
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
@@ -463,7 +487,7 @@ export default {
|
|
|
handlePlanList(row){
|
|
|
const yearId = row.id
|
|
|
this.$router.push("/training/spec/planItem/" + yearId);
|
|
|
- }
|
|
|
+ },
|
|
|
}
|
|
|
};
|
|
|
</script>
|