打通流程

src/views/lecturer/OnlineLearning.vue

@@ -13,7 +13,7 @@ export default {
       },
       progressData:{},
       fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
-      disabled:true,
+      disabled:false,
       statusInfo:''
     }
   },
@@ -50,10 +50,13 @@ export default {
     },
     getProgress(id){
       getProgress({teacherId:id}).then(res=>{
-        this.progressData=res.data[0]
-        if (this.progressData.progress==100){
-          this.disabled=false
-        }
+        this.progressData=res.data
+        res.data.forEach((item,index)=>{
+          if (item.progress!=100){
+            this.disabled=true
+            return
+          }
+        })
       })
     },
     format(percentage) {
@@ -120,15 +123,17 @@ export default {
     </el-container>
     <div class="title" style="margin-top: 20px">线上课程</div>
     <div class="progress">
-      <div class="uc-course-img" style="width: 212px;height:119px">
-        <img :src="fileBaseUrl +progressData.courseImage">
+      <div v-for="(item,index) in progressData" :key="item">
+        <div class="uc-course-img" style="width: 212px;height:119px">
+          <img :src="fileBaseUrl +item.courseImage">
+        </div>
+        <div class="courseName">{{item.courseName}}</div>
+        <div class="smallTitle">当前进度</div>
+        <el-progress :percentage="item.progress" :format="format"></el-progress>
       </div>
-      <div class="courseName">{{progressData.courseName}}</div>
-      <div class="smallTitle">当前进度</div>
-      <el-progress :percentage="progressData.progress" :format="format"></el-progress>
     </div>
     <div class="tip">
-      提示：您的课程还未学习完毕，不能进行下一步！
+      {{ disabled==false?'提示：您的线上课程已经学习完毕，快去进行下一步吧':'提示：您的课程还未学习完毕，不能进行下一步！'}}
     </div>
     <el-button type="primary" :disabled="disabled" style="margin-top: 20px;margin-left: 80px" @click="getJump()">下一步</el-button>
   </div>
@@ -147,7 +152,12 @@ export default {
   margin-top: 20px;
 }
 .progress{
+  display: flex;
+  align-items: center;
+}
+.progress>div{
   max-width: 250px;
+  margin-right: 20px;
 }
 .courseName{
   font-weight: 650;