去兑换，去购买

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

@@ -13,8 +13,8 @@
       </div>
     </article>
     <article class="right">
-      <span class="left">去兑换</span>
-      <span class="right">去购买</span>
+      <span @click="gotoExchange" class="left">去兑换</span>
+      <span @click="gotoBuy" class="right">去购买</span>
     </article>
   </section>
 </template>
@@ -30,8 +30,11 @@ export default {
     return {};
   },
   methods: {
-    btnClick() {
-      this.$emit("btnClick");
+    gotoExchange() {
+      this.$emit("gotoExchange");
+    },
+    gotoBuy() {
+      this.$emit("gotoBuy");
     }
   }
 };
@@ -57,9 +60,10 @@ export default {
     font-size: 12px;
     // align-items: ;
     .top {
-      height: px2rem(27px);
+      margin-top: px2rem(3px);
+      height: px2rem(24px);
       .discount {
-        color: #FB5B52;
+        color: #fb5b52;
         font-size: px2rem(18px);
         font-weight: 700;
         margin-right: px2rem(4px);
@@ -71,7 +75,6 @@ export default {
     .bottom {
       display: flex;
       flex-direction: row;
-
       img {
         width: px2rem(12px);
         height: px2rem(12px);

src/views/merge-detail.vue

@@ -130,7 +130,12 @@
       :type="project.currentProgress > 1 ? 'primary' : 'disabled'"></ExjumperButton>
     <div v-if="project.cmeType == 2" style="padding-top: 30px"></div>
 
-    <BindCardButton v-if="project.cmeType == 2 && !project.hasBindCard" :cardInfo="cardInfo"></BindCardButton>
+    <BindCardButton 
+      v-if="project.cmeType == 2 && !project.hasBindCard" 
+      :cardInfo="cardInfo"
+      :gotoExchange="gotoExchange"
+      :gotoBuy="gotoBuy"
+      ></BindCardButton>
     
     <!-- <CardPopup :cardInfo="cardInfo" :isShow="isShowPopup" @clickOverlay="clickOverlay" @cancle="jumpToCardList()" @confirm="confirm"></CardPopup> -->
     <Loading v-show="showLoading" />
@@ -345,6 +350,16 @@ export default {
   methods: {
     ...mapActions(["setUserInfo"]),
 
+    // 打开兑换码弹框
+    gotoExchange() {
+
+    },
+
+    // 调用支付页面
+    gotoBuy() {
+
+    },
+
     // 查询教培项目广告位配置信息
     getAdvertInfoList() {
       let param = {
@@ -502,6 +517,49 @@ export default {
 
     // 跳转到原生的购买页面
     confirm() {
+      let appVersion = this.userInfo.appVersion;
+      let appVersionNum = appVersion.split('.').join('');
+      if(appVersionNum < 341) {
+        Toast('请您下载新版本App');
+        return;
+      }
+      this.$sendBuriedData({
+        component_tag: `885#8852`
+      });
+
+      // this.isShowPopup = false;
+      // let pageUrl = this.project.examBtnUrl;
+      // 直接传入项目ID(projectId)
+      let projectId = this.project.projectId;
+
+      let paramList = [
+        {
+          key: "className",
+          value: "com.picahealth.yunque.activitys.studycard.StudyCardDetailActivity###PicaDo.LearningCardVC",
+          type: 4,
+          seqNo: 1
+        },
+        {
+          key: "goodId",
+          value: this.cardInfo.id,
+          type: 4,
+          seqNo: 1
+        },
+        {
+          key: "courseUrl",
+          // value: encodeURIComponent(pageUrl),
+          value: projectId,
+          type: 4,
+          seqNo: 1
+        }
+      ];
+      rocNative.dispatchEventByModuleCode({
+        modeCode: "M200",
+        jsonString: paramList
+      });
+    },
+        // 跳转到原生的购买页面
+    confirmOld() {
       this.$sendBuriedData({
         component_tag: `885#8852`
       });
@@ -798,7 +856,8 @@ export default {
             _this.showLoading = false;
           }, 800);
 
-          // TODO 如果 hasBindCard 为false，则获取卡信息
+          // 如果 hasBindCard 为false，则获取卡信息  0：未绑卡 1：已绑卡
+          this.hasBindCard = res.data.cardStatus != 0 ? false : true;
           _this.preJumper()
         }
       });