| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="计划名称:" prop="planName" > |
| | | <el-input v-model.trim="state.form.planName" placeholder="请输入计划名称"></el-input> |
| | | <!-- <el-input v-model.trim="state.form.planName" placeholder="请输入计划名称"></el-input>--> |
| | | <el-select |
| | | clearable |
| | | v-model="state.form.planName" |
| | | :disabled="state.title =='查看'" |
| | | filterable |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in state.planList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.trainName" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="学员:" prop="studentId" > |
| | | <el-select |
| | |
| | | </el-select> |
| | | <!-- <el-input v-model.trim="state.form.level" :disabled="disabled" placeholder="请输入培训等级" ></el-input>--> |
| | | </el-form-item> |
| | | <el-form-item label="日期:" prop="planDate" > |
| | | <el-date-picker |
| | | v-model="state.form.planDate" |
| | | type="date" |
| | | placeholder="请选择日期" |
| | | value-format="YYYY-MM-DD" |
| | | style="width: 100%" |
| | | /> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="要求课时(分):" prop="period" >--> |
| | | <!-- <el-input v-model.trim="state.form.period"--> |
| | | <!-- @input="state.form.period = state.form.period--> |
| | |
| | | <!-- </el-radio-group>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="培训记录:" prop="passed" > |
| | | <el-upload accept=".jpg,.jpeg,.png,.doc,.docx,.pdf,.xls,xlsx,ppt,pptx" style="width: 100%" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > |
| | | <el-upload accept=".jpg,.jpeg,.png,.doc,.docx,.pdf,.xls,.xlsx,.ppt,.pptx" style="width: 100%" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <!-- <template #tip>--> |
| | | <!-- <div class="el-upload__tip">尺寸小于5M,最多可上传1份</div>--> |
| | |
| | | import {delPic} from "@/api/onlineEducation/banner"; |
| | | import {getToken} from "@/utils/auth"; |
| | | import {getUser} from "@/api/onlineEducation/user"; |
| | | import {getTrainPlanPage} from "@/api/onlineEducation/trainPlan"; |
| | | |
| | | const emit = defineEmits(["getList"]); |
| | | const dialogVisible = ref(false) |
| | |
| | | studentName: '', |
| | | courseName: '', |
| | | companyId: null, |
| | | planDate:null, |
| | | files: [] |
| | | |
| | | }, |
| | |
| | | studentId: [{ required: true, message: '请选择学员', trigger: 'blur' }], |
| | | level: [{ required: true, message: '请输入培训等级', trigger: 'blur' }], |
| | | courseName: [{ required: true, message: '请输入课程名称', trigger: 'blur' }], |
| | | planDate: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | }, |
| | | isAdmin: false, |
| | | studentList: [], |
| | |
| | | header: { |
| | | Authorization: getToken() |
| | | }, |
| | | students: [] |
| | | students: [], |
| | | planList: [] |
| | | |
| | | }) |
| | | onMounted(() => { |
| | |
| | | state.form.id = value.id |
| | | } |
| | | await getPeopleList() |
| | | await getPlanList() |
| | | dialogVisible.value = true |
| | | } |
| | | const onSubmit = async () => { |
| | |
| | | passed: 0, |
| | | studentName: '', |
| | | courseName: '', |
| | | companyId: null |
| | | companyId: null, |
| | | planDate:null, |
| | | |
| | | } |
| | | state.companyPageNum = 1; |
| | |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }; |
| | | const getPlanList = async ()=> { |
| | | if(state.isAdmin && !state.form.companyId && (state.form.companyId == 0 || state.form.companyId == null)){ |
| | | return |
| | | } |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 9999, |
| | | companyId: state.form.companyId |
| | | } |
| | | const res = await getTrainPlanPage(queryParams); |
| | | if(res.code === 200){ |
| | | state.planList = res.data.list |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }; |
| | | |
| | | const handleScrollStu = () => { |
| | | console.log(' student',state.hasMoreStu); |
| | | if(state.stuPageNum >= state.hasMoreStu) return |
| | |
| | | const selectValueCom = (val) => { |
| | | state.students = [] |
| | | state.form.studentId = null |
| | | state.planList = [] |
| | | state.form.planName = '' |
| | | getPeopleList() |
| | | getPlanList() |
| | | } |
| | | |
| | | |