<!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">
<title>購買記錄</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/fsize.js"></script>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script src="js/moment.js"></script>
</head>
<body>
<ul class="list">
<!-- <li class="item">
<div class="left">
<img class="gem" src="img/gem.png" alt="">
<span class="num">100</span>
</div>
<div class="right">
<p class="notice">購買一個月會員</p>
<p class="time">2018-04-28 12:08:54</p>
</div>
</li>
<li class="item">
<div class="left">
<img class="gem" src="img/gem.png" alt="">
<span class="num">360</span>
</div>
<div class="right">
<p class="notice">購買一個月會員</p>
<p class="time">2018-04-28 12:08:54</p>
</div>
</li>
<li class="item">
<div class="left">
<img class="gem" src="img/gem.png" alt="">
<span class="num">360</span>
</div>
<div class="right">
<p class="notice">購買一個月會員</p>
<p class="time">2018-04-28 12:08:54</p>
</div>
</li>
<li class="clearfix"></li> -->
<!--<div style="text-align: center;padding-top: 2.5rem;">-->
<!--<img style="width:3.09rem;height:3.42rem;" src="img/no-pay.png" alt="">-->
<!--<p style="margin-top: 0.5rem;font-size: 0.45rem; color:#B3B3B3;">暫時沒有消費記錄</p>-->
<!--</div>-->
</ul>
</body>
<script type="text/javascript">
more = true;
next = false;
$ip = "https://webserver.yabolive.net";
var bbb = location.href;
var data = url_get_params(bbb)
// sessionStorage.kkk = data.ttt; //t
sessionStorage.bbb = data.uid; //u
// sessionStorage.ttt=data.istest;
sessionStorage.kkk=data.method;
if(data.method==undefined){
sessionStorage.kkk=data.token;
}
function url_get_params(url_path) {
var url = url_path;
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;
}
Mpage = 1
money(Mpage)
function money(m) {
$.ajax({
url: $ip + '/vip/getbuylog.html',
type: "POST",
data: {
uid: sessionStorage.bbb,
lang: 2,
page: m,
cid: "web_gw",
pageSize: 15,
os: "WEB",
token:sessionStorage.kkk
},
error: function (msg) {
console.log('请求出错');
},
success: function (msg) {
var data = JSON.parse(msg);
// console.log(moment(data.logInfo[0].openTime).format('YYYY-MM-Do HH:mm:ss'))
// if (data.result == undefined || data.result == '' || data.result.length == 0) {
// window.location.href = "no-record.html";
// }
console.log(data);
var html = [];
if(data.logInfo.length!=0){
for (var i = 0; i < data.logInfo.length; i++) {
html += '<li class="item">'
html += '<div class="left">'
html += '<img class="gem" src="img/gem.png" alt="">'
html += '<span class="num">' + data.logInfo[i].payAmount + '</span>'
html += '</div>'
html += '<div class="right">'
html += '<p class="notice">' + data.logInfo[i].textDescription + '</p>'
html += '<p class="time">' +moment(data.logInfo[i].openTime).format('YYYY-MM-DD HH:mm:ss')+ '</p>'
html += '</div>'
html += '<div class="clearfix"></div>'
html += '</li>'
}
}
if (Mpage == 1) {
if (data.logInfo.length==0){
html+='<div style="text-align: center;padding-top: 2.5rem;">'
html+='<img style="width:3.09rem;height:3.42rem;" src="img/no-pay.png" alt="">'
html+='<p style="margin-top: 0.5rem;font-size: 0.45rem; color:#B3B3B3;">暫時沒有購買記錄</p>'
html+='</div> '
}
}
$(".list").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)
}
}
});
</script>
</html>