function parseQueryString(url) {
    var urlObj = {};
    var reg = /([^?=&]+)=([^?=&]+)/g;
    url.replace(reg, ($0, $1, $2) => {
        urlObj[$1] = decodeURIComponent($2);
    })
    return urlObj;
}
/**
 * [showMsg 提示各种错误信息,3s后消失]
	 <div class="alert-info" style="display: none;">
	    <p></p>
	</div>
 */

function showMsg(msg) {
    var msgBox = $('.alert-info');
    msgBox.children('p').text(msg);
    msgBox.show();

    setTimeout(function() {
        msgBox.hide();
    }, 3000);
}


var time = Date.parse(new Date()).toString().substr(0,10);
var timeFlag = '';
var user_id = '';
var messageHtml = '';
var qs = parseQueryString(window.location.href);
$().ready(function () {
	if(qs.userId){
		user_id = qs.userId;
		getPersonalDivideInfo(time)
	}else{
		showMsg('获取用户信息失败')
	}
	 $(window).scroll(function(){
        var scrollTop = $(this).scrollTop();  //scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置
        var scrollHeight = $(document).height(); //整个文档的高度
        var windowHeight = $(this).height(); //当前可见区域的大小
        if(scrollTop + windowHeight == scrollHeight){
            getPersonalDivideInfo(time)
        }
    })
})
function getPersonalDivideInfo (t) {
	if(timeFlag == t){
		return;
	}
	$.ajax({
		type:"post",
		url:"/api/V2/getPersonalDivideInfo",
		dataType:'json',
		data:{
			user_id:user_id,
			number:20,
			time: t
		},
		success:function (res) {
			console.log(res)
			if(res && res.code == 0){
				var html = '';
				var content_03_html = '';//账单列表Html
				if(messageHtml != ''){
					messageHtml = Object.assign(messageHtml,res.res.message);
				}else{
					messageHtml = res.res.message;//消息列表
				}
				timeFlag = t;
				time = Object.keys(messageHtml)[(Object.keys(messageHtml).length-1)] - 86400;//列表最后一项的时间减去86400
				for(var key in messageHtml){
					var oneHtml = '';
					var data_time = '';//时间
					var arr = messageHtml[key][0].created_at.split(' ')[0].split('-');
					data_time += arr[0] + '年' + arr[1] + '月' + arr[2] +'日';
					messageHtml[key].forEach(function (item, index) {
						if(item.sign == 0){
							//sign 0：表示失败 1：表示正常无标记 2：表示成功
							oneHtml += `<p class="liActive">
											<i class="fail_icon"></i>
											<span>${item.message}</span>
										</p>`;
						}else if(item.sign == 1){
							oneHtml += `<p>${item.message}</p>`;
						}else if(item.sign == 2){
							oneHtml += `<p class="liActive">
											<i class="success_icon"></i>
											<span>${item.message}</span>
										</p>`;
						}
					})
					content_03_html += `<li>${oneHtml}<p>${data_time}</p></li>`;
				}
				html += `<!--我的战绩-->
						<div class="content_01">
							<div class="title">我的战绩</div>
							<ul>
								<li>
									<h3>${res.res.input}</h3>
									<span>累计投入(元)</span>
								</li>
								<li>
									<h3>${res.res.bonus}</h3>
									<span>累计奖金(元)</span>
								</li>
								<li>
									<h3>${res.res.day}</h3>
									<span>成功记账(天)</span>
								</li>
							</ul>
						</div>
						<p class="content_02">每日活动奖金将于次日上午9 点左右确认并发放至钱包中</p>
						<!--账单列表-->
						<div class="content_03">
							<ul>${content_03_html}</ul>
						</div>`
				$("#content").html(html)
			}
		}
	});
}