feat: 增加课后习题模块和补偿阅读材料模块

src/pages/course/learn/components/CourseChapter.vue

 <template>
   <el-collapse v-model="activeNames">
     <el-collapse-item :title="item.name" :name="item.id" v-for="item in currentList" :key="item.id">
-      <ul>
+      <ul v-if="item.id === '1'">
+        <li class="meterial-item" v-for="subItem in item.children" :key="subItem.id">
+          <p>{{subItem.file_name}}</p><i class="el-icon-download" @click="handleDownload(subItem)"></i>
+        </li>
+      </ul>
+      <u v-else>
         <li v-for="subItem in item.children" :key="subItem.id" @click="handleClick(subItem)">
           <div class="name">{{ subItem.name }}</div>
           <div class="duration">{{ subItem.duration }}</div>
@@ -21,7 +26,7 @@
             </template>
           </div>
         </li>
-      </ul>
+      </u>
     </el-collapse-item>
   </el-collapse>
 </template>
@@ -74,6 +79,9 @@ export default {
         path: path,
         query: { course_id: this.courseId, chapter_id: data.id, type }
       })
+    },
+    handleDownload(item) {
+      window.location.href = item.file_url
     }
   }
 }
@@ -108,4 +116,14 @@ li {
     color: #999;
   }
 }
+li.meterial-item{
+  display:flex;
+  p{
+    flex:1;
+  }
+  i{
+    padding:10px;
+    font-size:20px;
+  }
+}
 </style>

src/pages/course/learn/item.vue

@@ -25,6 +25,11 @@
           <el-tab-pane lazy label="课程内容">
             <course-chapter :courseId="courseId" :showProgress="true" :data="detail.chapters"></course-chapter>
           </el-tab-pane>
+          <el-tab-pane v-if="examList.length" lazy label="课后习题">
+            <ul class="exam-list">
+              <li v-for="item in examList" :key="item.id">{{item.name}}</li>
+            </ul>
+          </el-tab-pane>
           <!-- <el-tab-pane lazy label="按考点学习">
         <course-tag :courseId="courseId" @on-click="onTagClick"></course-tag>
       </el-tab-pane> -->
@@ -58,7 +63,8 @@ export default {
     return {
       tabActive: 0,
       loaded: false,
-      detail: {}
+      detail: {},
+      examList: []
     }
   },
   computed: {
@@ -90,6 +96,26 @@ export default {
       api
         .getCourse(this.courseId)
         .then(response => {
+          if (response.chapters.length) {
+            const examList = []
+            response.chapters.forEach(item => {
+              item.children.forEach((it, index) => {
+                if (it.type === 9) {
+                  examList.push(it)
+                  item.children.splice(index, 1)
+                }
+              })
+            })
+            this.examList = examList
+          }
+          if (response.files && response.files.length) {
+            response.chapters.push({
+              id: '1',
+              name: '补充阅读材料',
+              children: response.files
+            })
+          }
+          console.log(response)
           this.detail = response
         })
         .finally(() => {
@@ -173,4 +199,12 @@ export default {
   margin-left: 20px;
   width: 300px;
 }
+.exam-list li{
+  padding:5px 0;
+  line-height:22px;
+  cursor:pointer;
+  &:hover {
+    color: #c01540;
+  }
+}
 </style>