复制卡密

package.json

@@ -18,11 +18,14 @@
     "@babel/polyfill": "^7.2.5",
     "axios": "0.16.2",
     "better-scroll": "^0.1.15",
+    "clipboard": "^2.0.6",
     "echarts": "^4.2.0-rc.2",
     "fastclick": "^1.0.6",
     "img-vuer": "^0.17.2",
+    "install": "^0.13.0",
     "iscroll": "^5.2.0",
     "js-cookie": "^2.2.0",
+    "npm": "^6.14.6",
     "pica-topic-stencil": "^1.0.8",
     "showdown": "^1.6.4",
     "vant": "^2.2.15",

src/main.js

@@ -12,7 +12,9 @@ import VConsole from 'vconsole/dist/vconsole.min.js'
 import BuriedPoint,{ sendBuriedData} from 'web-buried-point';
 import Vant from 'vant';
 import 'vant/lib/index.css';
-
+import clipboard from 'clipboard';
+//注册到vue原型上
+Vue.prototype.clipboard = clipboard;
 
 if(!(process.env.BUILD_ENV === 'uat' || process.env.BUILD_ENV === 'pro')) {
 // if(!(process.env.BUILD_ENV === 'pro')) {

src/views/merge-detail.vue

@@ -135,11 +135,14 @@
       v-if="project.cmeType == 2 && !hasBindCard" 
       :cardInfo="cardInfo"
       :gotoExchange="gotoExchange"
-      :gotoBuy="gotoBuy"
+      :gotoBuy="confirm"
       ></BindCardButton>
     
     <!-- <CardPopup :cardInfo="cardInfo" :isShow="isShowPopup" @clickOverlay="clickOverlay" @cancle="jumpToCardList()" @confirm="confirm"></CardPopup> -->
     <Loading v-show="showLoading" />
+    <div>
+      <span data-clipboard-action="copy" class="cobyOrderSn" :data-clipboard-text="this.project.cardKey" @click="copyLink"></span>
+    </div>
   </div>
 </template>
 <script>
@@ -352,15 +355,28 @@ export default {
   methods: {
     ...mapActions(["setUserInfo"]),
 
+    // 复制卡密
+    copyLink() {
+      console.log('in copyLink');
+      let _this = this;
+      let clipboard = new this.clipboard(".cobyOrderSn");
+      clipboard.on('success', function () {
+        Toast("复制成功")
+      });
+      clipboard.on('error', function () {
+        Toast("复制失败")
+      });
+    },
+
     // 打开兑换码弹框
     gotoExchange() {
 
     },
 
-    // 调用支付页面
-    gotoBuy() {
+    // // 调用支付页面
+    // gotoBuy() {
 
-    },
+    // },
 
     // 查询教培项目广告位配置信息
     getAdvertInfoList() {
@@ -533,7 +549,7 @@ export default {
       // let pageUrl = this.project.examBtnUrl;
       // 直接传入项目ID(projectId)
       let projectId = this.project.projectId;
-
+      let pageUrl = getWebPageUrl(`/cme/#/coop?id=${projectId}&cmeProjectId=${projectId}`);
       let paramList = [
         {
           key: "className",
@@ -548,8 +564,8 @@ export default {
           seqNo: 1
         },
         {
-          key: "courseUrl",
-          // value: encodeURIComponent(pageUrl),
+          // key: "courseUrl",
+          value: encodeURIComponent(pageUrl),
           value: projectId,
           type: 4,
           seqNo: 1