<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta content="telephone=no" name="format-detection">
  <meta name="wap-font-scale" content="no">
  <title></title>
  <link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
  <link rel="stylesheet" href="../layer-v3.1.0/layer.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="css/index.css?v=202010211440">
  <script type="text/javascript" src="../js/fsize.js"></script>
	<style type="text/css">
		.mDetailInfo2 p:nth-child(3){
			color:#333;
		}
	</style>
	</head>
	<body>
		<div class="main">
			<div class="mHead">
				<span class="mHeadTitle ellipsis"></span>
				<span class="mHeadChange" data-type="2"><font></font><font></font></span>
			</div>
			<div class="mChange hide">
				<p data-type="1"></p>
				<p data-type="2"></p>
				<p data-type="3"></p>
				<p data-type="4"></p>
				<p data-type="5"></p>
				<p data-type=""></p>
			</div>
			<div class="mList"></div>
		</div>
	</body>
	<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
	<script src="../../../lib/langchange.js?v=202010211440"></script>
	<script type="text/javascript" src="js/common.js?v=202010211440"></script>
	<script src="js/iosSelect.js"></script>
	<script type="text/javascript">
		$('title').html(langList[langType].income4);
		$('.mHeadTitle').html(langList[langType].income4+':'+'<font></font>');
		$(window).bind("scroll", function () {
    	if($(document).scrollTop() + $(window).height() > $(document).height() - 1  && next){
	        if(more == true){
	        		if($('.mHeadChange').attr('data-type')==''){	        			
	        			getData(mPage,$('.mHeadChange font:eq(0)').html());
	        		} else {
	        			getData(mPage);
	        		}
	        }
       }
	  })
			
		getData(mPage);
		getUserIncomeTotal(2);
		function getUserIncomeTotal(datatype,time){
			$.ajax({
				url:$ip+'/user/getUserIncomeTotal.html',
				data:{
					page:1,
					pageSize:50,
					type:2,
					date:time,
					dataType:datatype,
				},
				success:function(res){
					if(res.code == 1){
						$('.mHeadTitle font').html(res.total);
					} else {
						layer.msg(res.msg);
					}
				}
			})
		}
		function getData(page,time,type){
			$.ajax({
				url:$ip+'/user/getUserIncome.html',
				data:{
					page:page,
					pageSize:50,
					type:2,
					date:time,
					dataType:$('.mHeadChange').attr('data-type'),
				},
				success:function(res){
					if(res.code == 1){
					 if(type){
							$('.mList').empty();
							more = true;
							next = false;
							mPage = 1;
						}
						var log = res.data;
						var str = '';
						if(log.length>0){
							for(var i=0;i<log.length;i++){
								str += '<div class="mDetail">';
								if(log[i].face == '/user/boy.png' || log[i].face == 'user/giftl.png'){
									str += '	<img class="mDetailImg" src="https://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80" />';
								} else {									
									str += '	<img class="mDetailImg" src="'+cdn+log[i].face+'?x-oss-process=image/resize,w_80" />';
								}
								str += '	<div class="mDetailInfo">';
								str += '		<p class="ellipsis">'+langList[langType].income15+'</p>';
								str += '		<p class="ellipsis">'+langList[langType].income16+'</p>';
								str += '		<p class="ellipsis">'+getTime(log[i].createtime.time)+'</p>';
								str += '	</div>';
								str += '	<div class="mDetailInfo2">';
								str += '		<p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].bonds+'</p>';
								str += '		<p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].giftbonds+'</p>';
								str += '		<p class="ellipsis">'+langList[langType].income17+' '+getTime2(log[i].times)+'</p>';
								str += '	</div>';
								str += '</div>';
							}
						} else {
							if(mPage == 1){
								str += '<div class="notData">';
								str += '<img src="../img/no-record.png"/>';
								str += '<p>'+langList[langType].income14+'</p>';
								str += '</div>';
							}
						}
						$('.mList').append(str);
						mPage++;
						next = true;
						if(res.data[49]==undefined){
							more = false;
						}
					} else {
						layer.msg(res.msg);
					}
				}
			})
		}
		function getTime2(data){
			var time = data/1000;
			var second = Math.floor(time % 60);//秒
			var minute = Math.floor((time/60)%60) //分
			var str = '';
			if(second!=0&&minute!=0){
				str = minute + langList[langType].income18 + second + langList[langType].income19;
			}
			if(second==0){
				str = minute + langList[langType].income18;
			}
			if(minute==0){
				str = second + langList[langType].income19;
			}
			
			return str;
		}
	</script>
</html>