实验台

src/pages/station/list/index.vue

@@ -110,9 +110,11 @@ export default {
       }
     },
     toProduct (item) {
-      // 未过期
-      if (item.isInEffect) {
       const links = item.nonAssociatedLinks
+      // 已过期 / 没有cid并且没有链接，则跳转到产品详情
+      if (!item.isInEffect || (!item.cid && !links)) {
+        this.$router.push(`product?id=${item.mallId}`)
+      } else {
         // 有链接
         if (links && links.length) {
           if (links.length === 1) {
@@ -122,11 +124,8 @@ export default {
             this.links = item.nonAssociatedLinks
           }
         } else {
-          this.$router.push(`/station/preview?courseId=${item.cid}&curriculumName=${item.goodsName}&mallId=${item.mallId || ''}&keyword=${this.keyword}&active=${this.active}`)
+          this.$router.push(`/station/preview?courseId=${item.cid || ''}&curriculumName=${item.goodsName}&mallId=${item.mallId || ''}&keyword=${this.keyword}&active=${this.active}`)
         }
-      } else {
-        // 续费
-        this.$router.push(`product?id=${item.mallId}`)
       }
     },
     // tab切换

src/pages/station/preview/index.vue

@@ -413,7 +413,7 @@ export default {
   },
   destroyed () {
     // 记录播放时长
-    Util.local.get(Setting.tokenKey) && this.$post(this.api.playRecordSave, {
+    Util.local.get(Setting.tokenKey) && this.courseId && this.$post(this.api.playRecordSave, {
       courseId: this.courseId,
       courseType: 0,
       playTime: Math.ceil((Date.now() - this.startTime) / 1000 / 60)
@@ -429,6 +429,7 @@ export default {
       this.addRecord()
     },
     async getData () {
+      if (this.courseId) {
         const { data } = await this.$post(`${this.api.curriculumDetail}?cid=${this.courseId}&mallId=${this.mallId}`);
         this.routes = [
           {
@@ -446,6 +447,7 @@ export default {
         this.assessmentList = data.assessmentConfig;
         this.systemIds = data.systemIds
         this.queryProject()
+      }
       this.getStatus()
     },
     // 记录最近使用
@@ -465,20 +467,24 @@ export default {
     },
     // 获取章节小节
     async getChapter () {
+      if (this.courseId) {
         let res = await this.$get(`${this.api.curriculumChapter}/${this.courseId}`);
         this.chapterList = res.chapterList;
         if (this.chapterList.length && this.chapterList[0].subsectionList && this.chapterList[0].subsectionList.length && !this.commentId) {
           this.preview(this.chapterList[0].subsectionList[0], this.chapterList[0].name, 1);
         }
+      }
     },
     // 获取学习进度
     async getProgress () {
+      if (this.courseId) {
         let res = await this.$post(`${this.api.courseLearningProgress}?courseId=${this.courseId}&systemId=${this.systemIds}&mallId=${this.mallId}`);
         this.progressList = res.list
         if (res.list.length) this.archProject = res.list[0].projectId
         this.maximumScores.length || this.getMaximumScore()
         this.plan = res.plan
         this.schedule = +(res.schedule.replace('%', ''))
+      }
     },
     // 获取最高分列表
     async getMaximumScore () {

src/pages/station/product/index.vue

@@ -48,7 +48,8 @@
               <div class="text">{{ form.goodsRes.typeName }}</div>
             </div>
           </div>
-          <button class="btn" @click="toRenew">续期</button>
+          <button v-if="!overdue" class="btn" @click="toRenew">续期</button>
+          <button v-else-if="withLink" class="btn entry" @click="toStation">进入实验</button>
         </div>
       </div>
       <div class="course" id="part0">
@@ -145,7 +146,8 @@ export default {
       chapterList: [],
       hots: [],
       linkVisible: false,
-      height: ''
+      height: '',
+      overdue: 0, //是否过期
     };
   },
   computed: {
@@ -193,6 +195,7 @@ export default {
     next()
   },
   mounted () {
+    this.getStatus()
     this.getData()
     this.getHot()
   },
@@ -233,6 +236,14 @@ export default {
         this.chapterList = res.chapterList
       }
     },
+    // 查询是否过期
+    async getStatus () {
+      const { isRenew } = await this.$get(this.api.whetherToRenewTheFee, {
+        mallId: this.id
+      })
+      // 1正常显示资源，0显示续费
+      this.overdue = isRenew
+    },
     // tab切换
     tabChange ({ id }) {
       this.curTab = id