This commit is contained in:
李志发
2024-05-17 09:27:15 +08:00
parent c1dd6426c7
commit c3d34b0c66
27 changed files with 500 additions and 245 deletions

View File

@@ -1,11 +0,0 @@
<script setup>
</script>
<template>
<div>2222</div>
</template>
<style scoped lang="scss">
</style>

View File

@@ -198,7 +198,8 @@
<template slot="title">
<svg-icon icon-class="lecturer" style="font-size:16px"></svg-icon>
<span>讲师认证</span>
<div v-if="instructor==''" style="position: absolute;right: 70px;top: 0;background-color: red;width: 15px;height: 15px;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center">1</div>
<div v-if="instructor!=0" style="position: absolute;right: 70px;top: 0;background-color: red;width: 15px;height: 15px;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center">
{{ instructor }}</div>
</template>
</el-menu-item>
<el-submenu index="u004" v-show="curIdentity == 2">
@@ -381,9 +382,8 @@
<script>
import { mapGetters } from 'vuex';
import apiCourse from '../../api/modules/course.js';
import apicourseStudy from "../../api/modules/courseStudy.js"
import pageList from "../../api/modules/lecturer.js"
import {pageList} from "@/api/modules/lecturer"
import courseImage from "@/components/Course/courseImage.vue"
import testUser from '@/utils/testUsers.js'
export default {
@@ -413,7 +413,7 @@ export default {
isCollapse: false,
lastStudy:{},
overlayShow: false,
instructor:''
instructor:0
};
},
created() {
@@ -436,7 +436,7 @@ export default {
methods: {
//讲师认证条数
instructorCertification(){
pageList({ teacherNo:'',courseName:'', pageIndex: 1, pageSize: 1}).then(res=>{
pageList({ teacherNo:this.userInfo.userNo,courseName:'', pageNo: 1, pageSize: 10}).then(res=>{
this.instructor=res.data.count
})
},

View File

@@ -0,0 +1,254 @@
<script setup>
import {getCertificationProcess} from "@/api/modules/lecturer";
export default {
props: ['teacherId'],
data(){
return{
status:{
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:0,
offlineTutoring1:0,
endStatus1:0,
reviewResult1:0,
}
}
},
mounted() {
this.getCertificationProcess()
},
methods:{
getCertificationProcess(){
getCertificationProcess({teacherId:this.teacherId}).then(res=>{
let data=res.data
if (data.secondResult==0 && data.reviewResult==0){
this.status={
secondResult:0,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:1,
offlineTutoring1:0,
endStatus1:0,
reviewResult1:0,
}
}else if (data.secondResult==0 && data.reviewResult==1){
this.status={
secondResult:0,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:1,
offlineTutoring1:0,
endStatus1:0,
reviewResult1:1,
}
}else if (data.secondResult==0 && data.endStatus==0){
this.status={
secondResult:0,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:1,
offlineTutoring1:0,
endStatus1:0,
reviewResult1:2,
}
}else if (data.secondResult==0 && data.offlineTutoring==0){
this.status={
secondResult:0,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:1,
offlineTutoring1:0,
endStatus1:1,
reviewResult1:2,
}
}else if (data.secondResult==1 && data.reviewResult==0){
this.status={
secondResult:1,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:0,
offlineTutoring1:1,
endStatus1:1,
reviewResult1:2,
}
}else if (data.secondResult==1 && data.reviewResult==1){
this.status={
secondResult:1,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:1,
offlineTutoring1:1,
endStatus1:1,
reviewResult1:2,
}
}else if (data.secondResult==1 && data.endStatus==0){
this.status={
secondResult:1,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:0,
reviewResult:2,
offlineTutoring1:1,
endStatus1:1,
reviewResult1:2,
}
}else if (data.secondResult==1 && data.offlineTutoring==0){
this.status={
secondResult:1,
draftStatus:0,
onlineLearning:0,
offlineTutoring:0,
endStatus:1,
reviewResult:2,
offlineTutoring1:1,
endStatus1:1,
reviewResult1:2,
}
}else if (data.secondResult==1 && data.onlineLearning==0){
this.status={
secondResult:1,
draftStatus:0,
onlineLearning:0,
offlineTutoring:1,
endStatus:1,
reviewResult:2,
offlineTutoring1:1,
endStatus1:1,
reviewResult1:2,
}
}else if (data.secondResult==1 && data.draftStatus==0){
this.status={
secondResult:1,
draftStatus:0,
onlineLearning:1,
offlineTutoring:1,
endStatus:1,
reviewResult:2,
offlineTutoring1:1,
endStatus1:1,
reviewResult1:2,
}
}else{
this.status={
secondResult:1,
draftStatus:1,
onlineLearning:1,
offlineTutoring:1,
endStatus:1,
reviewResult:2,
offlineTutoring1:1,
endStatus1:1,
reviewResult1:2,
}
}
})
}
}
};
</script>
<template>
<div class="main">
<div class="process">
<img src="../assets/images/first_draft.png" alt="" v-if="status.draftStatus==1">
<img src="../assets/images/first_draft1.png" alt="" v-if="status.draftStatus==0">
<div>{{status.draftStatus==1?'初稿未上传':'初稿已上传'}}</div>
</div>
<div class="line"></div>
<div class="process">
<img src="../assets/images/E-learning1.png" alt="" v-if="status.onlineLearning==0">
<img src="../assets/images/E-learning.png" alt="" v-if="status.onlineLearning==1">
<div>{{status.onlineLearning==1?'线上学习未完成':'线上学习已完成'}}</div>
</div>
<div class="line"></div>
<div class="process">
<img src="../assets/images/tutoring1.png" alt="" v-if="status.offlineTutoring==0">
<img src="../assets/images/tutoring.png" alt="" v-if="status.offlineTutoring==1">
<div>{{status.offlineTutoring==1?'线下辅导未完成':'线下辅导已完成'}}</div>
</div>
<div class="line"></div>
<div class="process">
<img src="../assets/images/final_draft1.png" alt="" v-if="status.endStatus==0">
<img src="../assets/images/final_draft.png" alt="" v-if="status.endStatus==1">
<div>{{status.endStatus==1?'终稿未上传':'终稿已上传'}}</div>
</div>
<div class="line"></div>
<div class="process">
<img src="../assets/images/certification.png" alt="" v-if="status.reviewResult==2">
<img src="../assets/images/certification3.png" alt="" v-if="status.reviewResult==1">
<img src="../assets/images/certification1.png" alt="" v-if="status.reviewResult==0">
<div>{{status.reviewResult==0?'认证通过':status.reviewResult==1?'认证失败':'未认证'}}</div>
</div>
<div class="line" v-if="status.secondResult==0"></div>
<div class="process" v-if="status.secondResult==0">
<img src="../assets/images/tutoring1.png" alt="" v-if="status.offlineTutoring1==0">
<img src="../assets/images/tutoring.png" alt="" v-if="status.offlineTutoring1==1">
<div>{{status.offlineTutoring1==1?'线下辅导未完成':'线下辅导已完成'}}</div>
</div>
<div class="line" v-if="status.secondResult==0"></div>
<div class="process" v-if="status.secondResult==0">
<img src="../assets/images/final_draft1.png" alt="" v-if="status.endStatus1==0">
<img src="../assets/images/final_draft.png" alt="" v-if="status.endStatus1==1">
<div>{{status.endStatus1==1?'终稿未上传':'终稿已上传'}}</div>
</div>
<div class="line" v-if="status.secondResult==0"></div>
<div class="process" v-if="status.secondResult==0">
<img src="../assets/images/certification.png" alt="" v-if="status.reviewResult1==2">
<img src="../assets/images/certification3.png" alt="" v-if="status.reviewResult1==1">
<img src="../assets/images/certification1.png" alt="" v-if="status.reviewResult1==0">
<div>{{status.reviewResult1==0?'认证通过':status.reviewResult1==1?'认证失败':'未认证'}}</div>
</div>
</div>
</template>
<style scoped lang="scss">
.main {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.process {
display: flex;
flex-direction: column;
align-items: center;
img {
width: 46px;
height: 46px;
}
div {
font-weight: 400;
font-size: 14px;
color: #409EFF;
line-height: 20px;
margin-top: 12px;
}
}
.line {
width: 81px;
height: 1px;
border: 1px solid #409EFF;
margin: 0 8px 30px 8px;
}
</style>