course

src/components/courseDetail.vue

@@ -3,10 +3,7 @@
     <div class="pb_content_body" style="height: 100%">
       <div class="body_student">
         <div class="student_head">
-          <div
-            class="return"
-            @click.stop="goTo('/index?userid=' + userid + '&oid=' + oid)"
-          >
+          <div class="return" @click.stop="goTo('/index?userid=' + userid + '&oid=' + oid)">
             返回
             <!-- <img src="../assets/icon/return.png" alt="" /> -->
           </div>
@@ -21,34 +18,28 @@
                       : mr
                     : mr
                 "
-                alt=""
+                alt
               />
             </div>
             <div class="right_box">
-              <div class="right_box_title">
-                {{ courseDetail.title }}
-              </div>
+              <div class="right_box_title">{{ courseDetail.title }}</div>
               <div class="people">
                 <div class="man">
-                  <img src="../assets/people.png" alt="" />
-                </div>
-                <div class="person">
-                  {{ courseDetail.vcount != null ? courseDetail.vcount : 0 }}人
+                  <img src="../assets/people.png" alt />
                 </div>
+                <div class="person">{{ courseDetail.vcount != null ? courseDetail.vcount : 0 }}人</div>
               </div>
-              <!-- <div class="cType">
-                <div
-                  class="all_choose"
-                  v-for="(item, index) in courseTypeJson"
-                  :key="index"
-                >
-                  <span>{{ item }}</span>
-                  <span v-for="(item2,index2) in courseTypeJosn[item]" :key="index2">{{ item2 }}</span>
+              <div class="cType">
+                <div class="all_choose" v-for="(item, index) in courseType" :key="index">
+                  <span style="{'margin-left':index>0?'10px':''}">{{ item+":"}}</span>
+                  <span
+                    class="type_children"
+                    v-for="(item2,index2) in courseTypeJson[item]"
+                    :key="index2"
+                  >{{ item2 }}</span>
                 </div>
-              </div> -->
-              <div class="now_study" @click="dialogVisible = true">
-                立即学习
               </div>
+              <div class="now_study" @click="dialogVisible = true">立即学习</div>
             </div>
           </div>
         </div>
@@ -73,35 +64,21 @@
           </div>
           <div style="width: 80%; background: #fff">
             <div class="choose_who">
-              <div
-                class="who_choose"
-                :class="choose == 0 ? 'choose' : ''"
-                @click="choose = 0"
-              >
-                项目详情
-              </div>
-              <div
-                class="who_choose"
-                :class="choose == 1 ? 'choose' : ''"
-                @click="choose = 1"
-              >
-                项目学员
-              </div>
+              <div class="who_choose" :class="choose == 0 ? 'choose' : ''" @click="choose = 0">项目详情</div>
+              <div class="who_choose" :class="choose == 1 ? 'choose' : ''" @click="choose = 1">项目学员</div>
             </div>
             <div class="right" v-if="choose == 0">
               <div class="nav">
                 {{
-                  courseDetail.brief != null
-                    ? courseDetail.brief
-                    : "暂无课程简介"
+                courseDetail.brief != null
+                ? courseDetail.brief
+                : "暂无课程简介"
                 }}
               </div>
             </div>
             <div class="right_one" v-else>
               <div class="student" v-if="aStudentName.length > 0">
-                <div v-for="(item, index) in aStudentName" :key="index">
-                  {{ item.name }}
-                </div>
+                <div v-for="(item, index) in aStudentName" :key="index">{{ item.name }}</div>
               </div>
               <div class="student" v-else>暂无课程学员</div>
             </div>
@@ -116,7 +93,7 @@
           "
         >
           此处滚动加载..
-        </div> -->
+        </div>-->
         <el-dialog
           title="阶段选择"
           :visible.sync="dialogVisible"
@@ -242,20 +219,21 @@ export default {
           this.courseDetail = res.data[0][0];
           var a = res.data[0];
           var b = res.data[1];
-          // for (var i = 0; i < b.length; i++) {
-          //   if (!this.id) {
-          //     this.courseType[b[i].id] = [];
-          //   }
-          //   for (var j = 0; j < a.length; j++) {
-          //     if (b[i].id == a[j].pid) {
-          //       if (!this.courseTypeJson[b[i].id]) {
-          //         this.courseTypeJson[b[i].name] = [];
-          //       }
-          //       this.courseTypeJson[b[i].name].push(a[j].name);
-          //     }
-          //   }
-          // }
-          // console.log(this.courseTypeJson);
+          for (var i = 0; i < b.length; i++) {
+            // if (!this.id) {
+            //   this.courseType[b[i].id] = [];
+            // }
+            for (var j = 0; j < a.length; j++) {
+              if (b[i].id == a[j].pid) {
+                if (!this.courseTypeJson[b[i].name]) {
+                  this.courseType.push(b[i].name);
+                  this.courseTypeJson[b[i].name] = [];
+                }
+                this.courseTypeJson[b[i].name].push(a[j].name);
+              }
+            }
+          }
+          console.log(this.courseTypeJson.length);
           this.aStudentName = res.data[2];
           this.chapInfo = JSON.parse(this.courseDetail.chapters);
         })
@@ -518,4 +496,8 @@ export default {
 .cType > div > span {
   font-size: 18px;
 }
+
+.type_children + .type_children {
+  margin-left: 5px;
+}
 </style>