新增任务，修改图片，隐藏协同人员

src/components/courseDetail.vue

@@ -26,6 +26,7 @@
           <div class="box_course">
             <div class="wheel">
               <img
+                style="object-fit: cover"
                 :src="
                   this.courseDetail.cover != null &&
                   this.courseDetail.cover != ''
@@ -41,6 +42,7 @@
               <div class="rightT">
                 <div class="right_box_title">{{ courseDetail.title }}</div>
                 <div class="jd">{{ chapInfo.length }}阶段</div>
+                <div class="jd">{{ rw }}任务</div>
               </div>
               <div class="cType">
                 <div
@@ -63,7 +65,7 @@
                     courseDetail.username
                   }}</span>
                 </div>
-                <div class="Tname">
+                <div class="Tname" v-if="Tname.length > 0">
                   协同人员:<span
                     v-for="(tname, tIndex) in Tname"
                     :key="tIndex"
@@ -169,6 +171,7 @@ export default {
       courseTypeJson: {},
       userinfo: [],
       mr: require("../assets/icon/wheel.png"),
+      rw:0,
     };
   },
   methods: {
@@ -286,6 +289,9 @@ export default {
           console.log(this.courseTypeJson.length);
           this.aStudentName = res.data[2];
           this.chapInfo = JSON.parse(this.courseDetail.chapters);
+          for(var z = 0;z<this.chapInfo.length;z++){
+            this.rw += this.chapInfo[z].chapterInfo[0].taskJson.length;
+          }
         })
         .catch((err) => {
           loading.close();
@@ -341,16 +347,20 @@ export default {
 .wheel {
   width: 210px;
   max-height: 146px;
+  display: flex;
+  align-items: center;
 }
 .man {
   width: 16px;
   height: 16px;
 }
-.wheel > img,
 .man > img {
   width: 100%;
   height: 100%;
 }
+.wheel > img {
+  width: 100%;
+}
 .box_course {
   display: flex;
   padding: 25px 0 20px 60px;