跟团游 优惠页面修改

css/GT_activities.css

@@ -171,6 +171,6 @@ p{
     margin-left: 5%;
 }
 .box_title_2 p{
-    font-size: 0.20rem;
+    font-size: 0.26rem;
     color: #FFFFFF;
 }

html/GT_activities.html

@@ -94,7 +94,8 @@
     <script type="text/javascript" src="../js/layer/layer.js"></script>
 
     <script>
-    let href = 'http://activity.oytour.com/html/Appmd/draw.html?customerId=1549&accountId=1182&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE1NzE5NzA5MDUuMCwiZXhwIjoxNTc0NTYyOTA1LjAsInVzZXJJbmZvIjp7InVpZCI6IjExODIiLCJyZXF1ZXN0RnJvbSI6M319.vlAcXCx4C_0KOmfLm4cLRxU28gTHmuMK6jgJtwjsSPM&secretKey=5d5e16254bd741c486fe2b83b42171d2';
+    // let href = 'http://activity.oytour.com/html/Appmd/draw.html?customerId=1549&accountId=1182&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE1NzE5NzA5MDUuMCwiZXhwIjoxNTc0NTYyOTA1LjAsInVzZXJJbmZvIjp7InVpZCI6IjExODIiLCJyZXF1ZXN0RnJvbSI6M319.vlAcXCx4C_0KOmfLm4cLRxU28gTHmuMK6jgJtwjsSPM&secretKey=5d5e16254bd741c486fe2b83b42171d2';
+    let href = window.location.href;
     let param = href.split('?')[1].split("&") ? href.split('?')[1].split("&") : null;
 
     let token = param[2].split('=')[1];
@@ -107,6 +108,8 @@
 
     var end = '';
     localStorage.userInfo = JSON.stringify(userInfo)
+
+
     $.ajax({
         type: "POST",
         url: `${getApiUrl().urlJava}api/appActivity/getUserPurchaseTime`,
@@ -115,15 +118,18 @@
         async: false,
         success: function (res) {
             if (res.resultCode === 1) {
+
                 let num = res.data.repertory ; //优惠券总共数量
                 // let num = 1; //优惠券总共数量
+                $('.box_title_2 p').html(res.data.redemptionPrice +'元抢购');
+
                 $('.explain p').html('使用说明'+ '<br/>' + res.data.instructions );
 
-                $('.dataStatistics').dataStatistics({max:num,min:num,len:3,add:true}); //刚进入页面不执行动画
+                $('.dataStatistics').dataStatistics({max:num,min:num,len:3,add:true,price:res.data.redemptionPrice}); //刚进入页面不执行动画
 
 
-                let activityStartDate = new Date(res.data.activityStartDate).getTime(); //活动开始时间
-                let activityEndDate = new Date(res.data.activityEndDate).getTime();  //活动结束时间
+                let activityStartDate = new Date(res.data.activityStartDate.replace('T',' ').replace(/-/g,'/')).getTime(); //活动开始时间
+                let activityEndDate = new Date(res.data.activityEndDate.replace('T',' ').replace(/-/g,'/')).getTime();  //活动结束时间
 
                 // let activityEndDate = new Date('2019-11-05T17:39:00').getTime();  //活动结束时间
                 // let activityStartDate = new Date('2019-11-06T10:37:10').getTime();
@@ -161,7 +167,8 @@
                     $('.img_btn').css("background-color", "#CCCCCC");
 
                 }else{ // 到了抢购的时间显示距离结束时间的倒计时
-                    end = res.data.activityEndDate;
+
+                    end = res.data.activityEndDate.replace('T',' ').replace(/-/g,'/');
                     if(num > 0){
                         $('#t1').html('结束倒计时：')
                         if(res.data.count != 0 ){
@@ -253,7 +260,7 @@
         var second = parseInt(plus / 1000) - parseInt(plus / 1000 / 60) * 60;
 
         // 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
-        day = checkTime(day);
+        // day = checkTime(day);
         hour = checkTime(hour);
         minute = checkTime(minute);
         second = checkTime(second);
@@ -270,6 +277,9 @@
             var id = setInterval(setTimer, 1000);
         }
 
+
+
+
     </script>
 </body>
 

js/jquery.dataStatistics.js

@@ -5,7 +5,7 @@ $.fn.dataStatistics = function(options){
 	        min  : 0, //最大数字
 	        time : 60000,  //时长
 	        len:6, //数字是几位数
-			add:false
+			price:0, //金额
 	    },options || {});
 
 	    var ths = this;//解决this指向问题
@@ -145,10 +145,10 @@ $.fn.dataStatistics = function(options){
 								run(num)
 							}
 							if(nownumber == 0 ){
-								Activityendtime = res.data.expirationDate;
+								Activityendtime = res.data.expirationDate.replace('T',' ').replace(/-/g,'/');
 							}
-							let activityStartDate = new Date(res.data.activityStartDate).getTime();
-							let activityEndDate = new Date(res.data.activityEndDate).getTime();
+							let activityStartDate = new Date(res.data.activityStartDate.replace('T',' ').replace(/-/g,'/')).getTime();
+							let activityEndDate = new Date(res.data.activityEndDate.replace('T',' ').replace(/-/g,'/')).getTime();
 
 
 							let nowDate = new Date().getTime();
@@ -206,6 +206,7 @@ $.fn.dataStatistics = function(options){
 	$('.img_btn').click(function () {
 		if($('.img_btn p').css('color')=='rgb(224, 50, 52)'){  //判断按钮是否可以点击
 			if( $('.img_btn p').text() != '活动结束' ||  $('.img_btn p').text() != '去使用'){  //判断是可以抢购
+				window.postMessage(JSON.stringify({'action' : 'showHud', 'message' : '抢购中...'}));
 				$.ajax({
 					type: "POST",
 					url: `${getApiUrl().urlJava}api/appActivity/PanicBuyingCoupon`,
@@ -213,23 +214,39 @@ $.fn.dataStatistics = function(options){
 					data: getJavaA({}, token),
 					async: false,
 					success: function (res) {
+						window.postMessage(JSON.stringify({'action' : 'dismissHud'}));
 						if (res.resultCode === 1) {
-							layer.msg(res.message)
-							$('.img_btn p').html('去使用')
-							$(".received_img").attr("src","../images/received@3x.png");
 
+							window.postMessage(JSON.stringify({'action' : 'showToast', 'message' : res.message}));
 							var  timer3 = setInterval(()=>{ //1,需要timer2的定时器走完了 才走timer3的定时器
 
 								nownumber = nownumber -1;
 								run(1)
 								clearInterval(timer3) //2,执行动画之后清除timer3
 							},difference*1000)
+							let title = $('.box_title_2 p').html();
+
+							let data = {
+
+								'action' : 'jump', // showToast->一个提示信息 showHud->一个黑色的loading
+								'page' : 'payment',
+								'pageData' : {
+									'lineId' : 324,
+									'title':'title',
+									'price':options.price,
+									'backKey':'reload'
+								}
+							}
+							window.postMessage(JSON.stringify(data));
+
 						}else {
 							layer.msg(res.message)
 							window.location.reload()
 						}
 					},
 					error: function (res) {
+						window.postMessage(JSON.stringify({'action' : 'dismissHud'}));
+
 						layer.msg(res.message)
 					}
 				});