视频点播二重唱

pages/curriculum/order/curriculum/detail.vue

@@ -11,20 +11,27 @@
           isFullScreen ? 'background:#000' : ''
         }`"
       >
-        <view :style="`background:#000`">
+        <view
+          :style="`background:#000;height:200px;`"
+          v-if="videoArray.length > 0"
+        >
           <common-video
+            :isfresh="isfresh"
             v-if="isfresh"
+            @handleFresh="handleFresh"
             @changeScreen="changeScreen"
             @changeScreenLoading="changeScreenLoading"
             ref="commonVideo"
             :currentVideoId="currentVideoId"
           >
           </common-video>
-          <view v-else style="height: 200px"> </view>
+          <view style="color: #fff"></view>
         </view>
 
         <scroll-view
-          :style="`height:calc(100% - 200px - 40rpx) ;`"
+          :style="`height:calc(100% - ${
+            videoArray.length > 0 ? 200 : 1
+          }px - 40rpx) ;`"
           scroll-y="true"
           class="scroll-Y"
           style="background-color: #fff"
@@ -36,6 +43,7 @@
             章节： {{ curriculumData.title }}
           </view>
           <view
+            v-if="videoArray.length > 0"
             class="PM_font"
             style="padding: 20rpx; font-size: 40rpx; color: #3ab3ae"
             >视频教学</view
@@ -307,6 +315,8 @@ export default {
         curriculumInfo: "app/phone.do?getCourseInfo",
       },
       currentVideoId: null,
+      currentSelectVideoId: null,
+      currentSelectVideo: {},
     };
   },
   onLoad(options) {
@@ -333,14 +343,23 @@ export default {
       this.currentCateIndex = data.index;
       this.$forceUpdate();
     },
-
+    handleFresh(status) {
+      this.isfresh = status;
+      // this.currentVideoId = this.currentSelectVideoId;
+      // console.log("this.currentVideoId", this.currentVideoId);
+      this.$forceUpdate();
+    },
     changeVideo(data) {
       if (data.id != this.currentVideo.id) {
         this.isfresh = false;
         this.$nextTick(() => {
+          // this.$refs.commonVideo.destory();
+          // if (data.id != this.currentVideoId) {
+            this.currentVideo = data;
           this.currentVideoId = data.id;
-          this.currentVideo = data;
+          
           this.isfresh = true;
+          // }
         });
       }
     },
@@ -348,7 +367,6 @@ export default {
       this.show = false;
     },
     handleClickMore(v, i, status) {
-      console.log("i at line 357:", i);
       this.$set(this.correlationiList[i], "isOpen", status);
     },
     hancleModalConfirm() {
@@ -364,14 +382,12 @@ export default {
 
     //课程详情
     gotoDetail(v) {
-      console.log(v);
       uni.navigateTo({
         url: `/pages/curriculum/order/curriculum/detail?navTitle=${v.title}&title=${v.title}&oid=${v.oid}`,
       });
     },
     //相关课程
     goCourseDescription(v) {
-      console.log(v);
       uni.navigateTo({
         url: `/pages/curriculum/order/curriculum/index?navTitle=${v.title}&title=${v.title}&id=${v.id}`,
       });
@@ -393,12 +409,12 @@ export default {
           },
         })
         .then(async (res) => {
-          console.log("res at line 395:", res);
           that.curriculumData = res.data.detail;
           that.videoArray = res.data.videos;
-          if (that.videoArray.length > 0) {
+          if (that.videoArray.length > 0) {that.currentVideo = that.videoArray[0];
             that.currentVideoId = that.videoArray[0].id;
-            that.currentVideo = that.videoArray[0];
+
+            
             that.isfresh = true;
           }
         });
@@ -412,9 +428,7 @@ export default {
       }, 100);
     },
     // 检查是有权限使用搜索功能
-    checkDisable() {
-      console.log("点击了");
-    },
+    checkDisable() {},
 
     // 获取用户详情
     getUserInfo() {
@@ -423,7 +437,6 @@ export default {
         this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
           this.userMes = res.user;
           this.getCateList();
-          console.log(this.userMes, "呼呼");
         });
       }
     },
@@ -431,7 +444,7 @@ export default {
     async handleselectCate(item, index) {
       this.dataList = [];
       var data = [];
-      console.log(item, index, 99999);
+
       var that = this;
       this.$http
         .post(this.urlList.curriculumInfo, {
@@ -447,8 +460,6 @@ export default {
           // socket.init();
         });
 
-      console.log(this.allDataList, this.dataList, "1688");
-
       this.searchValue = "";
       this.searchList = [];
       this.showSearchList = false;
@@ -457,7 +468,7 @@ export default {
     },
     async setOneCateIndex(item, index) {
       this.allDataList = [];
-      console.log(index, 99999);
+
       var that = this;
 
       this.currentStatusIndex = index;
@@ -491,7 +502,6 @@ export default {
 
     // 放大图片
     previewImage(url) {
-      console.log(url);
       uni.previewImage({
         urls: [url],
         longPressActions: {