完善课程跳转及流程细节

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:'',
@@ -102,6 +102,9 @@ export default {
path:'/need/twocoaching',
query:{teacherId:this.teacherId}
})
},
toCaseData(courseId){
this.$router.push("/course/studyindex?id=" + courseId);
}
}
@@ -159,12 +162,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>
@@ -196,6 +202,11 @@ export default {
.progress{
display: flex;
align-items: center;
.progress-item{
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
}
}
.progress>div{
max-width: 250px;