mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 20:06:44 +08:00
262 lines
8.4 KiB
Vue
262 lines
8.4 KiB
Vue
<script>
|
||
import {mapActions, mapGetters} from "vuex";
|
||
import {getCertificationProcess, getTeacherInfo, setOfflineTutoring, treeList} from "@/api/modules/lecturer"
|
||
import processStatus from "@/components/processStatus.vue";
|
||
export default {
|
||
name: "TwoFinal",
|
||
components: {processStatus},
|
||
computed: {
|
||
...mapGetters(['userInfo'])
|
||
},
|
||
|
||
data(){
|
||
return{
|
||
disabled:false,
|
||
//状态信息
|
||
statusInfo:{},
|
||
sysType: [],
|
||
sysProps: {
|
||
value: "name",
|
||
label: "name"
|
||
},
|
||
sysTypeListMap:[],
|
||
//教师id
|
||
teacherId:'',
|
||
labelPosition:'right',
|
||
form: {
|
||
teacherName: '董兆星',
|
||
teacherNo: '10010908',
|
||
orgName: '后台(业务支援体系)/BOEU/企划中心/数据资产部数据资产部',
|
||
positionName: '产品企划岗',
|
||
bandCode: 'Band7',
|
||
courseName:'',
|
||
courseContent:'',
|
||
courseIntroduction:'',
|
||
coursewareUrl:'',
|
||
courseContent_1:''
|
||
},
|
||
rules: {
|
||
courseName: [
|
||
{required: true, message: '请输入认证课程名称', trigger: 'change'},
|
||
{ min: 1, max: 30, message: '最多30字', trigger: 'blur' }
|
||
],
|
||
courseContent_1: [
|
||
{required: true, message: '请选择课程分类', trigger: 'change'}
|
||
],
|
||
courseIntroduction: [
|
||
{required: true, message: '请输入课程简介', trigger: 'change'},
|
||
{ min: 1, max: 150, message: '最多150字', trigger: 'blur' }
|
||
],
|
||
}
|
||
}
|
||
},
|
||
methods:{
|
||
...mapActions({
|
||
getResOwnerTree:'resOwner/getResOwnerTree',
|
||
loadResOwners:'resOwner/loadResOwners',
|
||
getSysTypeTree:'sysType/getSysTypeTree',
|
||
loadSysTypes:'sysType/loadSysTypes'
|
||
}),
|
||
//获取教师认证状态
|
||
getStatus(){
|
||
getCertificationProcess({teacherId:this.teacherId}).then(res=>{
|
||
this.statusInfo=res.data
|
||
if (this.statusInfo.draftStatus==0){
|
||
this.disabled=true
|
||
}
|
||
})
|
||
},
|
||
baseInfo(){
|
||
getTeacherInfo({teacherId:this.teacherId}).then(res=>{
|
||
this.form.teacherName=res.data[0].teacherName
|
||
this.form.teacherNo=res.data[0].teacherNo
|
||
this.form.orgName=res.data[0].orgName
|
||
this.form.positionName=res.data[0].positionName
|
||
this.form.bandCode=res.data[0].bandCode
|
||
this.form.courseIntroduction=res.data[0].courseIntroduction
|
||
this.form.courseContent_1=res.data[0].courseContent.split('/')
|
||
this.form.courseName=res.data[0].courseName
|
||
//获取初始值
|
||
this.form.courseNameOne=res.data[0].courseName
|
||
this.form.courseIntroductionOne=res.data[0].courseIntroduction
|
||
this.form.courseContent_2=res.data[0].courseContent
|
||
})
|
||
},
|
||
onSubmit(formName){
|
||
this.$refs[formName].validate((valid) => {
|
||
if (valid) {
|
||
if (this.form.coursewareUrl==''){
|
||
this.$message({
|
||
message: '未上传文件',
|
||
type: 'error'
|
||
});
|
||
return
|
||
}else {
|
||
this.form.courseContent = this.form.courseContent_1.join('/');
|
||
setOfflineTutoring(
|
||
{teacherId:this.teacherId,
|
||
courseName:this.form.courseNameOne==this.form.courseName?null:this.form.courseName,
|
||
courseContent:this.form.courseContent_2==this.form.courseContent?null:this.form.courseContent,
|
||
courseIntroduction:this.form.courseIntroductionOne==this.form.courseIntroduction?null:this.form.courseIntroduction,
|
||
coursewareUrl:this.form.coursewareUrl,
|
||
coursewareName:this.form.coursewareName,
|
||
version:1
|
||
}).then(res=>{
|
||
if (res.code==200){
|
||
this.$message({
|
||
message: '设置成功',
|
||
type: 'success'
|
||
});
|
||
this.$router.push({
|
||
path:'/need/twofinals',
|
||
query:{teacherId:this.teacherId}
|
||
})
|
||
}else {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
})
|
||
}
|
||
} else {
|
||
return false;
|
||
}
|
||
});
|
||
},
|
||
handRemove(file){
|
||
this.form.coursewareUrl=''
|
||
this.form.coursewareName=''
|
||
},
|
||
handlSuccess(response, file, fileList){
|
||
if (response.code==200){
|
||
this.form.coursewareUrl=response.data.coursewareUrl
|
||
this.form.coursewareName=response.data.coursewareName
|
||
this.$message({
|
||
message: '上传成功',
|
||
type: 'success'
|
||
});
|
||
}
|
||
},
|
||
handlError(response, file, fileList){
|
||
this.$message({
|
||
message: '上传失败',
|
||
type: 'error'
|
||
});
|
||
}
|
||
},
|
||
created() {
|
||
//获取基本信息
|
||
this.teacherId=this.$route.query.teacherId
|
||
this.baseInfo()
|
||
this.getStatus()
|
||
this.getSysTypeTree().then(rs=>{
|
||
this.sysTypeListMap=rs;
|
||
})
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<div>
|
||
<process-status :teacherId="teacherId"></process-status>
|
||
<div class="title">二次认证-上传终稿</div>
|
||
<el-container>
|
||
<div class="form-table">
|
||
<el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="140px">
|
||
<div>
|
||
<el-col :span="10">
|
||
<el-form-item label="姓名：">
|
||
<el-input type="text" :disabled="true" v-model="form.teacherName"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="10" :offset="4">
|
||
<el-form-item label="工号：">
|
||
<el-input type="text" :disabled="true" v-model="form.teacherNo"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</div>
|
||
<el-form-item label="组织：">
|
||
<el-input v-model="form.orgName" :disabled="true"></el-input>
|
||
</el-form-item>
|
||
<div>
|
||
<el-col :span="10">
|
||
<el-form-item label="岗位：">
|
||
<el-input type="text" :disabled="true" v-model="form.positionName"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="10" :offset="4">
|
||
<el-form-item label="职级：">
|
||
<el-input type="text" :disabled="true" v-model="form.bandCode"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</div>
|
||
<el-form-item label="认证课程名称：" prop="courseName">
|
||
<el-input v-model="form.courseName" placeholder="请输入认证课程名称"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="课程内容分类：" prop="courseContent_1">
|
||
<el-cascader placeholder="选择内容分类" style="width: 100%;" clearable v-model="form.courseContent_1" :props="sysProps" :options="sysTypeListMap"></el-cascader>
|
||
</el-form-item>
|
||
<el-form-item label="课程简介：" prop="courseIntroduction">
|
||
<el-input type="textarea" rows="5" v-model="form.courseIntroduction"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="上传终稿：" required>
|
||
<el-upload
|
||
class="upload-demo"
|
||
drag
|
||
action="/activityApi/certification/uploadCourseware"
|
||
accept=".ppt,.pptx,.pdf"
|
||
:on-success="handlSuccess"
|
||
:on-error="handlError"
|
||
:limit="1"
|
||
:on-remove="handRemove"
|
||
multiple>
|
||
<i class="el-icon-upload"></i>
|
||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||
<div class="el-upload__tip" slot="tip">请上传解密后的文件，仅支持上传ppt，pptx，pdf格式文件</div>
|
||
</el-upload>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-button type="primary" @click="onSubmit('form')">提交</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
</el-container>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped lang="scss">
|
||
.title{
|
||
font-size: 16px;
|
||
font-weight: 800;
|
||
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
|
||
padding: 2px 2px 20px 2px;
|
||
}
|
||
.form-table{
|
||
width: 100%;
|
||
margin-top: 20px;
|
||
}
|
||
.iconImg{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
color: #333333;
|
||
font-size: 14px;
|
||
}
|
||
.iconImg>img{
|
||
width: 30px;
|
||
height: 30px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.line{
|
||
width: 2px;
|
||
height: 100px;
|
||
background-color: #d7d7d7;
|
||
margin-top: 3px;
|
||
margin-bottom: 3px;
|
||
}
|
||
|
||
|
||
</style>
|