fe / yohobuywap-node · Commits

Go to a project

Authored by 张丽霞
Commit 61978d8f9511ce76403a27e66d2521a343f10ab8 1 parent 059ef159

分享领券模板

Inline Side-by-side
Showing 4 changed files with 47 additions and 32 deletions
... ... @@ -12,6 +12,7 @@ const getPageInfo = (pageInfo) => {
var dest = {};
dest.code = pageInfo.code;
dest.activityID = pageInfo.id;
dest.title = pageInfo.data.h5Title;
dest.activityDesc = pageInfo.data.activityDesc;
dest.couponPic = pageInfo.data.couponPic;
... ...
... ... @@ -9,6 +9,7 @@
<p class="hidden" id="activityEnded">{{ended}}</p>
<p class="hidden" id="newUser">{{newUser}}</p>
<p class="hidden" id="tipMessage">{{message}}</p>
<p class="hidden" id="activityID">{{activityID}}</p>
<div class="page">
<div class="gain-coupon-centent hidden">
<div class="coupon">
... ...
... ... @@ -5,7 +5,8 @@ var $ = require('yoho-jquery'),
orderCode = $('#orderCode').html(),
oldUserCouponPic = $('#oldUserCouponPic').html(),
newUserCouponPic = $('#newUserCouponPic').html(),
tipMessage = $('#tipMessage').html();
tipMessage = $('#tipMessage').html(),
activityID = $('#activityID').html();
$('#phone').bind('input propertychange', function() {
if ($(this).val().length === 11) {
... ... @@ -47,11 +48,11 @@ $('.input-content').on('click', '.verification-code', function() {
reg = /[0-9]{11}/;
if (!reg.test(phone)) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">手机号错误，请重新输入。<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
}, 1400);
return;
... ... @@ -65,6 +66,12 @@ $('.input-content').on('click', '.verification-code', function() {
dataType: 'json',
success: function(data) {
if (data.result.code === 200) {
if (window._yas) {
window._yas.sendCustomInfo({
activityID: activityID,
returnCode: data.result.returnCode
}, false);
}
if (!data.result.newUser) {
$('.gain-coupon-centent .coupon img').attr('src', oldUserCouponPic);
} else {
... ... @@ -76,48 +83,48 @@ $('.input-content').on('click', '.verification-code', function() {
} else if (data.result.geted) {
$('.page .gain-coupon-centent').removeClass('hidden');
$('.page .coupon-centent').addClass('hidden');
$('#mobile').html('优惠券已发放至账户' + data.result.mobile);
$('#mobile').html('优惠券已放至' + data.result.mobile);
} else if (data.result.newUser) {
$('.coupon-centent .phone-input-content').addClass('hidden');
$('.coupon-centent .vertify-input-content').removeClass('hidden');
} else if (data.result.wrongNumb) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">手机号错误，请重新输入。<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
}, 1400);
return;
} else if (data.result.oldUserAskCouponOnceMore) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">您今天已经领过咯，速度去有货购潮流！<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
$('.page .gain-coupon-centent').removeClass('hidden');
$('.page .coupon-centent').addClass('hidden');
$('#mobile').html('优惠券已发放至账户' + data.result.mobile);
$('#mobile').html('优惠券已放至' + data.result.mobile);
}, 2500);
return;
}
} else {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">网络错误<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
}, 1400);
}
},
error: function(data) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">网络错误，稍后再试！<p>');
console.log(data);
}
... ... @@ -136,6 +143,12 @@ $('.input-content').on('click', '.get', function() {
dataType: 'json',
success: function(data) {
if (data.result.code === 200) {
if (window._yas) {
window._yas.sendCustomInfo({
activityID: activityID,
returnCode: data.result.returnCode
}, false);
}
if (!data.result.newUser) {
$('.gain-coupon-centent .coupon img').attr('src', oldUserCouponPic);
} else {
... ... @@ -153,31 +166,31 @@ $('.input-content').on('click', '.get', function() {
$('.coupon-centent .vertify-input-content').removeClass('hidden');
} else if (data.result.wrongNumb) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">手机号错误，请重新输入。<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
}, 1400);
return;
} else if (data.result.vertifyWrong) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">验证码错误，请重新输入。<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
}, 1400);
return;
} else if (data.result.oldUserAskCouponOnceMore) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">您今天已经领过咯，速度去有货购潮流！<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
$('.page .gain-coupon-centent').removeClass('hidden');
$('.page .coupon-centent').addClass('hidden');
... ... @@ -189,51 +202,51 @@ $('.input-content').on('click', '.get', function() {
// oldUserAskCouponOnceMore
} else {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">' + data.result.message + '<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
}, 1400);
}
},
error: function(data) {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">网络错误，稍后再试！<p>');
console.log(data);
}
});
} else {
$('#dialog').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
$('#dialog .content').html('<p class="phone-error">验证码错误，请重新输入。<p>');
setTimeout(function() {
$('.messages').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
}, 1400);
}
});
$('.close').on('click', function() {
$('.dialog').addClass('hidden');
$('.keep-out').addClass('hidden');
$('.mask').addClass('hidden');
$('#dialog .content').html(' ');
});
$('.coupon-description span').on('click', function() {
$('#message').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
});
$('.description').on('click', function() {
$('#message').removeClass('hidden');
$('.keep-out').removeClass('hidden');
$('.mask').removeClass('hidden');
});
$('.input-content').on('click', '.get', function() {
if (window._yas) {
window._yas.sendCustomInfo({
receiveCoupon: 'Y'
activityID: activityID
}, true);
}
});
... ...
... ... @@ -101,9 +101,9 @@
.clear-input {
position: absolute;
padding: 10px;
top: 25px;
top: 0.4rem;
right: 50px;
font-size: 18px;
font-size: 28px;
color: #666;
z-index: 1;
}
... ... @@ -160,7 +160,6 @@
background: #444;
color: #fff;
text-align: center;
font-size: 28px;
border-radius: 4px;
}
... ... @@ -178,6 +177,7 @@
a {
color: #fff;
font-size: 28px;
}
}
... ... @@ -188,8 +188,7 @@
background: #fff;
border-radius: 0.6rem;
left: 8%;
top: 45%;
margin-top: -7rem;
top: 235px;
z-index: 2;
}
... ... @@ -270,6 +269,7 @@
.messages p {
line-height: 4rem;
font-size: 24px;
}
.tip-wrap {
... ...