Merge branch 'dev-purchase-0901' into 'release'

微信内、外购买学习卡功能： code reviewer：张平

微信内、外购买学习卡功能： code reviewer：张平

See merge request !17

src/components/business/cell-list-detail-share.vue

  <template>
   <!-- 项目组件列表项 -->
   <section>
-    <div  
+    <div
       class="cell-detail"
-      v-for="(component , index) in projectComponent" 
+      v-for="(component , index) in projectComponent"
       :key="index">
       <van-collapse v-model="activeNames" @change="changeCollapse">
-        <van-collapse-item 
-          v-for="(portalModule, index) in component.portalModuleDTOS" 
+        <van-collapse-item
+          v-for="(portalModule, index) in component.portalModuleDTOS"
           :key="index"
-          :title="(parseInt(index) + 1) + '.' + portalModule.moduleName | shortName(19)" 
+          :title="portalModule.moduleName | shortName(19)"
           :name="portalModule.expandKey"
           :value="portalModule.value"
           :disabled="portalModule.disabled"
@@ -45,7 +45,7 @@
                 >
                 <!-- :class="{'text-action-no': item.useFlag == 2}" -->
                   去试看
-                </span>                               
+                </span>
                 <span
                   v-else
                   @click="gotoExamOrCourse(item)"
@@ -55,7 +55,7 @@
                   {{getActionText(item.status, item.type)}}
                 </span>
                 <!-- <img @click="toastToBuy" class="key" v-show="!hasBindCard" src="../../images/cme/phrase2/key.png" alt=""> -->
-                <div class="foot-line" 
+                <div class="foot-line"
                   v-if="index+1 < portalModule.contentList.length && portalModule.contentList[index].templetId == portalModule.contentList[index+1].templetId">
                 </div>
               </div>
@@ -142,7 +142,11 @@ export default {
     projectId: {
       type: Number | String,
       default: 0
-    }    
+    },
+    goodsId: {
+      type: Number | String,
+      default: 0,
+    }
   },
   components: {
     MergeTitle,
@@ -170,16 +174,30 @@ export default {
       if(type == 'sk') {
         this.$sendBuriedData({
           component_tag: `883#88316#${item.id}#${item.name}`
-        });      
+        });
       }
+
+      // 在浏览器中
       if(!isWeiXin()) {
-        if(item.type == 1) {
-          Toast('请前往云鹊医APP参加考试');
-        } else if(item.type == 2){
-          Toast('请前往云鹊医APP学习课程');
-        }        
-        return;
+        // 没有绑定则提示去购买/激活
+        if(!this.hasBindCard) {
+          if(item.type == 1) {
+            Toast('激活/购买后可参加考试');
+          } else if(item.type == 2){
+            Toast('激活/购买后可学习完整课程');
+          }
+          return;
+        // 已经绑定则前往云鹊医APP
+        } else {
+          if(item.type == 1) {
+            Toast('请前往云鹊医APP参加考试');
+          } else if(item.type == 2){
+            Toast('请前往云鹊医APP学习课程');
+          }
+          return;
+        }
       }
+
       if(!this.logged) {
         if(item.type == 1) {
           Toast('请前往云鹊医APP参加考试');
@@ -234,10 +252,10 @@ export default {
         Toast('请前往云鹊医APP学习课程');
         return;
       }
-      let jumpUrl = getWebPageUrl(`profexam/#/course-detail?courseId=${courseId}&projectId=${this.projectId}&token=${this.token}`);
+      let jumpUrl = getWebPageUrl(`profexam/#/course-detail?courseId=${courseId}&projectId=${this.projectId}&goodsId=${this.goodsId}`);
       window.location.href = jumpUrl;
     },
-    
+
     // 跳转到考试
     gotoExam: function(examId) {
       Toast('请前往云鹊医APP参加考试');
@@ -335,7 +353,7 @@ export default {
   }
   .van-collapse-item {
     .van-cell {
-      margin: 9px auto 0 auto; 
+      margin: 9px auto 0 auto;
       // width: 345px;
       width: 100%;
       min-height: 48px;
@@ -629,4 +647,4 @@ export default {
 .bg-13 {
   background: #abcec7;
 }
-</style>
\ No newline at end of file
+</style>

src/components/business/cell-list-detail.vue

@@ -11,7 +11,7 @@
         <van-collapse-item 
           v-for="(portalModule, index) in component.portalModuleDTOS" 
           :key="index"
-          :title="(parseInt(index) + 1) + '.' + portalModule.moduleName | shortName(19)" 
+          :title="portalModule.moduleName | shortName(19)" 
           :name="portalModule.expandKey"
           :value="portalModule.value"
           :disabled="portalModule.disabled"

src/components/cme/bind-card-button-share.vue

@@ -87,7 +87,10 @@ export default {
         margin-left: 1px;
         margin-right: 4px;
       }
-      color: #979899;
+      & > span {
+        font-size: 12px;
+        color: #979899;
+      }
     }
   }
   .right {

src/components/cme/bind-card-button.vue

@@ -2,8 +2,8 @@
   <section class="bind-cart-wrapper">
     <article class="left">
       <div class="top">
-        <span class="discount">￥{{(cardInfo.preferentialPrice || cardInfo.costPrice) | formatMoney}}</span>
-        <span v-show="cardInfo.preferentialPrice" class="price">
+        <span class="discount">￥{{(cardInfo.couponPrice || cardInfo.preferentialPrice || cardInfo.costPrice) | formatMoney}}</span>
+        <span v-show="cardInfo.couponPrice || cardInfo.preferentialPrice" class="price">
           <del>原价￥{{cardInfo.costPrice | formatMoney}}</del>
         </span>
       </div>
@@ -31,9 +31,15 @@ export default {
   },
   methods: {
     changeClick(){
+      this.$sendBuriedData({
+        component_tag: `883#88324`
+      });
       this.$emit("changeClick")
     },
     gotoBuy() {
+      this.$sendBuriedData({
+        component_tag: `883#88323`
+      });
       this.$emit("gotoBuy");
     }
   }
@@ -84,7 +90,10 @@ export default {
         margin-left: 1px;
         margin-right: 4px;
       }
-      color: #979899;
+      & > span {
+        font-size: 12px;
+        color: #979899;
+      }
     }
   }
   .right {
@@ -97,25 +106,24 @@ export default {
       justify-content: center;
       width: 80px;
       font-size: 14px;
-      font-weight: 400;
+      font-weight: 700;
       text-align: center;
-      color: #7f7f7f;
-      border: 1px solid #d2b573;
       &.left {
         border-radius: 20px 0px 0px 20px;
+        border: 1px solid rgba(255, 122, 75, 1);
         border-right-style: none;
-        // color: #ff7a4b;
+        color: #ff7a4b;
       }
       &.right {
-        // background: linear-gradient(
-        //   137deg,
-        //   rgba(255, 166, 95, 1) 0%,
-        //   rgba(255, 122, 75, 1) 100%
-        // );
+        background: linear-gradient(
+          137deg,
+          rgba(255, 166, 95, 1) 0%,
+          rgba(255, 122, 75, 1) 100%
+        );
         border-radius: 0px 20px 20px 0px;
-        // color: #fff;
+        color: #fff;
       }
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

src/components/cme/change-card.vue

@@ -86,6 +86,9 @@ export default {
       this.$emit("cancle");
     },
     confirm() {
+      this.$sendBuriedData({
+        component_tag: `883#88325`
+      });
       if(!this.activationCode) {
         this.errorMsg = '请输入激活码';
         return;

src/components/cme/teacter-intro.vue

@@ -44,8 +44,14 @@ export default {
     toggle() {
       this.isUp = !this.isUp;
       if (this.isUp) {
+        this.$sendBuriedData({
+          component_tag: `883#88322`
+        });
         this.current = this.one;
       } else {
+        this.$sendBuriedData({
+          component_tag: `883#88321`
+        });
         this.current = this.all;
       }
     }

src/components/course/course-dialog.vue

+<template>
+  <div class="common-dialog-wrraper" v-if="isShowDialog">
+    <div class="dialog-mask"></div>
+    <div class="dialog-container">
+      <div class="dialog-content">{{content}}</div>
+      <div v-show="needSubContent" class="dialog-sub-content" v-html="subContent"></div>
+      <div class="dialog-footer v-hairline-top">
+        <span :class="{'single-btn': isSingle}" @click="handlerAction(1)">{{cancleBtnText}}</span>
+        <span v-show="!isSingle" class="confirm-btn v-hairline-left" @click="handlerAction(2)">{{confirmBtnText}}</span>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "common-dialog",
+  data() {
+    return {
+
+    };
+  },
+  props: {
+    content: {
+      type: String,
+      default: ''
+    },
+    needSubContent: {
+      type: Boolean,
+      default: false
+    },
+    subContent: {
+      type: String,
+      default: ''
+    },
+    cancleBtnText: {
+      type: String,
+      default: '取消'
+    },
+    confirmBtnText: {
+      type: String,
+      default: '确定'
+    },
+    isShowDialog: {
+      type: Boolean,
+      default: false
+    },
+    isSingle: {
+      type: Boolean,
+      default: false
+    },
+  },
+  methods: {
+    handlerAction(type) {
+      this.$emit("handlerAction", type);
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.common-dialog-wrraper {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2019;
+  .dialog-mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 2020;
+  }
+  .dialog-container {
+    z-index: 2021;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    overflow: hidden;
+    width: 300px;
+    font-size: 18px;
+    -webkit-transition: 0.3s;
+    transition: 0.3s;
+    border-radius: 4px;
+    background-color: #fff;
+    -webkit-transform: translate3d(-50%, -50%, 0);
+    transform: translate3d(-50%, -50%, 0);
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    .dialog-content {
+      // margin: 30px 22px;
+      margin: 30px;
+      text-align: center;
+      font-size: 18px;
+      font-weight: 400;
+      color: #373839;
+    }
+    .dialog-sub-content {
+      margin: 5px 30px 20px;
+      // margin: -16px 22px 30px;
+      text-align: left;
+      font-size: 14px;
+      line-height: 24px;
+      font-weight: 400;
+      color: #676869;
+    }
+    .dialog-footer {
+      height: 50px;
+      display: flex;
+      align-items: center;
+      &.v-hairline-top::after {
+        border-top-width: 1px;
+      }
+      span {
+        display: inline-block;
+        // width: 50%;
+        flex: 1;
+        height: 50px;
+        line-height: 50px;
+        font-size: 17px;
+        text-align: center;
+        color: #979899;
+        &.v-hairline-left::after {
+          border-left-width: 1px;
+        }
+        &.confirm-btn {
+          color: #449284;
+        }
+        &.single-btn {
+          color: #449284;
+        }
+      }
+    }
+  }
+
+  [class*="v-hairline"] {
+    position: relative;
+    &::after {
+      content: " ";
+      position: absolute;
+      pointer-events: none;
+      box-sizing: border-box;
+      top: -50%;
+      left: -50%;
+      right: -50%;
+      bottom: -50%;
+      -webkit-transform: scale(0.5);
+      transform: scale(0.5);
+      border: 0 solid #f0f1f2;
+    }
+  }
+  &.shikan {
+    .dialog-sub-content {
+      text-align: center;
+      font-size: 16px;
+    }
+  }
+}
+</style>

src/components/course/pica-video.vue

@@ -74,7 +74,8 @@
       <slot></slot>
       <!-- 试看提示 -->
       <div class="proved-box" v-show="logged && showProved">
-        可试看{{ dealTime(proved) }}，观看完整版请来 <span @click="download">云鹊医App</span>
+        <!-- 可试看{{ dealTime(proved) }}，观看完整版请来 <span @click="download">云鹊医App</span> -->
+        可试看{{ dealTime(proved) }}，观看完整版请 <span @click="download">购买课程</span>
       </div>
       <!-- 重新播放，只有试看有 -->
       <div class="replay-box" v-show="showReplay" @click="onReplay">重新播放</div>

src/router/router.js

@@ -11,6 +11,8 @@ const creditedit = r => require.ensure([], () => r(require('../views/credit-edit
 const creditdetail = r => require.ensure([], () => r(require('../views/credit-detail')), 'credit-detail')
 const excgtips = r => require.ensure([], () => r(require('../views/exchange-tips')), 'exchange-tips')
 const icreditdetail = r => require.ensure([], () => r(require('../views/I-credit-detail')), 'I-credit-detail')
+const notFound = r => require.ensure([], () => r(require('../views/not-found')), 'not-found')
+const goodsDetail = r => require.ensure([], () => r(require('../views/goods-detail')), 'goods-detail')
 
 export default [{
     path: '/',
@@ -68,7 +70,13 @@ export default [{
             path: '/icredit-detail',
             component: icreditdetail
         },
-        
-        
+        {
+            path: '/not-found',
+            component: notFound
+        },
+        {
+            path: '/goods-detail',
+            component: goodsDetail
+        },
     ]
 }]

src/store/modules/user.js

@@ -14,7 +14,7 @@ const user = {
     SET_TOKEN: (state, payload) => {
       state.token = payload;
     },
-    SET_USER_INFO: (state, payload) => {
+    SET_USER_INFO_2: (state, payload) => {
       state.info = payload;
     },
   },
@@ -55,7 +55,7 @@ const user = {
             //   avatarUrl = img2.src;
             // }
             picapDoctor.avatar = avatarUrl || 'https://file.yunqueyi.com/File/doctor_default.png';
-            commit('SET_USER_INFO', { ...picapDoctor, isExist, certifyDoc });
+            commit('SET_USER_INFO_2', { ...picapDoctor, isExist, certifyDoc });
           }
         } else {
           errCallBack()
@@ -73,7 +73,7 @@ const user = {
     // 登出
     logout({ state, commit }) {
       commit('SET_TOKEN', '');
-      commit('SET_USER_INFO', {});
+      commit('SET_USER_INFO_2', {});
       localStorage.removeItem('token');
       delCookie('token')
     },

src/utils/fetch.js

@@ -13,15 +13,15 @@ const service = axios.create({
 service.interceptors.request.use(config => {
   if (config.data && config.data.setEntry) {
     config.headers['sysCode'] = config.data.sysCode || 10
-    if(config.data.token){
-       config.headers['token'] = config.data.token || 'CAF8336E76514F07BF195EFCEBE60775'
-       if( process.env.BUILD_ENV == "development" ){  // 本地开发环境
+    if (config.data.token) {
+      config.headers['token'] = config.data.token || 'CAF8336E76514F07BF195EFCEBE60775'
+      if (process.env.BUILD_ENV == "development") {  // 本地开发环境
         config.headers['token'] = config.data.token || '14587B3BBD77434EAFE8755FB1856008';
-       }
-       delete config.data.setEntry;
-       delete config.data.token;
+      }
+      delete config.data.setEntry;
+      delete config.data.token;
     }
-   
+
     config.headers['deviceInfo'] = JSON.stringify({ "app_channel": "", "app_mac": "", "app_uuid": "", "app_version": "", "device_brand": "", "device_ip": "", "device_model": "", "device_net": "", "device_ops": "", "resolution_wh": "", "system_level": "", "device_type": '10' })
   }
   return config
@@ -37,7 +37,7 @@ service.interceptors.response.use(
     /*  
       baseUrl时，返回000000为成功
       apiUrl时，返回200为成功
-    */    
+    */
     if (res.code !== '000000' && response.respCode === 200) {
       return Promise.reject('error')
     } else {

src/utils/mixins.js

@@ -207,5 +207,19 @@ module.exports = {
             return null
         },
 
+        // 通用token校验
+        commonCheckToken(noLoggedCallback) {
+            let param = {
+                token: this.token,
+                setEntry: true
+            };
+            this.GET("campaign/admin/task/checkToken", param).then(res => {
+                if (res.code !== "000000") {
+                    this.goLogin();
+                } else {
+                    noLoggedCallback && noLoggedCallback()
+                }
+            });
+        }
     }
 }

src/views/goods-detail.vue

+<template>
+  <div class="goods-details-wrapper">
+    商品详情页面
+  </div>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="less" scoped>
+.goods-details-wrapper {
+  font-size: 14px;
+}
+</style>
\ No newline at end of file

src/views/merge-detail.vue

@@ -178,6 +178,14 @@
       :isShowDialog="isShowIOSDownloadDialog"
       @handlerAction="goBack"
     />
+
+    <CourseDialog
+      :subContent="subContent"
+      confirmBtnText="激活并去学习"
+      needSubContent
+      :isShowDialog="showBindCardTips"
+      @handlerAction="handlerActionTips"
+    ></CourseDialog>    
     
   </div>
 </template>
@@ -199,6 +207,7 @@ import ItemIntro from "@/components/cme/item-intro";
 import ItemLeader from "@/components/cme/item-leader";
 import TeacterIntro from "@/components/cme/teacter-intro";
 import CommonDialog from "@/components/cme/common-dialog";
+import CourseDialog from "@/components/course/course-dialog";
 import ExjumperDialog from "@/components/cme/exjumper-dialog";
 import ExjumperButton from "@/components/cme/exjumper-button";
 import NoMoreContent from "@/components/business/no-more-content";
@@ -324,6 +333,14 @@ export default {
       isShowSkDialog: false,
       isShowIOSDownloadDialog: false,
       shareUrl: location.href,
+      showBindCardTips: false,
+      cmeCardModels: {
+        cardNo: "",
+        cardKey: "",
+        cardType: 2,
+        orderId: 0
+      },      
+      subContent: ``,
     };
   },
   components: {
@@ -340,6 +357,7 @@ export default {
     ItemLeader,
     TeacterIntro,
     CommonDialog,
+    CourseDialog,
     ExjumperButton,
     ExjumperDialog,
     // CardPopup,
@@ -426,8 +444,37 @@ export default {
       this.showChangeCard = false;
     },
 
+    // 查询是否买过类似的卡，但还没有绑定
+    hasNoUsedCard() {
+      let param = {
+        setEntry: true
+      };
+      this.GET(`cme/projectCard/queryNoUsedCard/2`, param).then(({ data }) => {
+        this.hasNoUsedCard = data.hasNoUsedCard;
+        if (data.hasNoUsedCard == 1) {
+          this.cmeCardModels = data.cmeCardModels[0] || {};
+          this.showBindCardTips = true;
+        }
+      });
+    },
+
+    // 处理提示信息框
+    handlerActionTips(type) {
+      if(type == 1) {
+        this.$sendBuriedData({
+          component_tag: `883#88319`
+        });
+        this.showBindCardTips = false;
+      } else {
+        this.$sendBuriedData({
+          component_tag: `883#88318`
+        });
+        this.changeCardAction(this.cmeCardModels.cardKey, true);
+      }
+    },
+
     // 激活  返回值：0绑定失败，1绑定成功
-    changeCardAction(cardKey) {
+    changeCardAction(cardKey, isInTips) {
       let _this = this;
       let param = {
         cardKey: cardKey,
@@ -437,9 +484,14 @@ export default {
       };
       _this.changeCardErrorMsg = "";
       this.POST("cme/projectCard/bind", param).then(res => {
+        isInTips && (_this.showBindCardTips = false);
         if (res.code == "000000") {
-          if(res.data == 0) {
-            _this.changeCardErrorMsg = "请输入正确的激活码";
+          if(!res.data) {
+            if(isInTips) {
+              Toast(res.message);            
+            } else {
+              _this.changeCardErrorMsg = "请输入正确的激活码";
+            }            
           } else {
             _this.$refs.tcPlayerRef && _this.$refs.tcPlayerRef.pause();
             _this.showChangeCard = false;
@@ -449,7 +501,12 @@ export default {
         } else {
         }
       }).catch( e => {
-        _this.changeCardErrorMsg = "请输入正确的激活码";
+        if(isInTips) {
+          Toast("无效的激活码");
+          _this.showBindCardTips = false;
+        } else {
+          _this.changeCardErrorMsg = "请输入正确的激活码";
+        }
       });
     },
 
@@ -618,7 +675,8 @@ export default {
         if (res.code == "000000") {
           this.showLoading = false;
           // this.isShowPopup = true;
-          this.cardInfo = (res.data && res.data[0]) || { id: 0 };
+          this.cardInfo = (res.data && res.data[0]) || { id: 0, name: "职称考精讲课程卡" };
+          this.subContent = `您已购买“${this.cardInfo.goodsName}”，是否用此卡绑定并激活当前课程。学习卡激活码一旦使用，不可更改不可退回`
         }
       });
     },
@@ -943,7 +1001,9 @@ export default {
           if(this.hasBindCard) {
             _this.videoOptions.trySeeTime = 300000;
             _this.videoOptions.autoplay = false;
-          }
+          } else {
+            _this.hasNoUsedCard();
+          } 
           let mp4Url = _this.videoOptions.mp4;
           // 判断是否是mp4
           if(mp4Url.lastIndexOf('.mp4') > 0) {

src/views/not-found.vue

+<template>
+  <div class="not-found">
+    <img class="img" src="~@/images/no-content.png" alt />
+    <p class="tip">{{tips}}</p>
+    <p class="tip-2">更多内容，请前往云鹊医APP学习</p>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      tips: "此课程已下架，无法查看",
+      fromPage: "2"
+    };
+  },
+  mounted() {
+    this.fromPage = this.$route.query.fromPage || '2'; // 1: 来处项目详情页; 2: 来处课程详情页
+    if(this.fromPage == 2) {
+      this.tips = "此项目已下架, 无法查看";
+    }
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.not-found {
+  display: flex;
+  flex-direction: column;
+  align-items: center;  
+  padding-top: 100px;
+  .img {
+    width: 120px;
+  }
+  .tip {
+    font-size: 18px;
+    font-weight: 700;
+    color: #373839;
+    text-align: center;
+    padding: 0 15px;
+  }
+  .tip-2 {
+    margin-top: 12px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #676869;
+    text-align: center;
+    padding: 0 15px;
+  }
+}
+</style>
+

src/views/share-merge-detail.vue

 <template>
   <!-- 组件详情页面：模块列表及其下面的元件列表 -->
   <div class="page-container-merge" :style="{'position': isShowEJDialog ? 'fixed' : 'static'}">
-    <CommonNavbar
+    <!-- <CommonNavbar
       id="header"
       :bgColor="bgColor"
       v-show="isShowNavbar"
@@ -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>
@@ -71,8 +97,8 @@
         >
           <span :class="{'focus': tabFlag}" @click="jumpIntro">简介</span>
           <span :class="{'focus': !tabFlag}" @click="jumpCatalogue">目录</span>
-          <div class="download-abs" @click="download(2)">
-            <img src="../images/cme/course/pica-icon.png" alt="">
+          <div class="download-abs" @click="gotoDownload">
+            <img src="../images/cme/course/pica-icon.png" alt />
             <span :class="{'short': needShort}">{{downloadTips}}</span>
           </div>
         </div>
@@ -115,6 +141,7 @@
             :cmeType="project.cmeType"
             :logged="logged"
             :projectId="projectId"
+            :goodsId="cardInfo.id"
           />
         </div>
       </div>
@@ -151,31 +178,32 @@
     ></ExjumperButton>
     <!-- <div v-if="project.cmeType == 2 && !isWeb" style="padding-top: 30px"></div> -->
     <div style="padding-top: 20px"></div>
-      
-    <!-- <BindCardButton
-      v-if="project.cmeType == 2 && !hasBindCard && !isWeb"
+
+    <BindCardButton
+      v-if="project.cmeType == 2 && !hasBindCard"
       :cardInfo="cardInfo"
       @changeClick="changeClick"
       @gotoBuy="confirm"
-    ></BindCardButton> -->
+    ></BindCardButton>
 
-    <BindCardButtonShare
+    <!-- <BindCardButtonShare
       v-if="!hasBindCard"
       :cardInfo="cardInfo"
       @changeClick="changeClick"
       @gotoBuy="confirm"
-    ></BindCardButtonShare>
+    ></BindCardButtonShare>-->
 
     <!--去激活-->
     <ChangeCard
       :changeErrorMsg="changeCardErrorMsg"
       :isShow="showChangeCard"
       @cancle="cancleChangeCard"
-      @confirm="changeCardAction">
-    </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"
@@ -183,31 +211,14 @@
       ></span>
     </div>
 
-    <!-- 未登录提示 -->
-    <div class="course-tips" v-if="!logged">
-      <CourseCovers isSingle coverTips="登录后马上学习课程" rightBtnText="去登录" @btnClick="btnClick"></CourseCovers>
-    </div>
-
-    <!-- 试看结束 -->
-    <div class="course-tips" v-if="isShowSkDialog">
-      <CourseCovers isSingle coverTips="试看结束<br>学习完整版课程，请来云鹊医App购买" rightBtnText="APP购买更优惠" @btnClick="download(1)"></CourseCovers>
-    </div>
-
-    <!-- 播放结束 -->
-    <div class="course-tips" v-if="isShowEndDialog">
-      <CourseCovers isSingle coverTips="播放结束<br>更多其他课程，请前往云鹊医APP学习" rightBtnText="APP购买更优惠" @btnClick="download(1)"></CourseCovers>
-    </div>
-
-    <!-- 本课程为付费课程 -->
-    <div class="course-tips" v-if="isShowFFDialog">
-      <CourseCovers isSingle coverTips="本课程为付费课程<br>学习完整版课程，请来云鹊医App购买" rightBtnText="APP购买更优惠" @btnClick="download(1)"></CourseCovers>
-    </div>
-
-    <!-- <div class="download-abs" @click="download">
-      <img src="../images/cme/course/pica-icon.png" alt="">
-      <span :class="{'short': needShort}">{{downloadTips}}</span>
-    </div> -->
-  </div> 
+    <CourseDialog
+      :subContent="subContent"
+      confirmBtnText="激活并去学习"
+      needSubContent
+      :isShowDialog="showBindCardTips"
+      @handlerAction="handlerActionTips"
+    ></CourseDialog>
+  </div>
 </template>
 <script>
 import CommonNavbar from "@/components/common/common-navbar";
@@ -224,6 +235,7 @@ import ItemIntro from "@/components/cme/item-intro";
 import ItemLeader from "@/components/cme/item-leader";
 import TeacterIntro from "@/components/cme/teacter-intro";
 import CommonDialog from "@/components/cme/common-dialog";
+import CourseDialog from "@/components/course/course-dialog";
 import ExjumperDialog from "@/components/cme/exjumper-dialog";
 import ExjumperButton from "@/components/cme/exjumper-button";
 import NoMoreContent from "@/components/business/no-more-content";
@@ -234,11 +246,12 @@ import { mapGetters, mapActions } from "vuex";
 import vueFilters from "@/utils/filter";
 import { Toast } from "vant";
 // import CardPopup from "@/components/cme/card-popup";
-import BindCardButtonShare from "@/components/cme/bind-card-button-share";
+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;
@@ -291,7 +304,7 @@ export default {
         firstIntoExam: false, //  true弹框，是否首次进入考试,用于首次跳转弹框提示,只跟项目和人员有关
         jumpToContents: false, //  是否跳转到目录
         cardStatus: 0,
-        cardKey: '',
+        cardKey: ""
         // cmeType=2时不显示进度，
         // projectNo为空时不显示项目编号，
         // projectLeader为空时不显示项目负责人，
@@ -315,7 +328,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"),
@@ -346,9 +359,18 @@ export default {
       isShowEndDialog: false,
       isShowFFDialog: false,
       needShort: false,
-      uuid: '',
-      token: '',
+      uuid: "",
+      token: "",
+      shareUrl: "",
       shareParam: {},
+      showBindCardTips: false,
+      cmeCardModels: {
+        cardNo: "",
+        cardKey: "",
+        cardType: 2,
+        orderId: 0
+      },
+      subContent: ``
     };
   },
   components: {
@@ -364,12 +386,14 @@ export default {
     ItemLeader,
     TeacterIntro,
     CommonDialog,
+    CourseDialog,
     ExjumperButton,
     ExjumperDialog,
     // CardPopup,
     // CommonAdertImg,
     NoMoreContent,
-    BindCardButtonShare,
+    BindCardButton,
+    // BindCardButtonShare,
     ChangeCard,
     CourseCovers,
     PicaVideo
@@ -383,30 +407,33 @@ 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'
-    }  
-    if(href.indexOf('singlemessage') >= 0 || href.indexOf('wx_code') >= 0) {
-      let shareUrl = getWebPageUrl(`cme/#/sharecoop?uuid=${this.uuid}`);
-      location.replace(shareUrl);
+      this.uuid = "07F9625472D6444EBAE4BF7D2EF83BC4";
     }
+    this.shareUrl = location.href;
+    if (href.indexOf("singlemessage") >= 0 || href.indexOf("wx_code") >= 0) {
+      this.shareUrl = getWebPageUrl(`cme/#/sharecoop?uuid=${this.uuid}`);
+      location.replace(this.shareUrl);
+    }
+    localStorage.setItem('returnUrl', 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);
 
     // 调用广告位接口
-    this.getAdvertInfoList();
+    // this.getAdvertInfoList();
   },
   mounted() {
-    window.addEventListener("scroll", this.scrollFun);  
+    window.addEventListener("scroll", this.scrollFun);
   },
   beforeDestroyed() {
     window.removeEventListener("scroll", this.scrollFun);
@@ -429,9 +456,9 @@ export default {
       this.GET(`portal/shareParam/queryByUuid`, param).then(res => {
         if (res.code == "000000") {
           this.shareParam = JSON.parse(res.data || "{}");
-          this.projectId = this.shareParam.projectId || 0;  // 178
+          this.projectId = this.shareParam.projectId || 178; // 178
           this.getProjectParticularsV2();
-          console.log('queryByUuid', res);
+          console.log("queryByUuid", res);
         }
       });
     },
@@ -440,7 +467,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;
       }
     },
@@ -450,7 +478,8 @@ export default {
 
     btnClick1() {
       this.$sendBuriedData({
-        component_tag: `883#88310`
+        // component_tag: `883#88310`
+        component_tag: `883#88320`
       });
       this.download();
     },
@@ -466,50 +495,102 @@ export default {
       this.download();
     },
 
-    download(type) {
-      if(type == 1) {
+    download() {
+      this.confirm();
+
+      // setTimeout(() => {
+      //   window.location.href =
+      //     "https://a.app.qq.com/o/simple.jsp?pkgname=com.picahealth.yunque";
+      // }, 100);
+    },
+
+    gotoDownload() {
+      this.$sendBuriedData({
+        component_tag: `883#88312`
+      });
+      window.location.href =
+        "https://a.app.qq.com/o/simple.jsp?pkgname=com.picahealth.yunque";
+    },
+
+    cancleChangeCard() {
+      this.showChangeCard = false;
+    },
+
+    // 处理提示信息框
+    handlerActionTips(type) {
+      if (type == 1) {
         this.$sendBuriedData({
-          component_tag: `883#88310`
+          component_tag: `883#88319`
         });
-      } else if(type == 2) {
+        this.showBindCardTips = false;
+      } else {
         this.$sendBuriedData({
-          component_tag: `883#88312`
-        });        
+          component_tag: `883#88318`
+        });
+        this.beforeChangeCardAction(this.cmeCardModels.cardKey, true);
       }
-      setTimeout(() => {
-        window.location.href =
-          "https://a.app.qq.com/o/simple.jsp?pkgname=com.picahealth.yunque";
-      }, 100);
     },
 
-    cancleChangeCard() {
-      this.showChangeCard = false;
+    //
+    beforeChangeCardAction(cardKey, isInTips) {
+      this.commonCheckToken(() => {
+        this.changeCardAction(cardKey, isInTips);
+      });
+    },
+
+    // 查询是否买过类似的卡，但还没有绑定
+    hasNoUsedCard() {
+      let param = {
+        setEntry: true
+      };
+      this.GET(`cme/projectCard/queryNoUsedCard/2`, param).then(({ data }) => {
+        this.hasNoUsedCard = data.hasNoUsedCard;
+        if (data.hasNoUsedCard == 1) {
+          this.cmeCardModels = data.cmeCardModels[0] || {};
+          this.showBindCardTips = true;
+        }
+      });
     },
 
     // 激活  返回值：0绑定失败，1绑定成功
-    changeCardAction(cardKey) {
+    changeCardAction(cardKey, isInTips) {
       let _this = this;
       let param = {
         cardKey: cardKey,
         cardType: 2,
+        channel: 3,
         portalProjectId: this.projectId,
         setEntry: true
       };
       _this.changeCardErrorMsg = "";
-      this.POST("cme/projectCard/bind", param).then(res => {
-        if (res.code == "000000") {
-          if(res.data == 0) {
-            _this.changeCardErrorMsg = "请输入正确的激活码";
+      this.POST("cme/projectCard/bind", param)
+        .then(res => {
+          isInTips && (_this.showBindCardTips = false);
+          console.log("in res", res, isInTips);
+          if (res.code == "000000") {
+            if (!res.data) {
+              if (isInTips) {
+                Toast(res.message);
+              } else {
+                _this.changeCardErrorMsg = "请输入正确的激活码";
+              }
+            } else {
+              _this.showChangeCard = false;
+              Toast("激活成功，开始学习");
+              _this.getProjectParticularsV2();
+            }
           } else {
-            _this.showChangeCard = false;
-            Toast("激活成功，开始学习");
-            _this.getProjectParticularsV2();
+            Toast(res.message);
           }
-        } else {
-        }
-      }).catch( e => {
-        _this.changeCardErrorMsg = "请输入正确的激活码";
-      });
+        })
+        .catch(e => {
+          if (isInTips) {
+            Toast("无效的激活码");
+            _this.showBindCardTips = false;
+          } else {
+            _this.changeCardErrorMsg = "请输入正确的激活码";
+          }
+        });
     },
 
     // 复制卡密
@@ -578,7 +659,7 @@ export default {
 
     // 跳转前判断是否有机构，否则使用定位信息
     preJumper() {
-      this.getCardInfoByProvinceId(this.provinceId || "");        
+      this.getCardInfoByProvinceId(this.provinceId || "");
     },
 
     // 根据省ID，获取学习卡信息
@@ -592,19 +673,25 @@ 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 };
+          this.cardInfo = (res.data && res.data[0]) || {
+            id: 0,
+            name: "国家级继续教育项目（远程）学习卡"
+          };
+          this.subContent = `您已购买“${this.cardInfo.goodsName}”，是否用此卡绑定并激活当前课程。学习卡激活码一旦使用，不可更改不可退回`;
         }
       });
     },
 
-    // 跳转到原生的购买页面
-    // TODO 没有购买逻辑了，直接跳转到下载页面
     confirm() {
       // this.$sendBuriedData({
       //   component_tag: `882#88203`
       // });
-      window.location.href =
-        "https://a.app.qq.com/o/simple.jsp?pkgname=com.picahealth.yunque";
+      this.commonCheckToken(() => {
+        let jumpUrl = getWebPageUrl(
+          `profexam/#/goods-detail?goodsId=${this.cardInfo.id}&projectId=${this.projectId}`
+        );
+        window.location.href = jumpUrl;
+      });
     },
 
     // 首次进入考试时记录(点击‘我知道了’时调用)
@@ -623,26 +710,6 @@ export default {
       );
     },
 
-    // token是否失效校验
-    checkToken() {
-      let _this = this;
-      let param = {
-        token: _this.token,
-        setEntry: true
-      };
-      this.GET("campaign/admin/task/checkToken", param).then(res => {
-        if (res.code !== "000000") {
-          //未登录 跳转登录页
-          rocNative.gotoLogin();
-        } else {
-          // if (!_this.premissionFlag) {
-          //   _this.premissionFlag = true;
-          //   _this.permission(); // 提示是否有机构和在申请范围内
-          // }
-        }
-      });
-    },
-
     //(判断是否加入机构，是否为认证用户，是否在申请范围内)
     permission() {
       let _this = this;
@@ -700,9 +767,10 @@ export default {
     },
 
     //去激活
-    changeClick(msg) {
-      console.log("in changeClick");
-      this.showChangeCard = true;
+    changeClick() {
+      this.commonCheckToken(() => {
+        this.showChangeCard = true;
+      });
     },
 
     // 弹框按钮事件
@@ -712,7 +780,7 @@ export default {
 
     scrollFun() {
       //如果是第一次的弹框，则直接退出
-      if(this.isShowEJDialog) return;
+      if (this.isShowEJDialog) return;
       let scrollTop =
         document.body.scrollTop || document.documentElement.scrollTop;
       let h = intorOffsetTop - 135;
@@ -799,7 +867,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;
@@ -809,10 +877,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;
@@ -822,23 +890,25 @@ 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;
+            // 如果没有绑定卡，则查询是否有未绑定的卡
+          } else {
+            _this.logged && _this.hasNoUsedCard();
           }
           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;
@@ -848,8 +918,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;
 
@@ -930,7 +1005,10 @@ export default {
             () => {
               console.log("share success...");
             }
-          );          
+          );
+        } else {
+          _this.showLoading = false;
+          _this.$router.replace("/not-found?fromPage=2");
         }
       });
     },
@@ -1016,7 +1094,6 @@ export default {
       }
     },
 
-
     // 跳转到考试
     gotoExamNew: function() {
       Toast("请前往APP进行考试");
@@ -1024,8 +1101,8 @@ export default {
 
     // 跳转到课程(H5)
     gotoCourseNew: function() {
-      window.location.href = ""
-    },
+      window.location.href = "";
+    }
   }
 };
 </script>
@@ -1061,7 +1138,7 @@ export default {
       height: 30px;
     }
   }
-  .video-box{
+  .video-box {
     position: relative;
     height: 210px;
   }
@@ -1103,10 +1180,11 @@ export default {
         font-weight: 700;
         border-radius: 20px;
         color: #fff;
-        background: #449284;        
+        background: #449284;
         &.android {
           padding-top: 2px;
-        }      }
+        }
+      }
       // opacity: ;
     }
   }
@@ -1180,7 +1258,7 @@ export default {
   position: absolute;
   z-index: 100;
   top: 0;
-  left: 0; 
+  left: 0;
 }
 .download-abs {
   display: flex;
@@ -1204,9 +1282,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;