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

修改bug2.0

Browse Source
This commit is contained in:
李志发
2024-05-18 00:48:44 +08:00
parent 882c47ac00
commit 4ed5f98ea1
16 changed files with 931 additions and 573 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
src/views/lecturer/TwoCos.vue
View File

@@ -1,100 +1,101 @@
<script>
import {
import lecturer, {
addTeacher,
getCertificationProcess,
getProgress,
getReviewResult,
getTeacherInfo, secondExamine
} from "@/api/modules/lecturer";
import processStatus from "@/components/processStatus.vue";
export default {
name: "TwoCos",
data(){
return{
teacherId:'',
form:{
teacherName:'',
teacherNo:'',
orgName:''
components: {processStatus},
data() {
return {
teacherId: '',
form: {
teacherName: '',
teacherNo: '',
orgName: ''
},
progressData:{},
fileBaseUrl:process.env.VUE_APP_BOE_MOBILE_URL,
disabled:false,
statusInfo:'',
statusInfo1:'',
result:'',
newTeacherId:'',
pid:'',
progressData: {},
fileBaseUrl: process.env.VUE_APP_BOE_MOBILE_URL,
disabled: false,
statusInfo: '',
statusInfo1: '',
result: '',
newTeacherId: '',
pid: '',
teacherInfo: ''
}
},
mounted() {
created() {
//读取路由参数
this.teacherId=this.$route.query.teacherId
this.teacherId = this.$route.query.teacherId
//获取教师基本信息
this.baseInfo()
},
methods:{
//前往二次认证
getoFactor(){
secondExamine({teacherId:this.teacherId}).then(res=>{
this.newTeacherId=res.data.replace(/[^0-9]/ig,'')
})
},
methods: {
//获取认证结果
getReviewResult(){
getReviewResult({teacherId:this.pid}).then(res=>{
this.result=res.data
getReviewResult() {
getReviewResult({teacherId: this.pid}).then(res => {
this.result = res.data
})
},
//获取教师认证状态
getStatus(){
getCertificationProcess({teacherId:this.teacherId}).then(res=>{
this.statusInfo=res.data
getStatus() {
getCertificationProcess({teacherId: this.teacherId}).then(res => {
this.statusInfo = res.data
})
getCertificationProcess({teacherId:this.pid}).then(res=>{
this.statusInfo1=res.data
getCertificationProcess({teacherId: this.pid}).then(res => {
this.statusInfo1 = res.data
})
},
baseInfo(){
getTeacherInfo({teacherId:this.teacherId}).then(res=>{
baseInfo() {
getTeacherInfo({teacherId: this.teacherId}).then(res => {
this.pid = res.data[0].pid
this.form.tutor = res.data[0].tutor.split(',')
this.form.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.orgName = resquest.data[0].orgName
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
if (res.data[0].examineCourseware == '' || resquest.data[0].examineCourseware == null) {
} else {
this.form.coursewareName = resquest.data[0].examineCourseware.coursewareName
}
//获取学习进度
this.addTeacher()
this.getStatus()
this.getReviewResult()
})
/*
* 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
if (res.data[0].examineCourseware==''||res.data[0].examineCourseware==null){
}else {
this.form.coursewareName=res.data[0].examineCourseware.coursewareName
}
this.form.tutor=res.data[0].tutor.split(',')
this.form.tutorTime=res.data[0].tutorTime
this.pid=res.data[0].pid
//获取学习进度
this.addTeacher()
this.getStatus()
this.getReviewResult()
})
},
addTeacher(){
addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
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
res.data.forEach((item,index)=>{
if (item.progress!=100){
this.disabled=true
getProgress(id) {
getProgress({teacherId: id}).then(res => {
this.progressData = res.data
res.data.forEach((item, index) => {
if (item.progress != 100) {
this.disabled = true
return
}
})
@@ -103,98 +104,126 @@ export default {
format(percentage) {
return percentage === 100 ? '满' : `${percentage}%`;
},
getJump(){
getJump() {
this.$router.push({
path:'/need/twofinal',
query:{teacherId:this.teacherId}
path: '/need/twofinal',
query: {teacherId: this.teacherId}
})
},
toCaseData(courseId){
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="teacherId"></process-status>
<div class="title">基本信息</div>
<el-container>
<div class="form-table">
<el-form label-width="140px">
<el-form>
<div>
<el-col :span="10">
<el-col :span="11">
<el-form-item label="姓名：">
{{form.teacherName}}
{{ form.teacherName }}
</el-form-item>
</el-col>
<el-col :span="10" :offset="4">
<el-col :span="11" :offset="2">
<el-form-item label="工号：">
{{form.teacherNo}}
{{ 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-col :span="11">
<el-form-item label="组织：">
{{ form.orgName }}
</el-form-item>
</el-col>
<el-col :span="10" :offset="4">
<el-form-item label="职级：">
{{form.bandCode}}
<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">
{{ form.courseName }}
</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="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}}
{{ 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 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="item">
<div class="progress-item" @click="toCaseData(item.courseId)">
<div class="uc-course-img" style="width: 212px;height:119px">
<img style="width: 100%;" v-if="item.courseImage!=''" :src="item.courseImage">
<img style="width: 100%;" v-else :src="fileBaseUrl+'/pc/images/bgimg/course.png'">
</div>
<div class="courseName">{{item.courseName}}</div>
<div class="smallTitle">当前进度</div>
<el-progress :percentage="item.progress" :format="format"></el-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!=''" :src="item.courseImage">
<img style="width: 100%;" v-else :src="fileBaseUrl+'/pc/images/bgimg/course.png'">
</div>
<div class="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>
<div v-if="result.reviewResult==2" class="score" style="color: #797979">请您耐心等待线下认证安排！</div>
<div v-if="result.reviewResult==0" class="score" style="color: #4b7900;">恭喜您，您的认证分数为{{ result.avgScore }}分，已经通过认证！</div>
<div v-if="result.reviewResult==1" class="score" style="color: #ff0000">很遗憾，您的认证分数为{{ result.avgScore }}分，没有通过认证！</div>
<div v-if="result.reviewResult==0" class="score" style="color: #4b7900;">恭喜您，您的认证分数为{{
result.avgScore
}}分，已经通过认证！
</div>
<div v-if="result.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 label-width="140px">
<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>
<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}}
{{ form.tutorTime }}
</el-form-item>
</el-form>
</div>
@@ -204,63 +233,69 @@ export default {
<div class="tip">
提示：您已完成线下辅导，快去进行下一步吧！
</div>
<el-button type="primary" style="margin-top: 20px;margin-left: 80px" @click="getJump()">下一步</el-button>
<el-button type="primary" style="margin-top: 20px;" @click="getJump()">下一步</el-button>
</div>
</template>
<style scoped lang="scss">
.title{
.title {
font-size: 16px;
font-weight: 800;
width: 850px;
border-bottom: 1px solid rgba(215, 215, 215, 0.66);
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
padding: 2px 2px 20px 2px;
}
.form-table{
width: 850px;
.form-table {
width: 100%;
margin-top: 20px;
}
.progress{
.progress {
display: flex;
align-items: center;
.progress-item{
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
}
margin-top: 20px;
}
.progress>div{
max-width: 250px;
margin-right: 20px;
.progress > div {
width: 300px;
margin-right: 30px;
}
.courseName{
.courseName {
font-weight: 650;
color: #333333;
font-size: 14px;
margin-top: 12px;
}
.smallTitle{
color:#134054;
font-size:12px;
.smallTitle {
color: #134054;
font-size: 12px;
margin-top: 7px;
}
::v-deep .el-form-item__content{
::v-deep .el-form-item__content {
font-weight: 500;
}
::v-deep .el-form-item{
::v-deep .el-form-item {
margin-bottom: 0px;
}
.tip{
color: #7d7c7c;
.tip {
color: #333333;
font-size: 14px;
margin-top: 20px;
}
.score{
margin-top: 28px;
font-size: 20px;
.score {
margin-top: 28px;
font-size: 14px;
color: #333333;
font-weight: 400;
}
.twoFactorAuthentication{
.twoFactorAuthentication {
width: 344px;
height: 135px;
padding: 2px 2px 2px 2px;
@@ -273,9 +308,27 @@ export default {
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>