hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-10 11:26:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交讲师

Browse Source
This commit is contained in:
李志发
2024-05-15 13:29:03 +08:00
parent 8c36c4fa8e
commit 700dee82c9
38 changed files with 3158 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
src/views/lecturer/TwoAthentication.vue Normal file
View File

@@ -0,0 +1,235 @@
<script>
import {
addTeacher,
getCertificationProcess,
getProgress,
getReviewResult,
getTeacherInfo, secondExamine
} from "@/api/modules/lecturer";
export default {
name: "",
data(){
return{
teacherId:'',
form:{
teacherName:'',
teacherNo:'',
orgName:''
},
progressData:{},
fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
disabled:true,
statusInfo:'',
result:'',
newTeacherId:'',
}
},
mounted() {
//读取路由参数
this.teacherId=this.$route.query.teacherId
//获取教师基本信息
this.baseInfo()
this.getStatus()
this.getReviewResult()
},
methods:{
//前往二次认证
getoFactor(){
secondExamine({teacherId:this.teacherId}).then(res=>{
this.newTeacherId=res.data.replace(/[^0-9]/ig,'')
})
},
//获取认证结果
getReviewResult(){
getReviewResult({teacherId:this.teacherId}).then(res=>{
this.result=res.data
})
},
//获取教师认证状态
getStatus(){
getCertificationProcess({teacherId:this.teacherId}).then(res=>{
this.statusInfo=res.data
})
},
baseInfo(){
getTeacherInfo({teacherId:this.teacherId}).then(res=>{
/*
* teacherName:教师姓名 teacherNo:教师工号 orgName:组织 positionName:岗位 bandCode:职级 courseName:认证课程名称 courseContent课程内容分类
* courseIntroduction:课程简介
* */
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.courseName=res.data[0].courseName
this.form.courseContent=res.data[0].courseContent
this.form.courseIntroduction=res.data[0].courseIntroduction
this.form.coursewareName=res.data[0].examineCourseware.coursewareName
this.form.tutor=res.data[0].tutor.split(',')
this.form.tutorTime=res.data[0].tutorTime
//获取学习进度
this.addTeacher()
})
},
addTeacher(){
addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
this.getProgress(res.data[0].id)
})
},
getProgress(id){
getProgress({teacherId:id}).then(res=>{
this.progressData=res.data[0]
if (this.progressData.progress==100){
this.disabled=false
}
})
},
format(percentage) {
return percentage === 100 ? '满' : `${percentage}%`;
},
getJump(){
this.$router.push({
path:'/need/twocoaching',
query:{teacherId:this.teacherId}
})
}
}
}
</script>
<template>
<div>
<div class="title">基本信息</div>
<el-container>
<div class="form-table">
<el-form label-width="140px">
<div>
<el-col :span="10">
<el-form-item label="姓名：">
{{form.teacherName}}
</el-form-item>
</el-col>
<el-col :span="10" :offset="4">
<el-form-item label="工号：">
{{form.teacherNo}}
</el-form-item>
</el-col>
</div>
<el-form-item label="组织：">
{{form.orgName}}
</el-form-item>
<div>
<el-col :span="10">
<el-form-item label="岗位：">
{{form.positionName}}
</el-form-item>
</el-col>
<el-col :span="10" :offset="4">
<el-form-item label="职级：">
{{form.bandCode}}
</el-form-item>
</el-col>
</div>
<el-form-item label="认证课程名称：" prop="courseName">
{{form.courseName}}
</el-form-item>
<el-form-item label="课程内容分类：" prop="courseContent">
{{form.courseContent}}
</el-form-item>
<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">查看</span>
</el-form-item>
</el-form>
</div>
</el-container>
<div class="title" style="margin-top: 20px">线上课程</div>
<div class="progress">
<div class="uc-course-img" style="width: 212px;height:119px">
<img :src="fileBaseUrl +progressData.courseImage">
</div>
<div class="courseName">{{progressData.courseName}}</div>
<div class="smallTitle">当前进度</div>
<el-progress :percentage="progressData.progress" :format="format"></el-progress>
</div>
<div>
<div class="title" style="margin-top: 20px">认证结果</div>
<div v-if="statusInfo.reviewResult==2" class="score" style="color: #797979">请您耐心等待线下认证安排！</div>
<div v-if="statusInfo.reviewResult==0" class="score" style="color: #4b7900;">恭喜您，您的认证分数为{{ result.avgScore }}分，已经通过认证！</div>
<div v-if="statusInfo.reviewResult==1" class="score" style="color: #ff0000">很遗憾，您的认证分数为{{ result.avgScore }}分，没有通过认证！</div>
</div>
<div>
<div class="title" style="margin-top: 20px">线下辅导</div>
<div class="tip">提示：您的线上课程已经学习完毕，快去进行下一步吧！</div>
</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;
width: 850px;
border-bottom: 1px solid rgba(215, 215, 215, 0.66);
padding: 2px 2px 20px 2px;
}
.form-table{
width: 850px;
margin-top: 20px;
}
.progress{
max-width: 250px;
}
.courseName{
font-weight: 650;
color: #333333;
font-size: 14px;
margin-top: 12px;
}
.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: #7d7c7c;
font-size: 14px;
margin-top: 20px;
}
.score{
margin-top: 28px;
font-size: 20px;
}
.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;
}
</style>