完善课程跳转及流程细节

This commit is contained in:
zhangsir
2024-05-16 22:41:44 +08:00
parent bba55ea50d
commit b1b752ac7c
7 changed files with 118 additions and 46 deletions

View File

@@ -18,7 +18,7 @@ export default {
orgName:''
},
progressData:{},
fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
fileBaseUrl:process.env.VUE_APP_BOE_MOBILE_URL,
disabled:false,
statusInfo:'',
result:'',
@@ -35,12 +35,12 @@ export default {
},
methods:{
//前往二次认证
getoFactor(){
secondExamine({teacherId:this.teacherId}).then(res=>{
getoFactor(second){
secondExamine({teacherId:this.teacherId,second,}).then(res=>{
this.newTeacherId=res.data.replace(/[^0-9]/ig,'')
if (res.code==200){
this.$router.push({
path:'/need/twoauthentication',
path:'/need/twoathentication',
query:{teacherId:this.newTeacherId}
})
}
@@ -103,6 +103,9 @@ export default {
path:'/need/final',
query:{teacherId:this.teacherId}
})
},
toCaseData(courseId){
this.$router.push("/course/studyindex?id=" + courseId);
}
}
@@ -160,12 +163,15 @@ export default {
<div class="title" style="margin-top: 20px">线上课程</div>
<div class="progress">
<div v-for="(item,index) in progressData" :key="item">
<div class="uc-course-img" style="width: 212px;height:119px">
<img style="width: 100%;" :src="item.courseImage">
<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>
<div class="courseName">{{item.courseName}}</div>
<div class="smallTitle">当前进度</div>
<el-progress :percentage="item.progress" :format="format"></el-progress>
</div>
</div>
<div>
@@ -192,8 +198,8 @@ export default {
<div class="twoFactorAuthentication" v-if="statusInfo.reviewResult==1">
<div class="remind">是否进行二次认证</div>
<div style="display: flex;justify-content: center;align-items: center">
<el-button type="primary" @click="getoFactor"></el-button>
<el-button></el-button>
<el-button type="primary" @click="getoFactor(1)"></el-button>
<el-button @click="getoFactor(2)"></el-button>
</div>
</div>
</div>
@@ -214,6 +220,11 @@ export default {
.progress{
display: flex;
align-items: center;
.progress-item{
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
}
}
.progress>div{
max-width: 250px;