mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 03:16:42 +08:00
343 lines
11 KiB
Vue
343 lines
11 KiB
Vue
<script>
|
||
import lecturer, {
|
||
addTeacher,
|
||
getCertificationProcess,
|
||
getProgress,
|
||
getReviewResult,
|
||
getTeacherInfo, secondExamine
|
||
} from "@/api/modules/lecturer";
|
||
import processStatus from "@/components/processStatus.vue";
|
||
|
||
export default {
|
||
name: "TwoCos",
|
||
components: {processStatus},
|
||
data(){
|
||
return{
|
||
teacherId:'',
|
||
form:{
|
||
teacherName:'',
|
||
teacherNo:'',
|
||
orgName:''
|
||
},
|
||
progressData:{},
|
||
fileBaseUrl:process.env.VUE_APP_BOE_MOBILE_URL,
|
||
uploadUrl:process.env.VUE_APP_FILE_BASE_URL,
|
||
disabled:false,
|
||
statusInfo:'',
|
||
result:'',
|
||
newTeacherId:'',
|
||
pid:'',
|
||
statusInfo1:'',
|
||
teacherInfo:'',
|
||
form1:{}
|
||
}
|
||
},
|
||
created() {
|
||
//读取路由参数
|
||
this.teacherId=this.$route.query.teacherId
|
||
//获取教师基本信息
|
||
this.baseInfo()
|
||
// this.getReviewResult()
|
||
},
|
||
methods:{
|
||
//获取认证结果
|
||
getReviewResult(){
|
||
getReviewResult({teacherId:this.pid}).then(res=>{
|
||
this.result=res.data
|
||
})
|
||
},
|
||
//获取教师认证状态
|
||
getStatus(){
|
||
getCertificationProcess({teacherId:this.teacherId}).then(res=>{
|
||
this.statusInfo=res.data
|
||
})
|
||
getCertificationProcess({teacherId:this.pid}).then(res=>{
|
||
this.statusInfo1=res.data
|
||
})
|
||
},
|
||
baseInfo(){
|
||
getTeacherInfo({teacherId:this.teacherId}).then(res=>{
|
||
this.pid=res.data[0].pid
|
||
var orgNameList=res.data[0].orgName.split('/')
|
||
if (orgNameList.length<=3){
|
||
this.form.orgName=res.data[0].orgName
|
||
}else {
|
||
this.form.orgName=orgNameList[orgNameList.length-3]+'/'+orgNameList[orgNameList.length-2]+'/'+orgNameList[orgNameList.length-1]
|
||
}
|
||
this.form1.tutor = res.data[0].tutor.split(',')
|
||
this.form1.tutorTime = res.data[0].tutorTime
|
||
getTeacherInfo({teacherId:res.data[0].pid}).then(resquest=>{
|
||
this.teacherInfo = resquest.data[0]
|
||
this.form.teacherName=resquest.data[0].teacherName
|
||
this.form.teacherNo=resquest.data[0].teacherNo
|
||
this.form.positionName=resquest.data[0].positionName
|
||
this.form.bandCode=resquest.data[0].bandCode
|
||
this.form.courseName=resquest.data[0].courseName
|
||
this.form.courseContent=resquest.data[0].courseContent
|
||
this.form.courseIntroduction=resquest.data[0].courseIntroduction
|
||
this.form.coursewareName=resquest.data[0].examineCourseware.coursewareName
|
||
this.form.tutor = resquest.data[0].tutor.split(',')
|
||
this.form.tutorTime = resquest.data[0].tutorTime
|
||
//获取学习进度
|
||
this.getReviewResult()
|
||
this.addTeacher()
|
||
this.getStatus()
|
||
})
|
||
/*
|
||
* teacherName:教师姓名 teacherNo:教师工号 orgName:组织 positionName:岗位 bandCode:职级 courseName:认证课程名称 courseContent课程内容分类
|
||
* courseIntroduction:课程简介
|
||
* */
|
||
})
|
||
},
|
||
addTeacher(){
|
||
addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
|
||
this.getProgress(res.data[0].id)
|
||
})
|
||
},
|
||
getProgress(id){
|
||
getProgress({teacherId:id}).then(res=>{
|
||
this.progressData=res.data
|
||
res.data.forEach((item,index)=>{
|
||
if (item.progress!=100){
|
||
this.disabled=true
|
||
return
|
||
}
|
||
})
|
||
})
|
||
},
|
||
format(percentage) {
|
||
return percentage === 100 ? '满' : `${percentage}%`;
|
||
},
|
||
getJump(){
|
||
this.$router.push({
|
||
path:'/need/twofinal',
|
||
query:{teacherId:this.teacherId}
|
||
})
|
||
},
|
||
toCaseData(courseId){
|
||
this.$router.push("/course/studyindex?id=" + courseId);
|
||
},
|
||
downloadFile() {
|
||
lecturer.exportPdf({coursewareId: this.teacherInfo.examineCourseware.id}).then(res => {
|
||
if (res.status) {
|
||
this.$message.error('导出失败');
|
||
} else {
|
||
const link = document.createElement('a');// 创建a标签
|
||
let blob = new Blob([res], {type: 'application/vnd.;charset=UTF-8'}); // 设置文件类型
|
||
link.style.display = "none";
|
||
link.href = URL.createObjectURL(blob); // 创建URL
|
||
link.setAttribute("download", this.teacherInfo.examineCourseware.coursewareName);
|
||
document.body.appendChild(link);
|
||
link.click();
|
||
document.body.removeChild(link);
|
||
this.dialogVisible = false;
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<div>
|
||
<process-status :teacherId="pid.toString()" :pid="teacherId.toString()"></process-status>
|
||
<div class="title">基本信息</div>
|
||
<el-container>
|
||
<div class="form-table">
|
||
<el-form>
|
||
<div>
|
||
<el-col :span="11">
|
||
<el-form-item label="姓名：">
|
||
{{ form.teacherName }}
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11" :offset="2">
|
||
<el-form-item label="工号：">
|
||
{{ form.teacherNo }}
|
||
</el-form-item>
|
||
</el-col>
|
||
</div>
|
||
<div>
|
||
<el-col :span="11">
|
||
<el-form-item label="组织：">
|
||
{{ form.orgName }}
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11" :offset="2">
|
||
<el-form-item label="岗位：">
|
||
{{ form.positionName }}
|
||
</el-form-item>
|
||
</el-col>
|
||
</div>
|
||
<div>
|
||
<el-col :span="11">
|
||
<el-form-item label="认证课程名称：" prop="courseName">
|
||
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;" :title="form.courseName">
|
||
{{ form.courseName }}
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11" :offset="2">
|
||
<el-form-item label="课程内容分类：" prop="courseContent">
|
||
{{ form.courseContent }}
|
||
</el-form-item>
|
||
</el-col>
|
||
</div>
|
||
<el-form-item label="课程简介：" prop="courseIntroduction">
|
||
{{ form.courseIntroduction }}
|
||
</el-form-item>
|
||
<el-form-item label="终稿课件：" prop="courseIntroduction">
|
||
{{ form.coursewareName }} <span
|
||
style="color: #1378f6;display: inline-block;margin-left: 16px;cursor: pointer;"
|
||
@click="downloadFile">查看</span>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
</el-container>
|
||
<div class="title" style="margin-top: 20px">线上课程</div>
|
||
<div class="progress">
|
||
<div v-for="(item,index) in progressData" :key="index" @click="toCaseData(item.courseId)">
|
||
<div class="uc-course-img" style="width: 212px;height:119px">
|
||
<img style="width: 100%;" v-if="item.courseImage!=''&&item.courseImage.includes('https://')" :src="item.courseImage">
|
||
<img style="width: 100%;" v-else-if="item.courseImage!=''" :src="uploadUrl+item.courseImage">
|
||
<img style="width: 100%;" v-else :src="fileBaseUrl+'/pc/images/bgimg/course.png'">
|
||
</div>
|
||
<div class="courseName" :title="item.courseName">{{ item.courseName }}</div>
|
||
<div class="smallTitle">当前进度</div>
|
||
<el-progress :percentage="parseInt(item.progress)"
|
||
:color="parseInt(item.progress)=='100'?'#31AF0D':'#FFA050'"></el-progress>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="title" style="margin-top: 20px">线下辅导</div>
|
||
<el-container>
|
||
<div class="form-table">
|
||
<el-form>
|
||
<el-form-item label="辅导老师：">
|
||
<span v-for="(item,index) in form.tutor" :key="item"
|
||
style="display: inline-block;margin-right: 20px">{{ item }}</span>
|
||
</el-form-item>
|
||
<el-form-item label="辅导时间：">
|
||
{{ form.tutorTime }}
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
</el-container>
|
||
</div>
|
||
<div>
|
||
<div class="title" style="margin-top: 20px">认证结果</div>
|
||
<div v-if="statusInfo1.reviewResult==2" class="score">请您耐心等待线下认证安排！</div>
|
||
<div v-if="statusInfo1.reviewResult==0" class="score" style="color: #4b7900;">恭喜您，您的认证分数为{{ result.avgScore }}分，已经通过认证！</div>
|
||
<div v-if="statusInfo1.reviewResult==1" class="score" style="color: #ff0000">很遗憾，您的认证分数为{{ result.avgScore }}分，没有通过认证！</div>
|
||
</div>
|
||
<div>
|
||
<div class="title" style="margin-top: 20px">二次线下辅导</div>
|
||
<el-container>
|
||
<div class="form-table">
|
||
<el-form>
|
||
<el-form-item label="辅导老师：">
|
||
<span v-for="(item,index) in form1.tutor" :key="item"
|
||
style="display: inline-block;margin-right: 20px">{{ item }}</span>
|
||
</el-form-item>
|
||
<el-form-item label="辅导时间：">
|
||
{{ form1.tutorTime }}
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
</el-container>
|
||
</div>
|
||
<el-button type="primary" style="margin-top: 20px;margin-left: 80px" @click="getJump()">下一步</el-button>
|
||
</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;
|
||
}
|
||
.progress {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-top: 20px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.progress > div {
|
||
width: 300px;
|
||
margin-right: 30px;
|
||
margin-bottom: 12px;
|
||
}
|
||
.courseName {
|
||
font-weight: 650;
|
||
color: #333333;
|
||
font-size: 14px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
cursor: pointer;
|
||
width: 100%;
|
||
}
|
||
.smallTitle{
|
||
color:#134054;
|
||
font-size:12px;
|
||
margin-top: 7px;
|
||
}
|
||
::v-deep .el-form-item__content{
|
||
font-weight: 500;
|
||
}
|
||
::v-deep .el-form-item{
|
||
margin-bottom: 0px;
|
||
}
|
||
.tip{
|
||
color: #333333;
|
||
font-size: 14px;
|
||
margin-top: 20px;
|
||
}
|
||
.score {
|
||
margin-top: 28px;
|
||
font-size: 18px;
|
||
color: #333333;
|
||
font-weight: 400;
|
||
}
|
||
.twoFactorAuthentication{
|
||
width: 344px;
|
||
height: 135px;
|
||
padding: 2px 2px 2px 2px;
|
||
border: 1px solid #d7d7d7;
|
||
background-color: #ffffff;
|
||
box-sizing: border-box;
|
||
margin-top: 20px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.remind {
|
||
margin-bottom: 20px;
|
||
box-sizing: border-box;
|
||
color: #797979;
|
||
}
|
||
::v-deep .el-progress-bar__outer {
|
||
background-color: rgba(255, 160, 80, 0.2);
|
||
}
|
||
|
||
::v-deep .el-form-item__label {
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #333333;
|
||
line-height: 40px;
|
||
}
|
||
|
||
::v-deep .el-form-item__content {
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #333333;
|
||
line-height: 40px;
|
||
}
|
||
</style>
|