修改bug3.0

src/views/lecturer/OnlineLearning.vue

@@ -18,7 +18,8 @@ export default {
       fileBaseUrl:process.env.VUE_APP_BOE_MOBILE_URL,
       disabled:false,
       statusInfo:'',
-      teacherInfo:''
+      teacherInfo:'',
+      pid:''
     }
   },
   created() {
@@ -56,6 +57,10 @@ export default {
     getProgress(id){
       getProgress({teacherId:id}).then(res=>{
         this.progressData=res.data
+        if (res.data.length==0){
+          this.disabled=true
+          return
+        }
         res.data.forEach((item,index)=>{
           if (item.progress!=100){
             this.disabled=true
@@ -96,7 +101,7 @@ export default {
 
 <template>
   <div>
-    <process-status :teacherId="teacherId"></process-status>
+    <process-status :teacherId="teacherId.toString()" :pid="pid.toString()"></process-status>
     <div class="title">基本信息</div>
     <el-container>
       <div class="form-table">
@@ -127,8 +132,10 @@ export default {
           </div>
           <div>
             <el-col :span="11">
-              <el-form-item label="认证课程名称："  prop="courseName">
-                {{form.courseName}}
+              <el-form-item label="认证课程名称：" prop="courseName">
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;" :title="form.courseName">
+                  {{ form.courseName }}
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="11" :offset="2">
@@ -153,7 +160,7 @@ export default {
           <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="courseName" :title="item.courseName">{{ item.courseName }}</div>
         <div class="smallTitle">当前进度</div>
         <el-progress :percentage="parseInt(item.progress)" :color="parseInt(item.progress)=='100'?'#31AF0D':'#FFA050'"></el-progress>
       </div>
@@ -190,11 +197,16 @@ export default {
   width: 300px;
   margin-right: 30px;
 }
-.courseName{
+.courseName {
   font-weight: 650;
   color: #333333;
   font-size: 14px;
   margin-top: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  width: 100%;
 }
 .smallTitle{
   color:#134054;