打通流程

src/views/lecturer/CoachingSuccess.vue

@@ -13,7 +13,7 @@ export default {
       },
       progressData:{},
       fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
-      disabled:true,
+      disabled:false,
       statusInfo:''
     }
   },
@@ -59,10 +59,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) {
@@ -129,12 +132,14 @@ 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>
       <div class="title" style="margin-top: 20px">线下辅导</div>
@@ -172,7 +177,12 @@ export default {
   margin-top: 20px;
 }
 .progress{
+  display: flex;
+  align-items: center;
+}
+.progress>div{
   max-width: 250px;
+  margin-right: 20px;
 }
 .courseName{
   font-weight: 650;