|
|
@@ -1,53 +1,64 @@
|
|
|
<template>
|
|
|
<div class="edu-training-edit">
|
|
|
- <el-dialog :title="'执行教育培训'" :visible.sync="isShow" width="960px">
|
|
|
+ <el-dialog :title="'培训登记'" :visible.sync="isShow" width="960px">
|
|
|
<div class="page-body">
|
|
|
- <el-form
|
|
|
- :model="formData"
|
|
|
- :rules="formDataRules"
|
|
|
- size="small"
|
|
|
- ref="form"
|
|
|
- label-position="right"
|
|
|
- label-width="120px"
|
|
|
- label-prefix=":"
|
|
|
- >
|
|
|
+ <el-form :model="formData" :rules="formDataRules" size="small" ref="form" label-position="right"
|
|
|
+ label-width="120px" label-prefix=":">
|
|
|
<el-row>
|
|
|
- <!-- 培训主题 -->
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="title" label="培训主题">
|
|
|
- <el-input
|
|
|
+ <!-- 培训主题 -->
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="title" label="培训主题">
|
|
|
+ <!-- <el-input
|
|
|
v-model="formData.title"
|
|
|
:maxlength="32"
|
|
|
placeholder="请输入培训主题"
|
|
|
clearable
|
|
|
readonly
|
|
|
disabled
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
+ /> -->
|
|
|
+ {{ formData.title }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="orgName" label="培训机构">
|
|
|
+ {{ formData.orgName }}
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- <!-- 类型 -->
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="type" label="类型">
|
|
|
- <k-select-constant
|
|
|
+ <!-- 类型 -->
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="type" label="类型">
|
|
|
+ <el-select v-model="formData.type" placeholder="请选择执行机构类型" clearable>
|
|
|
+ <el-option v-for="dict in dict.type.edu_type" :key="dict.value" :label="dict.label"
|
|
|
+ :value="parseInt(dict.value)" />
|
|
|
+ </el-select>
|
|
|
+ <!-- <k-select-constant
|
|
|
name="EduTrainingType"
|
|
|
v-model="formData.type"
|
|
|
placeholder="请选择类型"
|
|
|
- ></k-select-constant>
|
|
|
- </el-form-item>
|
|
|
+ ></k-select-constant> -->
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- <!-- 内容 -->
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="content" label="内容">
|
|
|
- <k-textarea
|
|
|
- v-model="formData.content"
|
|
|
- placeholder="请输入内容"
|
|
|
- :length="2000"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <!-- 主持人 -->
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item v-if="formData.id" prop="dateTime" label="培训开始时间">
|
|
|
+ <el-date-picker v-model="formData.trainingStartDateTime" type="datetime" placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item v-if="formData.id" prop="dateTime" label="培训结束时间">
|
|
|
+ <el-date-picker v-model="formData.trainingEndDateTime" type="datetime" placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- 内容 -->
|
|
|
<el-col :span="24">
|
|
|
+ <el-form-item prop="content" label="内容">
|
|
|
+ <k-textarea v-model="formData.content" placeholder="请输入内容" :length="2000" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <!-- 主持人 -->
|
|
|
+ <!-- <el-col :span="24">
|
|
|
<el-form-item v-if="formData.id" prop="hostId" label="主持人">
|
|
|
<k-select
|
|
|
v-model="formData.hostId"
|
|
|
@@ -66,9 +77,9 @@
|
|
|
placeholder="请选择记录人"
|
|
|
></k-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
<!-- 截止日期 -->
|
|
|
- <el-col :span="24">
|
|
|
+ <!-- <el-col :span="24">
|
|
|
<el-form-item v-if="formData.id" prop="dateTime" label="培训时间">
|
|
|
<el-date-picker
|
|
|
v-model="formData.dateTime"
|
|
|
@@ -77,19 +88,15 @@
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
<!-- 总结 -->
|
|
|
<el-col :span="24">
|
|
|
<el-form-item v-if="formData.id" prop="note" label="总结">
|
|
|
- <k-textarea
|
|
|
- v-model="formData.note"
|
|
|
- placeholder="请输入总结"
|
|
|
- :length="1000"
|
|
|
- />
|
|
|
+ <k-textarea v-model="formData.note" placeholder="请输入总结" :length="1000" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<!-- 应到人数 -->
|
|
|
- <el-col :span="24">
|
|
|
+ <!-- <el-col :span="24">
|
|
|
<el-form-item v-if="formData.id" prop="dueCount" label="应到人数">
|
|
|
<el-input-number
|
|
|
v-model="formData.dueCount"
|
|
|
@@ -97,9 +104,9 @@
|
|
|
placeholder="请输入应到人数"
|
|
|
></el-input-number>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
<!-- 实到人数 -->
|
|
|
- <el-col :span="24">
|
|
|
+ <!-- <el-col :span="24">
|
|
|
<el-form-item
|
|
|
v-if="formData.id"
|
|
|
prop="actualCount"
|
|
|
@@ -111,7 +118,7 @@
|
|
|
placeholder="请输入实到人数"
|
|
|
></el-input-number>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
<el-col :span="24">
|
|
|
<el-form-item v-if="formData.id" label="参与人员">
|
|
|
<k-select
|
|
|
@@ -119,51 +126,40 @@
|
|
|
v-model="formData.absenceList"
|
|
|
url="/user/find/all"
|
|
|
:params="{ orgId: formData.orgId }"
|
|
|
- placeholder="请选择参与人员"
|
|
|
+ placeholder="请选择缺席人员"
|
|
|
></k-select>
|
|
|
+ <!-- <k-select :multiple="true" v-model="formData.absenceList" url="/user/find/all"
|
|
|
+ :params="{ orgId: formData.orgId }" placeholder="请选择参与人员"></k-select> -->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item v-if="formData.id" label="缺席人员">
|
|
|
- <k-select
|
|
|
- :multiple="true"
|
|
|
- v-model="formData.absentList"
|
|
|
- url="/user/find/all"
|
|
|
- :params="{ orgId: formData.orgId }"
|
|
|
- placeholder="请选择缺席人员"
|
|
|
- ></k-select>
|
|
|
+ <k-select :multiple="true" v-model="formData.absentList" url="/user/find/all"
|
|
|
+ :params="{ orgId: formData.orgId }" placeholder="请选择缺席人员"></k-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <!-- 上传文件 -->
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="fileList" label="上传文件">
|
|
|
- <k-upload-file-multiple
|
|
|
- :disabled="!!id"
|
|
|
- v-model="formData.fileList"
|
|
|
- max="4"
|
|
|
- @uploadTriggerEvent="uploadTriggerEvent"
|
|
|
- byModule
|
|
|
- moduleName="edu-traning-perform"
|
|
|
- ></k-upload-file-multiple>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item prop="imageList" label="上传图片">
|
|
|
- <k-multi-upload
|
|
|
- v-model="formData.imageList"
|
|
|
- limit="4"
|
|
|
- byModule
|
|
|
- moduleName="edu-training"
|
|
|
- />
|
|
|
+ <imgUpload type="more" :value="formData.imageList" @input="imageListChanged"></imgUpload>
|
|
|
+ <!-- <k-multi-upload v-model="formData.imageList" limit="4" byModule moduleName="edu-training" /> -->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <!-- 上传文件 -->
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-form-item prop="fileList" label="上传文件">
|
|
|
+ <k-upload-file-multiple :disabled="!!id" v-model="formData.fileList" max="4"
|
|
|
+ @uploadTriggerEvent="uploadTriggerEvent" byModule
|
|
|
+ moduleName="edu-traning-perform"></k-upload-file-multiple>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button @click="onHide">取消</el-button>
|
|
|
- <el-button type="primary" @click="onSubmit">确定</el-button>
|
|
|
+ <el-button type="primary" @click="onSubmit">暂存</el-button>
|
|
|
+ <el-button type="primary" @click="onSubmit">提交</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -171,27 +167,33 @@
|
|
|
|
|
|
<script>
|
|
|
import { mapState, mapMutations } from "vuex";
|
|
|
-
|
|
|
+import { getEduTask, recordEduTask } from "@/api/core/edu/eduTask";
|
|
|
+import KTextarea from "@/components/common/textarea.vue";
|
|
|
+import KSelect from "@/components/common/userselect.vue";
|
|
|
+import imgUpload from "@/components/ImageUpload/index.vue";
|
|
|
export default {
|
|
|
- components: {},
|
|
|
+ components: { KTextarea,KSelect,imgUpload },
|
|
|
data() {
|
|
|
const params = this.$route.params;
|
|
|
return {
|
|
|
id: params ? params.id : null,
|
|
|
isShow: false,
|
|
|
formData: this.reset(),
|
|
|
- formDataRules: {
|
|
|
+ formDataRules: {
|
|
|
type: [{ required: true, message: "请选择类型" }],
|
|
|
content: [{ required: true, message: "请输入内容" }],
|
|
|
- hostId: [{ required: true, message: "请输入主持人" }],
|
|
|
- recorderId: [{ required: true, message: "请输入记录人" }],
|
|
|
- dateTime: [{ required: true, message: "请输入培训时间" }],
|
|
|
+ // hostId: [{ required: true, message: "请输入主持人" }],
|
|
|
+ // recorderId: [{ required: true, message: "请输入记录人" }],
|
|
|
+
|
|
|
+ trainingStartDateTime: [{ required: true, message: "请输入培训时间" }],
|
|
|
+ trainingEndDateTime: [{ required: true, message: "请输入培训时间" }],
|
|
|
note: [{ required: true, message: "请输入总结" }],
|
|
|
- dueCount: [{ required: true, message: "请输入应到人数" }],
|
|
|
- actualCount: [{ required: true, message: "请输入实到人数" }],
|
|
|
+ // dueCount: [{ required: true, message: "请输入应到人数" }],
|
|
|
+ // actualCount: [{ required: true, message: "请输入实到人数" }],
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
+ dicts: ['edu_type', 'edu_task_status'],
|
|
|
props: {},
|
|
|
watch: {},
|
|
|
computed: {
|
|
|
@@ -201,11 +203,12 @@ export default {
|
|
|
...mapMutations([]),
|
|
|
reset(other = {}) {
|
|
|
return {
|
|
|
- hostId: null,
|
|
|
- recorderId: null,
|
|
|
- dateTime: null,
|
|
|
- dueCount: null,
|
|
|
- actualCount: null,
|
|
|
+ // hostId: null,
|
|
|
+ // recorderId: null,
|
|
|
+ trainingStartDateTime: new Date(),
|
|
|
+ trainingEndDateTime: new Date(),
|
|
|
+ // dueCount: null,
|
|
|
+ // actualCount: null,
|
|
|
content: null,
|
|
|
title: null,
|
|
|
eduJobId: null,
|
|
|
@@ -218,31 +221,53 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
async refresh(id, other) {
|
|
|
- this.formData = id
|
|
|
- ? await this.$api.eduTraining.one(id)
|
|
|
- : this.reset(other);
|
|
|
- if (this.formData.imageList == null) {
|
|
|
- this.formData.imageList = [];
|
|
|
- }
|
|
|
- if (this.formData.fileList == null) {
|
|
|
- this.formData.fileList = [];
|
|
|
- }
|
|
|
- let alist = [];
|
|
|
- if (this.formData.absenceList != null) {
|
|
|
- this.formData.absenceList.forEach((element) => {
|
|
|
- alist.push(element.id);
|
|
|
- });
|
|
|
+ // this.formData = id
|
|
|
+ // ? await this.$api.eduTraining.one(id)
|
|
|
+ // : this.reset(other);
|
|
|
+
|
|
|
+ if (!id) {
|
|
|
+ this.reset(other);
|
|
|
+ return;
|
|
|
}
|
|
|
- this.formData.absenceList = alist;
|
|
|
- this.formData.absentList = this.formData.absentList
|
|
|
- ? this.formData.absentList.map((a) => a.id)
|
|
|
- : [];
|
|
|
+ getEduTask(id).then(response => {
|
|
|
+ this.formData = response.data;
|
|
|
+ this.loading = false;
|
|
|
+ if (this.formData.imageList == null) {
|
|
|
+ this.formData.imageList = [];
|
|
|
+ }
|
|
|
+ if (this.formData.fileList == null) {
|
|
|
+ this.formData.fileList = [];
|
|
|
+ }
|
|
|
+ if (this.formData.taskUserList != null) {
|
|
|
+ let list1 = this.formData.taskUserList.filter((element) => {
|
|
|
+ element.type === 1
|
|
|
+ });
|
|
|
+ this.formData.absenceList = list1 ? list1.map((a) => a.userId)
|
|
|
+ : [];
|
|
|
+
|
|
|
+ let list2 = this.formData.taskUserList.filter((element) => {
|
|
|
+ element.type === 2
|
|
|
+ });
|
|
|
+ this.formData.absentList = list2 ? list2.map((a) => a.userId)
|
|
|
+ : [];
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.formData.absenceList = [];
|
|
|
+ this.formData.absentList = [];
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
},
|
|
|
async show(id, other = {}) {
|
|
|
this.id = id;
|
|
|
await this.refresh(id, other);
|
|
|
this.isShow = true;
|
|
|
},
|
|
|
+ imageListChanged(list)
|
|
|
+ {
|
|
|
+ this.formData.imageList=list;
|
|
|
+ console.log("imageListChanged",this.formData.imageList);
|
|
|
+ },
|
|
|
|
|
|
// 事件
|
|
|
onHide() {
|
|
|
@@ -250,7 +275,7 @@ export default {
|
|
|
},
|
|
|
async onSubmit() {
|
|
|
await this.$refs.form.validate();
|
|
|
- console.log("onSubmit this.formData",this.formData)
|
|
|
+ console.log("onSubmit this.formData", this.formData)
|
|
|
let due = this.formData.dueCount;
|
|
|
let actual = this.formData.actualCount;
|
|
|
if (actual > due) {
|
|
|
@@ -258,12 +283,12 @@ export default {
|
|
|
} else if (!this.validatePerson()) {
|
|
|
this.$message.error("参与人员与缺席人员重复,请重新选择!");
|
|
|
} else {
|
|
|
- await this.$api.eduTraining.executed(this.formData).then((v) => {
|
|
|
+ recordEduTask(this.formData).then((v) => {
|
|
|
this.$emit("success", this.formData);
|
|
|
this.onHide();
|
|
|
});
|
|
|
- this.$emit("success");
|
|
|
- this.onHide();
|
|
|
+ // this.$emit("success");
|
|
|
+ // this.onHide();
|
|
|
}
|
|
|
},
|
|
|
validatePerson() {
|
|
|
@@ -275,11 +300,11 @@ export default {
|
|
|
}
|
|
|
return true;
|
|
|
},
|
|
|
- uploadTriggerEvent(value) {},
|
|
|
+ uploadTriggerEvent(value) { },
|
|
|
// 事件
|
|
|
//apimark//
|
|
|
},
|
|
|
- mounted() {},
|
|
|
+ mounted() { },
|
|
|
};
|
|
|
</script>
|
|
|
|