update

src/modules/course/views/CourseIndex.vue

@@ -21,11 +21,10 @@ function fetchList() {
     elective_types: listParams.elective_types?.length ? JSON.stringify(listParams.elective_types) : ''
   })
   getCourseList(params).then(res => {
-    courseList = res.data.data.map((item: any, index: number) => {
+    courseList = res.data.data.map((item: any) => {
       item.length = res.data.data?.length
       return item
     })
-    console.log(courseList, 'courseList')
     const [first] = courseList
     // 进入第一个课程详情页
     if (first && route.path === '/course' && !mobile.value) {
@@ -45,13 +44,6 @@ log.upload({
 
 <template>
   <section class="course" :class="route.path === '/course' ? 'is-list' : 'is-view'">
-    <!-- <div class="course-left">
-      <CourseListSearch @change="handleSearch"></CourseListSearch>
-      <div class="course-list">
-        <CourseListItem v-for="item in courseList" :data="item" :key="item.id" @change="fetchList"></CourseListItem>
-      </div>
-    </div> -->
-    <!-- <div class="course-right"><router-view :key="$route.fullPath"></router-view></div> -->
     <div class="course-right">
       <CourseView v-for="item in courseList" :data="item" :key="item.id"></CourseView>
     </div>
@@ -62,24 +54,18 @@ log.upload({
 .course {
   display: flex;
   height: 100%;
-  // background-color: #fff;
   border-radius: 6px;
 }
 // 左侧
 .course-left {
-  // padding: 18px;
   width: 313px;
   flex: 0 0 354px;
   overflow-y: auto;
-  // border-right: 1px solid #e6e6e6;
   box-sizing: border-box;
 }
 // 右侧
 .course-right {
   flex: 1;
-  // overflow: hidden;
-  // background-color: #fff;
-  // margin-left: 20px;
   border-radius: 10px;
   height: fit-content;
 }

src/modules/course/views/CourseView.vue

@@ -74,9 +74,6 @@ const dialogInfo = reactive({
 function showInfo(content: string, index: number) {
   infoText = content
   infoIndex = index
-  // dialogInfo.visible = true
-  // dialogInfo.title = title
-  // dialogInfo.content = content
 }
 
 const courseViewChapterRef = ref()
@@ -156,41 +153,6 @@ const handleDetail = function () {
         </div>
       </div>
     </div>
-    <!-- <section class="course-view-hd">
-      <div class="course-info">
-        <h1>{{ detail.course_alias_name || detail.name }}</h1>
-        <ul>
-          <li>{{ electiveTypeText }}</li>
-          <li>{{ detail.credit }}学分</li>
-          <li v-if="detail.semester">{{ detail.semester.name }}</li>
-        </ul>
-      </div>
-      <div class="course-lecturers" v-if="detail.lecturers?.length">
-        <el-carousel
-          :autoplay="false"
-          indicator-position="none"
-          :arrow="detail.lecturers.length > 1 ? 'always' : 'never'"
-          height="126px"
-        >
-          <el-carousel-item v-for="item in detail.lecturers" :key="item.id" class="lecturer-item">
-            <img :src="item.avatar" class="lecturer-item__pic" />
-            <div class="lecturer-item__info">
-              <h2>{{ item.name }}</h2>
-              <el-popover :width="400" trigger="hover" v-if="item.summarize">
-                <template #reference>
-                  <div
-                    class="lecturer-item__content"
-                    v-html="item.summarize"
-                    style="height: 66px; overflow: hidden"
-                  ></div>
-                </template>
-                <div class="lecturer-item__content" v-html="item.summarize"></div>
-              </el-popover>
-            </div>
-          </el-carousel-item>
-        </el-carousel>
-      </div>
-    </section> -->
     <div class="course-view-content" v-if="detailFlag">
       <div class="course-view-bd">
         <el-tabs :stretch="mobile">