fix:v1

src/pages/course-detail/components/CourseTree.vue

@@ -22,6 +22,15 @@
           </div>
           <div class="center">
             {{ item1.name }}
+            <p v-if="liveShowTimeData(item1)" class="live_style">
+              <span>{{
+                $tools.timestampToTime(item1.liveStartTime, (isDay = false))
+              }}</span>
+              -
+              <span>{{
+                $tools.timestampToTime(item1.liveEndTime, (isDay = false))
+              }}</span>
+            </p>
           </div>
           <div class="right">
             <template v-if="item1.type == 3">
@@ -31,7 +40,7 @@
                 alt=""
                 class="activeImg_style"
               />
-              <div class="during">
+              <div class="during" v-if="item1.sectionType !== 2">
                 {{ $tools.secondToDate(item1.durationTime) }}
               </div>
               <template v-if="BackSTATUS(item1)['name']">
@@ -92,6 +101,15 @@
               </div>
               <div class="center">
                 {{ item2.name }}
+                <p v-if="liveShowTimeData(item2)" class="live_style">
+                  <span>{{
+                    $tools.timestampToTime(item2.liveStartTime, (isDay = false))
+                  }}</span>
+                  -
+                  <span>{{
+                    $tools.timestampToTime(item2.liveEndTime, (isDay = false))
+                  }}</span>
+                </p>
               </div>
               <div class="right">
                 <template v-if="item2.type == 3">
@@ -101,7 +119,7 @@
                     alt=""
                     class="activeImg_style"
                   />
-                  <div class="during">
+                  <div class="during" v-if="item2.sectionType !== 2">
                     {{ $tools.secondToDate(item2.durationTime) }}
                   </div>
                   <template v-if="BackSTATUS(item2)['name']">
@@ -164,6 +182,21 @@
                   </div>
                   <div class="center">
                     {{ item3.name }}
+                    <p v-if="liveShowTimeData(item3)" class="live_style">
+                      <span>{{
+                        $tools.timestampToTime(
+                          item3.liveStartTime,
+                          (isDay = false)
+                        )
+                      }}</span>
+                      -
+                      <span>{{
+                        $tools.timestampToTime(
+                          item3.liveEndTime,
+                          (isDay = false)
+                        )
+                      }}</span>
+                    </p>
                   </div>
                   <div class="right">
                     <template v-if="item3.type == 3">
@@ -173,7 +206,7 @@
                         alt=""
                         class="activeImg_style"
                       />
-                      <div class="during">
+                      <div class="during" v-if="item3.sectionType !== 2">
                         {{ $tools.secondToDate(item3.durationTime) }}
                       </div>
                       <template v-if="BackSTATUS(item3)['name']">
@@ -431,6 +464,22 @@ export default {
     });
   },
   methods: {
+    //是否显示直播时间范围
+    liveShowTimeData(item) {
+      if (item.type == 3 && item.sectionType == 2) {
+        if (
+          item.liveStartTime &&
+          item.liveEndTime &&
+          item.liveStartTime > this.nowTime
+        ) {
+          return true;
+        } else {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    },
     async init() {
       await this.getGoodsCourseList(); //获取商品课程列表
       await this.getCourseData(this.courseList[0].courseId); //获取课程内容
@@ -827,7 +876,9 @@ export default {
           .then(res => {
             resolve(res.data);
           })
-          .catch(err => {});
+          .catch(err => {
+            this.$message.error(err.msg);
+          });
       });
     },
     //限制播放顺序
@@ -1143,4 +1194,9 @@ export default {
     flex-shrink: 0;
   }
 }
+.live_style {
+  & > span {
+    font-size: 12px;
+  }
+}
 </style>