<!DOCTYPE html>
<html lang="en">
<head>
    <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">
    <link rel="stylesheet" href="../../layer-v3.1.0/layer/theme/default/layer.css" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/newIndex.css?v=202104141601">
    <script src="lib/fsize.js"></script>
    <title></title>
</head>
<body>
	
	<div class="main">
		<div class="mTop">
			<span></span>
			<span></span>
			<span></span>
		</div>
		<div class="mList"></div>
	</div>
	
	
	<!--日期切換-->
	<div class="mask1 hide">
		<div class="mask1Top">
			<p data-type="2"></p>
			<p data-type="4"></p>
			<p data-type="5"></p>
			<p data-type=""></p>
		</div>
		<div class="mask1Bottom">取消</div>
	</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="../../layer-v3.1.0/layer/layer.js"></script>
<script src="../../js/time.js"></script>
<script src="../../lib/langchange.js?v=202104141601"></script>
<script>
		if(langType == 2){
			$('body').css('direction','rtl')
		}
		$('.mTop span').eq(0).html(langList[langType].income8+'<img src="images/bottom.png">');
		$('.mTop span').eq(1).html(langList[langType].news7);
		$('.mTop span').eq(2).html(langList[langType].news8+'<font></font><img src="images/sgem.png?v=202104141601"/>');
		
		$('.mask1Top p').eq(0).html(langList[langType].income8);
		$('.mask1Top p').eq(1).html(langList[langType].income10);
		$('.mask1Top p').eq(2).html(langList[langType].income11);
		$('.mask1Top p').eq(3).html(langList[langType].dew3);
		$('.mask1Bottom').html(langList[langType].dew24);
		
    var params = getRequest();
   
   sessionStorage.uid = params.uid;
   sessionStorage.token = params.token;

    var rType = 2;
  	more = true;
    next = false;
 		Mpage = 1;
    zero=true;
    money(Mpage,rType)
    function money(m,type) {
        $.ajax({
            url: $ip + '/data/gem/tradeList',
            type: "post",
            data: {
                dateType: type,
                uid: sessionStorage.uid,
                lang: sessionStorage.lang,
                page: m,
                pageSize: 15,
                cid: "web_gw",
                os: "WEB",
                token:sessionStorage.token
            },
            error: function (msg) {
                console.log('请求出错');
            },
            success: function (msg) {
                var data = JSON.parse(msg);
                console.log(data);
                var html = [];
                if(data.result.length!=0){
                    zero=false;
                    for (var i = 0; i < data.result.length; i++) {
                    	    html += '<div class="mDetail">';
                    	    html += '	<div class="mDetailTime">';
                    	    html += '		<p>' + data.result[i].times.substring(0,10) + '</p>';
                    	    html += '		<p>' + data.result[i].times.substring(11,19) + '</p>';
                    	    html += '	</div>';
                    	    html += '	<div class="mDetailDesc ellipsis">' + data.result[i].title + '</div>';
                    	    if(data.result[i].num.toString().indexOf('-')>-1){                    	    	
                    	    	html += '	<div class="mDetailNum ellipsis red">' + data.result[i].num + '</div>';
                    	    } else {
                    	    	html += '	<div class="mDetailNum ellipsis">+' + data.result[i].num + '</div>';
                    	    }
                    	    html += '</div>';
                    }
                }else if(data.result.length==0&&zero==true){
                        html+='<div style="text-align: center;padding-top: 2.5rem;">'
                        html+='<img style="width:2.013rem;" src="images/no-pay.png" alt="">'
                        html+='<p style="margin-top: 0.5rem;font-size: 0.45rem; color:#B3B3B3;">'+langList[langType].box1+'</p>'
                        html+='</div> '
                }


                $(".mList").append(html);
                Mpage++;
                next = true;
                if (data.result[14] == undefined) {
                    more = false;

                }
            }
        })
    }

    var end = 1;
    $(window).bind("scroll", function () {
        if ($(document).scrollTop() + $(window).height() > $(document).height() - 1 && end != 0 && next)// 接近底部100px
        {
            if (more == true) {
                money(Mpage,rType)
            }
        }
    });
		
		
		
		
		var maskFlag = true;
		
		$('.mTop span').eq(0).on('click',function(){
			if(!maskFlag)return;
			maskFlag = false;
				
			layer.open({
				type: 1,
				title: false,
				shadeClose: true,
				offset: 'b',
				anim: 2,
				shade: .2,
				area: ['10rem', ''],
				closeBtn: 0,
				content: $('.mask1'),
				end: function() {
					maskFlag = true;
				}
			})
		})
		
		$('.mask1Bottom').on('click',function(){
			layer.closeAll();
		})
		
		$('.mask1Top p').on('click',function(){
			$('.mList').empty();
			Mpage = 1;
			zero=true;
			more = true;
			next = false;
			
			$('.mTop span').eq(0).html($(this).html()+'<img src="images/bottom.png">');
			money(Mpage,$(this).attr('data-type'));
			layer.closeAll();
		})
</script>
</html>