index.js

var dayNum = 0;
var flag = true;
var flag2 = true;
var interval = null;
var bonds = 0;
$(function() {
	$.ajaxSetup({
		global: false,
		type: 'post',
		dataType: "JSON",
		data: {
			os: 'WEB',
			cid: 'web_gw',
			lang: 2,
			uid: url_get_params().uid,
			token: url_get_params().token
		}
	})

	getData();


	receiveList();
})

//获取当前天
function getData() {
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hall_1/list',
		data: {
			type: 'stage'
		},
		success: function(res) {
			if(res.code == -1 || res.code == -3){
				layer.msg(res.msg);
				return;
			}
			getTime();
			userInfo(res.data);
			getBtnState(res.data);
			dayNum = res.data;
			for(var i = 0; i < $('.dayCon .swiper-slide').length; i++) {
				if(i == res.data - 1) {
					$('.dayCon .swiper-slide').eq(i).addClass('day1');
				} else if(i > res.data - 1) {
					$('.dayCon .swiper-slide').eq(i).addClass('day2');
				} else {
					$('.dayCon .swiper-slide').eq(i).addClass('day0');
				}
			}
			$('.dayCon .swiper-slide').show();
			var swiperIndex = res.data - 1;
			if(res.day > 4) swiperIndex = res.data - 4;
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'horizontal',
				slidesPerView: 4.3,
				resistanceRatio: 0,
				initialSlide: 0,
				spaceBetween: '1%',
				initialSlide: swiperIndex,
			});
		}
	})
}

//切換
function dayChange(day) {
	if(day > dayNum) return;
	$('.swiper-slide').removeClass('day1').eq(day - 1).addClass('day1');
	getBtnState(day);
	userInfo(day);
}

//获取倒计时时间
function getTime() {
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hall_1/list',
		data: {
			type: 'time',
		},
		success: function(res) {
			clearInterval(interval);
			var now = new Date().getTime();
			var end = res.data;
			var result = Math.floor(end - now) / 1000;
			var seconds = Math.floor(result % 60); // 计算秒 ，取余  
			var minites = Math.floor((result / 60) % 60); //计算分 ，换算有多少分，取余，余出多少秒
			var hours = Math.floor((result / 3600) % 24); //计算小时，换算有多少小时，取余，24小时制除以24，余出多少小时
			var str = '';
			str += '<span>' + add0(hours) + '</span><span>' + add0(minites) + '</span><span>' + add0(seconds) + '</span>';
			$('.mTime').html(str);
			interval = setInterval(function() {
				if(result > 1) {
					result = result - 1;
					seconds = Math.floor(result % 60); // 计算秒 ，取余  
					minites = Math.floor((result / 60) % 60); //计算分 ，换算有多少分，取余，余出多少秒
					hours = Math.floor((result / 3600) % 24); //计算小时，换算有多少小时，取余，24小时制除以24，余出多少小时
					str = '';
					str += '<span>' + add0(hours) + '</span><span>' + add0(minites) + '</span><span>' + add0(seconds) + '</span>';
					$('.mTime').html(str);
				} else {
					clearInterval(interval);
					window.window.location.reload();
				}
			}, 1000)
		}
	})
}

//時間加0
function add0(m) {
	return m < 10 ? '0' + m + "" : m + ""
}

//用户直播信息
function userInfo(day) {
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hall_1/list',
		data: {
			type: 'timeInfo',
			day: day
		},
		success: function(res) {
			getBoxScore(res);
			bonds = res.get_bonds;
			getExchangeStauts();
			//直播螢火
			var hours =  Math.floor(res.time_limit / 60)+Number(((res.time_limit-Math.floor(res.time_limit / 60)*60)/60).toFixed(2));
			$('.hour').html(hours+'小時');

			$('.fires').html(res.bonds_limit+'螢火');
			
			//我的直播时长
			$('.myHourBox .progressText').html(res.data.dscore + '/'+hours);
			$('.myBoxFires .progressText').html(res.data.dval + '/'+res.bonds_limit);
			
			
			var $width1 = 0;
			var dscore = res.data.dscore > hours ? hours : res.data.dscore;
			$width1 = (dscore / hours) * 4.973;
			$('.myHourBox .cont').css('width', $width1 + 'rem');

			var $width2 = 0;
			var dval = res.data.dval > res.bonds_limit ? res.bonds_limit : res.data.dval;
			$width2 = (dval / res.bonds_limit) * 4.973;
			$('.myBoxFires .cont').css('width', $width2 + 'rem');

			//用戶頭像

			var str = '';
			str += '<a href="http://yazhai://_' + res.data.uid + '_zone">';
			str += ' <img src="' + cdn + res.data.faceimg + '?x-oss-process=image/resize,w_72" />';
			str += '</a>';
			str += '<span class="myBoxName ellipsis">' + res.data.nick + '</span>'
			$('.myInfo').html(str);
		}
	})
}

//领取积分状态
function getBtnState(day) {
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hall_1/list',
		data: {
			type: 'status',
			day: day
		},
		success: function(res) {
			$('.receivePoint').removeAttr('onclick');
			if(res.data == -1) {
				$('.receivePoint').removeClass('check').html('不能領取');
			} else if(res.data == 1) {
				$('.receivePoint').addClass('check').html('領取積分').attr('onclick', 'receiveAward(' + day + ')');
			} else if(res.data == -3) {
				$('.receivePoint').removeClass('check').html('已經領取');
			}
		}
	})
}

//領取積分
function receiveAward(day) {
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hallAction_1/list',
		data: {
			type: 'receiveAward',
			day: day
		},
		success: function(res) {
			if(res.data == 1) {
				layer.msg('領取成功');
				getBtnState(day);
				getBoxScore();
				getExchangeStauts();
			} else if(res.data == -2) {
				layer.msg('不在活動時間內！');
			} else if(res.data == -1) {
				layer.msg('領取條件不足！');
			} else if(res.data == -3) {
				layer.msg('您已經領取過該獎勵了！');
			} else if(res.data == -4) {
				layer.msg('當前賬號無法領取！')
			} else {
				layer.msg(res.msg);
			}
		}
	})
}

//獲取賬戶積分
function getBoxScore(data) {
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hall_1/list',
		data: {
			type: 'timeScore'
		},
		success: function(res) {
			$('.userInter').html('賬戶積分:<font>' + res.data + '</font>');
			$('.interBoxNum p:eq(0)').html(data.value_one);
			$('.interBoxDesc p:eq(0)').html('累積積分達到'+data.value_one);
			$('.interBoxNum p:eq(1)').html(data.value_two);
			$('.interBoxDesc p:eq(1)').html('累積積分達到'+data.value_two);
			$('.interBoxNum p:eq(2)').html(data.value_three);
			$('.interBoxDesc p:eq(2)').html('累積積分達到'+data.value_three);
			var str = '';
			var $width = 0;
			if(res.data < data.value_one) {
				$width = (res.data / data.value_one) * 1.1;
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/1h.png" class="interBox interBox1" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/2h.png" class="interBox interBox2" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/3h.png" class="interBox interBox3" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>';
				str += '<div class="interBoxJdt2"></div>';
			} else if(res.data < data.value_two) {
				$width = 1.1 + ((res.data - data.value_one) / (data.value_two-data.value_one)) * 1.9;
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/1.png" class="interBox interBox1" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/2h.png" class="interBox interBox2" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/3h.png" class="interBox interBox3" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>';
				str += '<div class="interBoxJdt2"></div>';
			} else if(res.data < data.value_three) {
				$width = 3 + ((res.data - data.value_two) / (data.value_three-data.value_two)) * 1.94;
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/1.png" class="interBox interBox1" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/2.png" class="interBox interBox2" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/3h.png" class="interBox interBox3" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>';
				str += '<div class="interBoxJdt2"></div>';
			} else {
				$width = 5.24;
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/1.png" class="interBox interBox1" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/2.png" class="interBox interBox2" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/3.png" class="interBox interBox3" />';
				str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>';
				str += '<div class="interBoxJdt2"></div>';
			}

			$('.interBoxTant').html(str);
			$('.interBoxJdt2').css('height', $width + 'rem');
		}
	})
}

//獲取領取螢火按鈕狀態
function getExchangeStauts() {
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hall_1/list',
		data: {
			type: 'exchangeStauts'
		},
		success: function(res) {
			var status = res.data;
			var str = '';
			var boxId = [2, 4, 6];
			for(var i = 0; i < status.length; i++) {
				if(status[i] == 0) {
					str += '<div class="interBoxBtn interBoxBtn' + (i + 1) + ' check">領取'+bonds+'螢火</div>';
				} else if(status[i] == 1) {
					str += '<div class="interBoxBtn interBoxBtn' + (i + 1) + '" onclick=exchangeFire(' + boxId[i] + ','+bonds+')>領取'+bonds+'螢火</div>';
				} else if(status[i] == -1) {
					str += '<div class="interBoxBtn interBoxBtn' + (i + 1) + ' check">已領取'+bonds+'螢火</div>';
				}
				$('.interBoxConBtn').html(str);
			}
		}
	})
}

//領取螢火
function exchangeFire(num,bonds) {
	if(!flag2)return;
	flag2 = false;
	$.ajax({
		url: _url + '/active202001/LiveGasStation/hallAction_1/list',
		data: {
			type: 'exchangeFire',
			day: num
		},
		success: function(res) {
			
			if(res.data == 1) {
				layer.msg('成功領取'+bonds+'螢火！');
				getExchangeStauts();
			} else if(res.data == -1) {
				layer.msg('未到達領取要求！');
			} else if(res.data == -2) {
				layer.msg('您已經領取了此寶箱！');
			}
			flag2 = true;
		},
		error:function(){
			flag2 = true;
		}
	})
}

//領取獎勵列表
function receiveList() {
	$.ajax({
			url: _url + '/active202001/LiveGasStation/hall_1/list',
			data: {
				type: 'receiveList'
			},
			success: function(res) {
					var str = '';
					var page = 5;
					var rank = res.data;
				
					if(rank.length > 0) {
						if(rank.length > 5) {
							$('.mListBottom .more').removeClass('hide');
						} else {
							$('.mListBottom .more').addClass('hide');
						}
						for(var i = 0; i < 5; i++) {
							if(rank[i] != undefined) {
								str += strList(rank[i]);
							}
						}
						$('.mListCenter').html(str);
						
						$('.mListBottom .more').unbind('click');
						$('.mListBottom .more').on('click', function() {
							if(rank.length >= page) {
								var strM = '';
									for(var i = page; i < page + 5; i++) {
											if(rank[i]!=undefined){
												strM += strList(rank[i]);
											}
									}
								$('.mListCenter').append(strM);
								page += 5;
								if(page >= rank.length) {
									$('.mListBottom .more').addClass('hide');
								}
							}
						})
					} else {
						$('.mListCenter').html('<p class="notData">暫無記錄</p>');
					}
				}
			})
	}

	function strList(data) {
		var str = '';
		if(data.uid!=17000){
		    str += '<div class="mListDetail">';
    		str += '	<a href="http://yazhai://_' + data.uid + '_zone">';
    		str += '		<img src="' + cdn + data.faceimg + '?x-oss-process=image/resize,w_72"/>';
    		str += '	</a>';
    		str += '	<span class="mListDetailName ellipsis">' + data.nick + '</span>';
    		str += '	<span class="mListDetailNum ellipsis">已領取積分：<font>' + data.score + '</font></span>';
    		str += '</div>';
		}

		return str;
	}

	//获取url参数
	function url_get_params() {
		var url = location.href;
		var theRequest = new Object();
		if(url.indexOf("?") != -1) {
			var str = url.substr(url.indexOf("?") + 1);
			strs = str.split("&");
			for(var i = 0; i < strs.length; i++) {
				theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
			}
		}
		return theRequest;
	}