教师端课程章节只显示视频数据

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 data" :key="item.id">
+    <el-collapse-item :title="item.name" :name="item.id" v-for="item in currentList" :key="item.id">
       <ul>
         <li v-for="subItem in item.children" :key="subItem.id" @click="handleClick(subItem)">
           <div class="name">{{ subItem.name }}</div>
@@ -38,6 +38,20 @@ export default {
       activeNames: []
     }
   },
+  computed: {
+    role() {
+      return this.$store.state.user.role
+    },
+    currentList() {
+      if (this.role === 2) {
+        return this.data.map(item => {
+          item.children = item.children.filter(item => item.type === 2)
+          return item
+        })
+      }
+      return this.data
+    }
+  },
   methods: {
     progressText(value) {
       value = parseInt(value)