完善课程跳转及流程细节

src/views/lecturer/OnlineLearning.vue

@@ -12,7 +12,7 @@ export default {
         orgName:''
       },
       progressData:{},
-      fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
+      fileBaseUrl:process.env.VUE_APP_BOE_MOBILE_URL,
       disabled:false,
       statusInfo:''
     }
@@ -67,8 +67,10 @@ export default {
         path:'/need/coaching',
         query:{teacherId:this.teacherId}
       })
+    },
+    toCaseData(courseId){
+      this.$router.push("/course/studyindex?id=" + courseId);
     }
-
   }
 }
 </script>
@@ -124,12 +126,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 class="tip">
@@ -154,6 +159,11 @@ export default {
 .progress{
   display: flex;
   align-items: center;
+  .progress-item{
+    margin-top: 10px;
+    margin-right: 10px;
+    cursor: pointer;
+  }
 }
 .progress>div{
   max-width: 250px;