387 lines
11 KiB
JavaScript
387 lines
11 KiB
JavaScript
// 指定全局变量
|
|
/*global checkVersion locateJudge EnvCheck tools erbanMask wx wxConfig VConsole androidJsObj initNav */
|
|
var info = {};
|
|
var browser = checkVersion();
|
|
var api = locateJudge();
|
|
var env = EnvCheck();
|
|
var totalPrice = 0;
|
|
var shareUrl = location.origin + '/activity';
|
|
var share = {
|
|
title: '',
|
|
link: shareUrl,
|
|
imgUrl: 'https://img.erbanyy.com/new-logo.png',
|
|
desc: ''
|
|
};
|
|
// eslint-disable-next-line
|
|
function getMessage(key, value) {
|
|
info[key] = value;
|
|
}
|
|
|
|
wx.ready(function() {
|
|
wx.onMenuShareTimeline({
|
|
title: share.title,
|
|
link: share.link,
|
|
imgUrl: share.imgUrl,
|
|
desc: share.desc
|
|
});
|
|
|
|
wx.onMenuShareAppMessage({
|
|
title: share.title,
|
|
desc: share.desc,
|
|
link: share.link,
|
|
imgUrl: share.imgUrl,
|
|
type: 'link',
|
|
dataUrl: ''
|
|
});
|
|
|
|
wx.onMenuShareQQ({
|
|
title: share.title,
|
|
desc: share.desc,
|
|
link: share.link,
|
|
imgUrl: share.imgUrl
|
|
});
|
|
});
|
|
|
|
erbanMask('activity-name', 'activity-name');
|
|
initNav({
|
|
type: 2,
|
|
data: {
|
|
msg: 'wewawa',
|
|
link: share.link,
|
|
title: share.title,
|
|
showUrl: share.link,
|
|
imgUrl: share.imgUrl,
|
|
desc: share.desc
|
|
}
|
|
});
|
|
|
|
browser.weixin && wxConfig();
|
|
|
|
$(function() {
|
|
if (env == 'test') {
|
|
new VConsole();
|
|
}
|
|
|
|
var main = {
|
|
init: function() {
|
|
this.getMsgFromDevice();
|
|
setTimeout(() => {
|
|
this.getData();
|
|
}, 100);
|
|
this.eventRegister();
|
|
},
|
|
getMsgFromDevice: function() {
|
|
if (browser.app) {
|
|
if (browser.ios) {
|
|
window.webkit.messageHandlers.getDeviceId.postMessage(null);
|
|
} else if (browser.android) {
|
|
if (androidJsObj && typeof androidJsObj === 'object') {
|
|
info.deviceId = window.androidJsObj.getDeviceId();
|
|
}
|
|
}
|
|
info.uid = tools.nativeUtils.getUid();
|
|
info.ticket = tools.nativeUtils.getTicket();
|
|
} else {
|
|
// info.uid = 906238;
|
|
info.uid = 906709;
|
|
info.deviceId = 'safhksafhksajhfs1kjahsfkjsf0000aaaaaaaacaa';
|
|
info.ticket = 'eyJhbGciOiJIUzI1NiJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MDYyMzgsInRpY2tldF9pZCI6IjdiZWQ2NzcwLWJmMjktNGRiYi04MzZmLTc0NzBmY2RiMDZjYSIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.ye2Zv8nyZkqiT_bIWq-50qcS6_SCWmRpBjxxLX7mQvs';
|
|
}
|
|
},
|
|
eventRegister: function() {
|
|
// 打开规则弹窗
|
|
$('.rule-btn').on('click', function() {
|
|
$('.rule-mask,.shade').fadeIn(300);
|
|
})
|
|
// 关闭购买弹窗
|
|
$('.buy-mask').on('click', '.close-btn', function() {
|
|
$('.buy-mask,.shade').fadeOut(300);
|
|
})
|
|
// 关闭规则弹窗
|
|
$('.rule-mask').on('click', '.cancel', function() {
|
|
$('.rule-mask,.shade').fadeOut(300);
|
|
})
|
|
// 关闭购买之后弹窗
|
|
$('.statusMask').on('click', '.cancel', function() {
|
|
$('.statusMask,.shade').fadeOut(300);
|
|
})
|
|
// 关闭弹窗
|
|
$('.shade').on('click', function() {
|
|
$('.rule-mask,.buy-mask,.statusMask,.shade').fadeOut(300);
|
|
})
|
|
// 监听input输入
|
|
$('.b-input').bind('input propertychange', function() {
|
|
var _this = $(this);
|
|
if (_this.val().length == 1) {
|
|
_this.val(_this.val().replace(/[^1-9]/gi, ''));
|
|
} else {
|
|
_this.val(_this.val().replace(/[\D]/gi, ''));
|
|
_this.val(parseInt(_this.val()));
|
|
}
|
|
if(_this.val() == '') {
|
|
totalPrice = 0;
|
|
$('.day').text(0);
|
|
_this.val(0)
|
|
}else{
|
|
if(_this.val() >= 100000000) {
|
|
_this.val(100000000)
|
|
}
|
|
totalPrice = parseInt(_this.val()) * parseInt(_this.attr('data-price'));
|
|
$('.day').text(_this.val());
|
|
}
|
|
$('.totalprice').html(totalPrice);
|
|
})
|
|
// 增加按钮
|
|
$('.add-btn').on('click', function() {
|
|
var val = parseInt($('.b-input').val());
|
|
var price = parseInt($('.b-input').attr('data-price'));
|
|
val = val + 1;
|
|
totalPrice = val * price;
|
|
$('.day').text(val);
|
|
$('.b-input').val(val);
|
|
$('.totalprice').html(totalPrice);
|
|
})
|
|
// 减少按钮
|
|
$('.remove-btn').on('click', function() {
|
|
var val = parseInt($('.b-input').val());
|
|
var price = parseInt($('.b-input').attr('data-price'));
|
|
if(val > 1) {
|
|
val = val - 1;
|
|
}else{
|
|
val = 1;
|
|
}
|
|
totalPrice = val * price;
|
|
$('.day').text(val);
|
|
$('.b-input').val(val);
|
|
$('.totalprice').html(totalPrice);
|
|
})
|
|
// 购买确认
|
|
$('.confirm-btn').on('click', function() {
|
|
var packNum = $('.b-input').val();
|
|
var packId = $(this).attr('data-pid');
|
|
if(packNum == 0) {
|
|
ajaxTip('最少购买一个哦~');
|
|
return;
|
|
}else{
|
|
$.ajax({
|
|
headers: {
|
|
pub_ticket: info.ticket
|
|
},
|
|
type: 'POST',
|
|
url: api + '/activity/pack/buy',
|
|
data: {
|
|
uid: info.uid,
|
|
ticket: info.ticket,
|
|
packId: packId,
|
|
packNum: packNum
|
|
},
|
|
success: function(res) {
|
|
if(res) {
|
|
if (res.code == 200) { // 购买成功
|
|
$('.buy-mask').hide().siblings('.statusMask').fadeIn(300);
|
|
$('.success').show();
|
|
$('.fail').hide();
|
|
$('.statusMask .tip').html('获赠门票×' + res.data);
|
|
renderTicket();
|
|
} else if (res.code == 2103) { // 余额不足
|
|
$('.buy-mask').hide().siblings('.statusMask').fadeIn(300);
|
|
$('.buy-mask,.success').hide();
|
|
$('.fail').show();
|
|
$('.statusMask .tip').html('亲，余额不足~');
|
|
if (browser.ios) {
|
|
$('.android').hide();
|
|
} else if (browser.android) {
|
|
$('.ios').hide();
|
|
}
|
|
} else {
|
|
ajaxTip(res.message);
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
})
|
|
// 充值跳转
|
|
$('.recharge').on('click', function() {
|
|
if (browser.ios) {
|
|
$('.statusMask,.shade').fadeOut(300);
|
|
} else {
|
|
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE');
|
|
}
|
|
})
|
|
},
|
|
getData: function() {
|
|
renderTicket();
|
|
renderGift();
|
|
}
|
|
};
|
|
main.init();
|
|
});
|
|
|
|
// 渲染底部tab
|
|
function renderTicket() {
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: api + '/activities/draw/queryTicketNum',
|
|
data: {
|
|
uid: info.uid
|
|
},
|
|
success: function(res) {
|
|
if(res.code === 200) {
|
|
if (res.data.nick.length > 10) {
|
|
res.data.nick = res.data.nick.substring(0, 10) + '...'
|
|
}
|
|
$('.mine').find('.avatar img').attr('src', res.data.avatar)
|
|
$('.mine').find('.nick').html(res.data.nick)
|
|
$('.mine').find('.score').html(res.data.num)
|
|
}else{
|
|
ajaxTip(res.message);
|
|
return;
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
// 渲染礼包信息
|
|
function renderGift() {
|
|
$.ajax({
|
|
headers: {
|
|
pub_ticket: info.ticket
|
|
},
|
|
type: 'POST',
|
|
url: api + '/activities/draw/getPackList',
|
|
data: {
|
|
uid: info.uid,
|
|
ticket: info.ticket
|
|
},
|
|
success: function(res) {
|
|
if (res.code == 200) {
|
|
var html = '';
|
|
var num = '';
|
|
res.data.forEach(function(item, index) {
|
|
if(item.sellingPrice == 200) {
|
|
num = '7-10'
|
|
}else if(item.sellingPrice == 1000) {
|
|
num = '30-50'
|
|
}else if(item.sellingPrice == 2000) {
|
|
num = '70-100'
|
|
}else if(item.sellingPrice == 10000) {
|
|
num = '300-500'
|
|
}
|
|
// 新增的档位20000，赠送600-1000门票，添加日期2020-12-08
|
|
else if(item.sellingPrice == 20000) {
|
|
num = '600-1000'
|
|
}
|
|
html += '<li data-id="' + item.id + '">' +
|
|
'<h3 class="h-title">限定装扮' + NoToChinese(index + 1) + '</h3>' +
|
|
'<div class="gift-img"><img src="' + item.imgUrl + '" alt=""></div>' +
|
|
'<div class="gift-text">' +
|
|
'<p>' + item.name + '</p>' +
|
|
'<p><span class="price" data-money="' + item.sellingPrice + '">' + item.sellingPrice + '</span>金币/天</p>' +
|
|
'<p>' + item.originalPrice + '金币/天</p>' +
|
|
'<p>随机赠送门票' + num + '张</p>' +
|
|
'</div>' +
|
|
'<div class="buy-btn gray" data-gid="' + item.id + '"></div>' +
|
|
'</li>'
|
|
})
|
|
$('.cloth-box').html(html);
|
|
renderBuyStatus();
|
|
// 购买弹窗
|
|
$('.cloth-box').on('click', '.buy-btn', function() {
|
|
var packId = $(this).attr('data-gid');
|
|
var name = $(this).siblings('.gift-text').find('p:first').text();
|
|
var sellingPrice = $(this).siblings('.gift-text').find('.price').attr('data-money');
|
|
$('.buy-mask .day').text(1);
|
|
$('.buy-mask .b-input').val(1);
|
|
$('.buy-mask .giftName').html(name);
|
|
$('.buy-mask .totalprice').html(sellingPrice);
|
|
$('.buy-mask .confirm-btn').attr('data-pid', packId);
|
|
$('.buy-mask .b-input').attr('data-price', sellingPrice);
|
|
$('.shade,.buy-mask').fadeIn(300);
|
|
})
|
|
}else{
|
|
ajaxTip(res.message);
|
|
return;
|
|
}
|
|
}
|
|
})
|
|
}
|
|
// 渲染购买状态
|
|
function renderBuyStatus() {
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: api + '/activities/draw/getDate',
|
|
data: {},
|
|
success: function(res) {
|
|
if(res.code == 200) {
|
|
var date = new Date().getTime();
|
|
var start = (browser.ios) ? res.data.start : res.data.start;
|
|
var end = (browser.ios) ? res.data.end : res.data.end;
|
|
if (start < date && date < end) {
|
|
$('.buy-btn').removeClass('gray').prop('disabled', false);
|
|
} else {
|
|
$('.buy-btn').removeClass().addClass('buy-btn gray').prop('disabled', true);
|
|
}
|
|
}else{
|
|
ajaxTip(res.message);
|
|
return;
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
// 封装提示信息
|
|
function ajaxTip(callText) {
|
|
var thisBody = document.getElementsByTagName('body')[0];
|
|
var Div = document.createElement('div');
|
|
var text = "<p class='ajaxtiptext'>" + callText + '</p>'
|
|
Div.setAttribute('class', 'ajaxtiplayer');
|
|
Div.innerHTML = text;
|
|
Div.style.display = 'block';
|
|
thisBody.appendChild(Div);
|
|
setTimeout(function() {
|
|
thisBody.removeChild(Div);
|
|
}, 2000);
|
|
}
|
|
|
|
// 将数字转为中文数字
|
|
function NoToChinese(num) {
|
|
if (!/^\d*(\.\d*)?$/.test(num)) {
|
|
alert('Number is wrong!');
|
|
return 'Number is wrong!';
|
|
}
|
|
// eslint-disable-next-line no-array-constructor
|
|
var AA = new Array('零', '一', '二', '三', '四', '五', '六', '七', '八', '九');
|
|
// eslint-disable-next-line no-array-constructor
|
|
var BB = new Array('', '十', '百', '千', '万', '亿', '点', '');
|
|
var a = ('' + num).replace(/(^0*)/g, '').split('.');
|
|
var k = 0;
|
|
var re = '';
|
|
for (var i = a[0].length - 1; i >= 0; i--) {
|
|
switch (k) {
|
|
case 0:
|
|
re = BB[7] + re;
|
|
break;
|
|
case 4:
|
|
if (!new RegExp('0{4}\\d{' + (a[0].length - i - 1) + '}$').test(a[0])) { re = BB[4] + re; }
|
|
break;
|
|
case 8:
|
|
re = BB[5] + re;
|
|
BB[7] = BB[5];
|
|
k = 0;
|
|
break;
|
|
}
|
|
if (k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0) re = AA[0] + re;
|
|
if (a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k % 4] + re;
|
|
k++;
|
|
}
|
|
if (a.length > 1) {
|
|
re += BB[6];
|
|
// eslint-disable-next-line no-redeclare
|
|
for (var i = 0; i < a[1].length; i++) re += AA[a[1].charAt(i)];
|
|
}
|
|
return re;
|
|
}
|
|
|