活动主页打卡防止多次快速的点击

pages/activityPage.vue

@@ -237,6 +237,7 @@
     data () {
       return {
         canClick: true,       // 课程、smo防止连续点击
+        canClockClick: true,  // 打卡防止多次点击
         hospital: '',         // 加入机构审核中 显示的机构名称
         awardModalShow: false, // 根据排名是否显示中奖弹窗
         showAwadModal: true, // 根据活动时间是否展示中奖弹层以及查看昨日榜单逻辑
@@ -383,7 +384,7 @@
         vm.clockSuccessVisible = false;
       },
       returnScoreAwardTips() {
-        // let award = '';
+        let award = '';
         if( vm.doctorInfo ) {
           // 16号之前或者30号之后  提示：不在活动期间内
           let msecSixteen = new Date('2019/12/16 00:00:00').getTime();
@@ -859,35 +860,42 @@
           if( vm.isClockFinish ){  // 已打卡，不执行，未打卡，去调用打卡接口
             // 已打卡，不处理
           }else{ // 未打卡，去打卡
-            vm.$sendBuriedData({
-              component_tag: `302#302010`
-            });
-            let params = {
-              activityId: item.activityId,
-              taskId: item.id,
-            };
-
-            setTimeout(() => {
-              if(!vm.clockSuccessVisible){
-                vm.$toast({
-                  duration: 3000, // 持续展示 toast
-                  forbidClick: true,
-                  message: '网络错误，请检查网络'
-                });
-              }
-            }, 15000)
-            goToUpdateClock(params).then(res => {
-              if(res && res.code == '000000'){
-                if(res.data){  // 打卡成功
-                  vm.clockSuccessVisible = true;
-                  vm.isClockFinish = true;
-                }else{ 
-                  vm.$toast(res.message);
+            if(vm.canClockClick){
+              vm.$sendBuriedData({
+                component_tag: `302#302010`
+              });
+              let params = {
+                activityId: item.activityId,
+                taskId: item.id,
+              };
+  
+              setTimeout(() => {
+                if(!vm.clockSuccessVisible){
+                  vm.$toast({
+                    duration: 3000, // 持续展示 toast
+                    forbidClick: true,
+                    message: '网络错误，请检查网络'
+                  });
                 }
-              }else{
-                vm.$toast('打卡发生错误，请重新进入活动，再次尝试打卡');
-              }
-            })
+              }, 15000)
+              goToUpdateClock(params).then(res => {
+                if(res && res.code == '000000'){
+                  if(res.data){  // 打卡成功
+                    vm.clockSuccessVisible = true;
+                    vm.isClockFinish = true;
+                  }else{ 
+                    vm.$toast(res.message);
+                  }
+                }else{
+                  vm.$toast('打卡发生错误，请重新进入活动，再次尝试打卡');
+                }
+              })
+              vm.canClockClick = false;
+            }
+            setTimeout(() => {
+              vm.canClockClick = true;
+            }, 1000)
+
           }
         }else{  // 非打卡，直接走积木tims跳转逻辑
           // alert('去课程或者患者招募 。。。。。。')