商品专题页面课程目录

src/axios.js

@@ -4,8 +4,8 @@ import { Message } from 'element-ui'
 // export const BASE_URL = 'https://api.xyyxt.net'   //release
 // export const BASE_URL = 'http://42.192.164.187:19005'    //test
 // export const BASE_URL = 'https://test.xyyxt.net'   //预发布
-export const BASE_URL = 'http://192.168.1.7:5055'    //dev
-// export const BASE_URL = 'http://120.79.166.78:19012'    //测试-外网
+// export const BASE_URL = 'http://192.168.1.7:5055'    //dev
+export const BASE_URL = 'http://120.79.166.78:19012'    //测试-外网
 // export const BASE_URL = 'http://42.192.164.187:19005'    //test
 // export const BASE_URL = 'http://192.168.1.222:5055'    //测试
 export const tenantId = '867735392558919680'

src/pages/goods-detail/course-detail.vue

@@ -925,6 +925,7 @@ export default {
      * 试看
      */
     toDo(section, courseId) {
+      console.log('section, courseId', section, courseId)
       this.videoModalShow = true;
       this.section;
       this.playCourseId = courseId;
@@ -1231,6 +1232,7 @@ export default {
      * 展开模块卷
      */
     openModule(Module) {
+      console.log('点击模块卷')
       this.$set(Module, "showList", !Module.showList);
       if (!Module.list.length) {
         this.getChapterList(Module);
@@ -1257,6 +1259,7 @@ export default {
      * 展开章卷
      */
     openChapter(chapter) {
+      console.log('点开章卷')
       this.$set(chapter, "showList", !chapter.showList);
 
       if (!chapter.list.length) {

src/pages/goodsTopic/index.vue

@@ -15,43 +15,7 @@
                 <div class="content_up">
                     <div class="banner_one"></div>
                     <div class="banner_two">
-                        <div class="container">
-                            <div class="course_info">
-                                <div
-                                    class="left_box"
-                                    :style="{
-                                        backgroundImage: `url(${$tools.splitImgHost(goodsData.coverUrl,false)})`,
-                                    }"
-                                    >
-                                    <div v-show="vid" id="player"></div>
-                                    <div v-show="vidzb" id="playerzb"></div>
-                                </div>
-                                <div class="right-box">
-                                    <div class="right-box__header">
-                                        <div class="tabs">
-                                            <el-tabs v-model="courseTabIndex">
-                                                <el-tab-pane
-                                                    :name="tab.name"
-                                                    v-for="(tab, index) in menuTab"
-                                                    :key="index"
-                                                >
-                                                    <div slot="label">
-                                                        <span class="label">{{ tab.label }}</span>
-                                                    </div>
-                                                    <!-- 章节目录 -->
-                                                    <template v-if="tab.name == '1'">
-                                                        <catalogue></catalogue>
-                                                    </template>
-                                                </el-tab-pane>
-                                            </el-tabs>
-                                        </div>
-                                    </div>
-                                </div>
-
-                            </div>
-
-                        </div>
-
+                        <catalogue :goodsId='goodsId'></catalogue>
                     </div> 
                 </div>
                 <div class="content_down">
@@ -183,7 +147,7 @@ export default {
             subjectType: 0,
             type: 0,
             goodsInfo: {},
-            goodsData: {},
+            // goodsData: {},
             vid: '',
             vidzb: '',
             vodPlayerJs: "https://player.polyv.net/script/player.js",
@@ -200,6 +164,17 @@ export default {
             goodsId: "",
             gradeId: "",
             orderGoodsId: "",
+            needOpen: true, //是否需要一进来展开第一章节
+            menuIndex: [], //需要展开的章节索引值
+            courseList: [],
+            s_courseList: [],
+            goodsAuditionConfigIdList: [],
+            listenConfigList: [],
+            courserIndex: 0,
+            goodsDetail: {},
+            goodsExamConfig: [],
+            subList: [],
+            subIndex: 0,
         }
     },
     created() {
@@ -207,18 +182,23 @@ export default {
         this.getgoodsInfo()
     },
     methods: {
+        
         getgoodsInfo() {
             this.$axios({
                 url: `/app/common/get/goodsInfo/${this.topicId}`,
                 method: 'get',
                 noToken: true
-            }).then((res) => {
+            }).then(async(res) => {
                 if (res.code == 200) {
                     this.goodsInfo = res.data
-                    this.goodsId = res.data.goodsId
+                    // this.goodsId = res.data.goodsId
+                    this.goodsId = 823
+                    console.log('goodsInfo: ', this.goodsInfo)
+                    
                 }
             })
         },
+        
         togoBuy(subjectType, type) {
             this.subjectType = subjectType
             this.type = type
@@ -257,8 +237,20 @@ export default {
                 height: 528px;
                 background: url('../../assets/topic/banner_bg.png') center center no-repeat;
                 background-size: 100% 100%;
-                .container  {
-
+                .con_header {
+                    width: 1120px;
+                    height: 44px;
+                    background: #3F4449;
+                    display: flex;
+                    .con_item {
+                        padding: 12px 20px;
+                        font-size: 16px;
+                        font-weight: 500;
+                        color: #FFFFFF;
+                        &.nactive {
+                            background: #3F8DFD;
+                        }
+                    }
                 }
                 .course_info {
                     display: flex;