浏览器返回问题

src/views/share-merge-detail.vue

@@ -14,10 +14,15 @@
       :burialPoint="pointStyle"
       borderStyle="0px solid #fff"
       :backMethod="from"
-    ></CommonNavbar> -->
+    ></CommonNavbar>-->
     <div class="page-content list-container">
       <!-- banner图片 -->
-      <div @click="gotoCourse()" v-if="bannerType == 1" class="page-content-img-container" style="position:relative;">
+      <div
+        @click="gotoCourse()"
+        v-if="bannerType == 1"
+        class="page-content-img-container"
+        style="position:relative;"
+      >
         <img class="banner-img" :src="attachmentUrl" />
         <img v-show="project.status == 5" class="banner-img-5" src="../images/status-keep-on.png" />
         <img v-show="project.status == 10" class="banner-img-10" src="../images/status-end-cme.png" />
@@ -25,18 +30,39 @@
 
       <!-- banner视频 -->
       <div class="video-box" v-if="bannerType == 2">
-        <pica-video ref="picaVideo" :coverType="coverType" :download="download" @onVideoEnd="onVideoEnd" @onReplay="onReplay">
+        <pica-video
+          ref="picaVideo"
+          :coverType="coverType"
+          :download="download"
+          @onVideoEnd="onVideoEnd"
+          @onReplay="onReplay"
+        >
           <!-- 试看结束 -->
           <div class="cover" v-if="logged && coverType === 1">
-            <course-covers coverTips="试看结束<br />请来云鹊医App学习完整课程" :isSingle="true" rightBtnText="APP购买更优惠" @btnClick="btnClick1" />
+            <course-covers
+              coverTips="试看结束<br />请来云鹊医App学习完整课程"
+              :isSingle="true"
+              rightBtnText="APP购买更优惠"
+              @btnClick="btnClick1"
+            />
           </div>
           <!-- 播放结束，下载App -->
           <div class="cover" v-if="logged && coverType === 2">
-            <course-covers coverTips="播放结束<br />更多其他课程，请前往鹊医App学习" :isSingle="true" rightBtnText="去云鹊医App" @btnClick="btnClick2" />
+            <course-covers
+              coverTips="播放结束<br />更多其他课程，请前往鹊医App学习"
+              :isSingle="true"
+              rightBtnText="去云鹊医App"
+              @btnClick="btnClick2"
+            />
           </div>
           <!-- 未登录 -->
           <div class="cover" v-if="!logged">
-            <course-covers coverTips="登录后马上学习课程" :isSingle="true" rightBtnText="去登录" @btnClick="beforeGoLogin" />
+            <course-covers
+              coverTips="登录后马上学习课程"
+              :isSingle="true"
+              rightBtnText="去登录"
+              @btnClick="beforeGoLogin"
+            />
           </div>
         </pica-video>
       </div>
@@ -72,7 +98,7 @@
           <span :class="{'focus': tabFlag}" @click="jumpIntro">简介</span>
           <span :class="{'focus': !tabFlag}" @click="jumpCatalogue">目录</span>
           <div class="download-abs" @click="gotoDownload">
-            <img src="../images/cme/course/pica-icon.png" alt="">
+            <img src="../images/cme/course/pica-icon.png" alt />
             <span :class="{'short': needShort}">{{downloadTips}}</span>
           </div>
         </div>
@@ -164,18 +190,19 @@
       :cardInfo="cardInfo"
       @changeClick="changeClick"
       @gotoBuy="confirm"
-    ></BindCardButtonShare> -->
+    ></BindCardButtonShare>-->
 
     <!--去激活-->
     <ChangeCard
       :changeErrorMsg="changeCardErrorMsg"
       :isShow="showChangeCard"
       @cancle="cancleChangeCard"
-      @confirm="beforeChangeCardAction">
-    </ChangeCard>
+      @confirm="beforeChangeCardAction"
+    ></ChangeCard>
     <Loading v-show="showLoading" />
     <div>
-      <span ref="copyLinkBtn"
+      <span
+        ref="copyLinkBtn"
         data-clipboard-action="copy"
         class="cobyOrderSn"
         :data-clipboard-text="this.project.cardKey"
@@ -190,7 +217,6 @@
       :isShowDialog="showBindCardTips"
       @handlerAction="handlerActionTips"
     ></CourseDialog>
-
   </div>
 </template>
 <script>
@@ -223,8 +249,8 @@ import BindCardButton from "@/components/cme/bind-card-button";
 // import BindCardButtonShare from "@/components/cme/bind-card-button-share";
 import ChangeCard from "@/components/cme/change-card";
 import CourseCovers from "@/components/course/course-covers";
-import PicaVideo from '@/components/course/pica-video';
-import { getCookie } from '@/utils/index';
+import PicaVideo from "@/components/course/pica-video";
+import { getCookie } from "@/utils/index";
 
 let cataOffsetTop = 0;
 let intorOffsetTop = 0;
@@ -277,7 +303,7 @@ export default {
         firstIntoExam: false, //  true弹框，是否首次进入考试,用于首次跳转弹框提示,只跟项目和人员有关
         jumpToContents: false, //  是否跳转到目录
         cardStatus: 0,
-        cardKey: '',
+        cardKey: ""
         // cmeType=2时不显示进度，
         // projectNo为空时不显示项目编号，
         // projectLeader为空时不显示项目负责人，
@@ -301,7 +327,7 @@ export default {
         width: "415", //视频的显示宽度，请尽量使用视频分辨率宽度
         height: "210", //视频的显示高度，请尽量使用视频分辨率高度
         trySeeTime: "",
-        x5_fullscreen: false,
+        x5_fullscreen: false
       },
       // attachmentUrl: require("../images/banner-default.png"),
       attachmentUrl: require("../images/video-cover.png"),
@@ -332,9 +358,9 @@ export default {
       isShowEndDialog: false,
       isShowFFDialog: false,
       needShort: false,
-      uuid: '',
-      token: '',
-      shareUrl: '',
+      uuid: "",
+      token: "",
+      shareUrl: "",
       shareParam: {},
       showBindCardTips: false,
       cmeCardModels: {
@@ -343,7 +369,7 @@ export default {
         cardType: 2,
         orderId: 0
       },
-      subContent: ``,
+      subContent: ``
     };
   },
   components: {
@@ -380,23 +406,23 @@ export default {
     let _this = this;
     this.from = this.$route.query.from || this.from || "native";
     let href = location.href;
-    let uuidIndex = href.indexOf('uuid') || 0;
-    if(uuidIndex > 0) {
+    let uuidIndex = href.indexOf("uuid") || 0;
+    if (uuidIndex > 0) {
       this.uuid = href.substr(uuidIndex + 5, 32);
     } else {
-      this.uuid = '07F9625472D6444EBAE4BF7D2EF83BC4'
+      this.uuid = "07F9625472D6444EBAE4BF7D2EF83BC4";
     }
     this.shareUrl = location.href;
-    if(href.indexOf('singlemessage') >= 0 || href.indexOf('wx_code') >= 0) {
+    if (href.indexOf("singlemessage") >= 0 || href.indexOf("wx_code") >= 0) {
       this.shareUrl = getWebPageUrl(`cme/#/sharecoop?uuid=${this.uuid}`);
       location.replace(this.shareUrl);
     }
 
     const { token, info } = this.$store.state.user;
-    this.token = getCookie('token') || token;
+    this.token = getCookie("token") || token;
     // 如果有token，但没有用户信息，则获取用户信息
     if (this.token && !info.id) {
-      this.$store.dispatch('setToken', this.token);
+      this.$store.dispatch("setToken", this.token);
       // this.$store.dispatch('getUserInfo');
     }
     this.queryByUuid(this.uuid);
@@ -430,7 +456,7 @@ export default {
           this.shareParam = JSON.parse(res.data || "{}");
           this.projectId = this.shareParam.projectId || 178; // 178
           this.getProjectParticularsV2();
-          console.log('queryByUuid', res);
+          console.log("queryByUuid", res);
         }
       });
     },
@@ -439,7 +465,8 @@ export default {
     onVideoEnd(opt) {
       if (opt.type === 1) {
         this.coverType = 2;
-      } else if (opt.type === 2) { // 试看结束
+      } else if (opt.type === 2) {
+        // 试看结束
         this.coverType = 1;
       }
     },
@@ -489,7 +516,7 @@ export default {
 
     // 处理提示信息框
     handlerActionTips(type) {
-      if(type == 1) {
+      if (type == 1) {
         this.$sendBuriedData({
           component_tag: `883#88319`
         });
@@ -498,15 +525,15 @@ export default {
         this.$sendBuriedData({
           component_tag: `883#88318`
         });
-        this.beforeChangeCardAction(this.cmeCardModels.cardKey, true)
+        this.beforeChangeCardAction(this.cmeCardModels.cardKey, true);
       }
     },
 
     //
     beforeChangeCardAction(cardKey, isInTips) {
-      this.commonCheckToken( () => {
+      this.commonCheckToken(() => {
         this.changeCardAction(cardKey, isInTips);
-      })
+      });
     },
 
     // 查询是否买过类似的卡，但还没有绑定
@@ -534,12 +561,13 @@ export default {
         setEntry: true
       };
       _this.changeCardErrorMsg = "";
-      this.POST("cme/projectCard/bind", param).then(res => {
+      this.POST("cme/projectCard/bind", param)
+        .then(res => {
           isInTips && (_this.showBindCardTips = false);
-        console.log('in res', res, isInTips);
+          console.log("in res", res, isInTips);
           if (res.code == "000000") {
-          if(!res.data) {
-            if(isInTips) {
+            if (!res.data) {
+              if (isInTips) {
                 Toast(res.message);
               } else {
                 _this.changeCardErrorMsg = "请输入正确的激活码";
@@ -552,8 +580,9 @@ export default {
           } else {
             Toast(res.message);
           }
-      }).catch( e => {
-        if(isInTips) {
+        })
+        .catch(e => {
+          if (isInTips) {
             Toast("无效的激活码");
             _this.showBindCardTips = false;
           } else {
@@ -642,8 +671,11 @@ export default {
       this.POST("trade/goods/cardList", param).then(res => {
         if (res.code == "000000") {
           this.showLoading = false;
-          this.cardInfo = (res.data && res.data[0]) || { id: 0, name: "国家级继续教育项目（远程）学习卡" };
-          this.subContent = `您已购买“${this.cardInfo.goodsName}”，是否用此卡绑定并激活当前课程。学习卡激活码一旦使用，不可更改不可退回`
+          this.cardInfo = (res.data && res.data[0]) || {
+            id: 0,
+            name: "国家级继续教育项目（远程）学习卡"
+          };
+          this.subContent = `您已购买“${this.cardInfo.goodsName}”，是否用此卡绑定并激活当前课程。学习卡激活码一旦使用，不可更改不可退回`;
         }
       });
     },
@@ -652,10 +684,15 @@ export default {
       // this.$sendBuriedData({
       //   component_tag: `882#88203`
       // });
-      this.commonCheckToken( () => {
-        let jumpUrl = getWebPageUrl(`profexam/#/goods-detail?goodsId=${this.cardInfo.id}&projectId=${this.projectId}&returnUrl=${encodeURIComponent(this.shareUrl)}`);
+      this.commonCheckToken(() => {
+        let jumpUrl = getWebPageUrl(
+          `profexam/#/goods-detail?goodsId=${this.cardInfo.id}&projectId=${
+            this.projectId
+          }&returnUrl=${encodeURIComponent(this.shareUrl)}`
+        );
+        sessionStorage.setItem('returnUrl', encodeURIComponent(this.shareUrl));
         window.location.href = jumpUrl;
-      })
+      });
     },
 
     // 首次进入考试时记录(点击‘我知道了’时调用)
@@ -732,9 +769,9 @@ export default {
 
     //去激活
     changeClick() {
-      this.commonCheckToken( () => {
+      this.commonCheckToken(() => {
         this.showChangeCard = true;
-      })  
+      });
     },
 
     // 弹框按钮事件
@@ -744,7 +781,7 @@ export default {
 
     scrollFun() {
       //如果是第一次的弹框，则直接退出
-      if(this.isShowEJDialog) return;
+      if (this.isShowEJDialog) return;
       let scrollTop =
         document.body.scrollTop || document.documentElement.scrollTop;
       let h = intorOffsetTop - 135;
@@ -831,7 +868,7 @@ export default {
       };
       // let videoUrl = this.$route.query.videoUrl || '';
       let videoUrl = this.shareParam.videoUrl;
-      if(videoUrl) {
+      if (videoUrl) {
         param.trySeeFlag = 0;
       } else {
         param.trySeeFlag = 1;
@@ -841,10 +878,10 @@ export default {
         if (res.code == "000000") {
           // 首先使用配置中的参数中的获取视频地址及视频时间
           setTimeout(() => {
-            this.downloadTips = '';
+            this.downloadTips = "";
             this.needShort = true;
           }, 5000);
-          if(videoUrl) {
+          if (videoUrl) {
             _this.limitTimes = this.shareParam.limitTimes || 0;
             _this.videoOptions.mp4 = videoUrl;
             _this.videoOptions.trySeeTime = this.shareParam.limitTimes || 0;
@@ -854,7 +891,7 @@ export default {
             _this.videoOptions.trySeeTime = res.data.trySeeTime || 0;
           }
           _this.hasBindCard = res.data.cardStatus == 0 ? false : true;
-          if(this.hasBindCard) {
+          if (this.hasBindCard) {
             _this.videoOptions.trySeeTime = 0;
             _this.videoOptions.autoplay = false;
             // 如果没有绑定卡，则查询是否有未绑定的卡
@@ -863,17 +900,16 @@ export default {
           }
           let mp4Url = _this.videoOptions.mp4;
           // 判断是否是mp4
-          if(mp4Url.lastIndexOf('.mp4') > 0) {
+          if (mp4Url.lastIndexOf(".mp4") > 0) {
             _this.bannerType = 2;
-            this.$nextTick( () => {
-              console.log('_this.$refs.picaVideo', _this.$refs.picaVideo);
+            this.$nextTick(() => {
+              console.log("_this.$refs.picaVideo", _this.$refs.picaVideo);
               _this.$refs.picaVideo.switchUrl({
                 url: mp4Url,
                 proved: _this.videoOptions.trySeeTime,
-                enable: true,
+                enable: true
+              });
             });
-            })
-
           } else {
             if (res.data.attachmentType == 2) {
               _this.videoOptions.mp4 = res.data.attachmentUrl;
@@ -883,8 +919,13 @@ export default {
             _this.bannerType = res.data.attachmentType;
           }
 
-          console.log('location', location);
-          console.log('_this.videoOptions.mp4, trySeeTime, autoplay', _this.videoOptions.mp4, _this.videoOptions.trySeeTime, _this.videoOptions.autoplay);
+          console.log("location", location);
+          console.log(
+            "_this.videoOptions.mp4, trySeeTime, autoplay",
+            _this.videoOptions.mp4,
+            _this.videoOptions.trySeeTime,
+            _this.videoOptions.autoplay
+          );
           // 如果绑定了卡，则提示学习下一节
           _this.project = res.data;
 
@@ -968,7 +1009,7 @@ export default {
           );
         } else {
           _this.showLoading = false;
-          _this.$router.replace('/not-found?fromPage=2');
+          _this.$router.replace("/not-found?fromPage=2");
         }
       });
     },
@@ -1054,7 +1095,6 @@ export default {
       }
     },
 
-
     // 跳转到考试
     gotoExamNew: function() {
       Toast("请前往APP进行考试");
@@ -1062,8 +1102,8 @@ export default {
 
     // 跳转到课程(H5)
     gotoCourseNew: function() {
-      window.location.href = ""
-    },
+      window.location.href = "";
+    }
   }
 };
 </script>
@@ -1099,7 +1139,7 @@ export default {
       height: 30px;
     }
   }
-  .video-box{
+  .video-box {
     position: relative;
     height: 210px;
   }
@@ -1144,7 +1184,8 @@ export default {
         background: #449284;
         &.android {
           padding-top: 2px;
-        }      }
+        }
+      }
       // opacity: ;
     }
   }
@@ -1242,9 +1283,9 @@ export default {
     padding: 0 8px 0 23px;
     font-size: 12px;
     font-weight: 700;
-    color: #5BA99B;
+    color: #5ba99b;
     background: #fff;
-    box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);    
+    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
     width: 120px;
     &.short {
       width: 10px;