代码修改后的版本，全部提交
This commit is contained in:
ss001
339
Mtxfw.VipSite/mobile/zhuanhuan_log.html
Normal file
339
Mtxfw.VipSite/mobile/zhuanhuan_log.html
Normal file
@@ -0,0 +1,339 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>划转记录</title>
|
||||
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
||||
<script type="text/javascript" src="/scripts/jquery-2.0.2.min.js"></script>
|
||||
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
|
||||
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
|
||||
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
||||
<script type="text/javascript" src="/layer/layer.js"></script>
|
||||
<script type="text/javascript" src="/Scripts/long.js"></script>
|
||||
<script type="text/javascript" src="/script/moment.js"></script>
|
||||
<script type="text/javascript" src="/script/api.js"></script>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.mybalance-item {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.mybalance-item div {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.pullDown {
|
||||
position: absolute;
|
||||
top: -1.25rem;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pullUp {
|
||||
position: absolute;
|
||||
bottom: -1.25rem;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
var userId = null;
|
||||
var LoginId = null;
|
||||
var CartId = null;
|
||||
var opentimes = null;
|
||||
var t = 0;
|
||||
var title = "余额划转兑换积分记录";
|
||||
var addtime = "";
|
||||
var myScroll = null;
|
||||
var pullDown = 1; // 下拉刷新避免多次执行
|
||||
var pullUp = 1; // 上拉加载避免多次执行
|
||||
var downHeight = 0;
|
||||
var upHeight = 0;
|
||||
var isload = true;//设置是否终止滚动加载
|
||||
var curScrollHeight = 0;//当前滚动位置
|
||||
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
||||
$(document).ready(function () {
|
||||
userId = getlocalStorage("userId");
|
||||
LoginId = getlocalStorage("LoginId");
|
||||
CartId = getlocalStorage("CartId");
|
||||
var tt = $.getUrlParam("t");
|
||||
if (tt != null) {
|
||||
t = tt;
|
||||
}
|
||||
if (t == 1) {
|
||||
title = "兑换积分划转余额记录";
|
||||
}
|
||||
if (t == 2) {
|
||||
title = "流量积分划转KSD记录";
|
||||
}
|
||||
if (t == 3) {
|
||||
title = "KSD划转流量积分记录";
|
||||
}
|
||||
$("header h1").html(title);
|
||||
$(document).attr("title", title);
|
||||
$("title").html(title);
|
||||
rdata(1);
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
function onScroll() {
|
||||
if (myScroll != null) {
|
||||
myScroll.destroy();
|
||||
myScroll = null;
|
||||
}
|
||||
myScroll = new IScroll('#wrapper', {
|
||||
probeType: 2,
|
||||
fadeScrollbars: false
|
||||
});
|
||||
|
||||
|
||||
myScroll.on('scroll', function () {
|
||||
var y = myScroll.y;
|
||||
downHeight = $(".pullDown").height();
|
||||
upHeight = $(".pullUp").height();
|
||||
// 下拉加载
|
||||
if (y >= downHeight && pullDown) {
|
||||
$(".pullDown").addClass("refresh").html("松开刷新...");
|
||||
myScroll.minScrollY = downHeight;
|
||||
pullDown = 0;
|
||||
}
|
||||
if (y <= downHeight && y >= 0 && !pullDown) {
|
||||
$(".pullDown").removeClass("refresh").html("下拉刷新...");
|
||||
pullDown = 1;
|
||||
myScroll.minScrollY = 0;
|
||||
}
|
||||
|
||||
// 上拉刷新
|
||||
var maxHeight = myScroll.maxScrollY;
|
||||
if (y < (maxHeight - upHeight) && pullUp) {
|
||||
$(".pullUp").addClass("loading").html("松开加载...");
|
||||
myScroll.maxScrollY = maxHeight - upHeight;
|
||||
pullUp = 0;
|
||||
}
|
||||
if (y > maxHeight && y < (maxHeight + upHeight) && !pullUp) {
|
||||
$(".pullUp").removeClass("loading").html("上拉加载...");
|
||||
myScroll.maxScrollY = maxHeight + upHeight;
|
||||
pullUp = 1;
|
||||
}
|
||||
});
|
||||
|
||||
myScroll.on('scrollEnd', function () {
|
||||
if ($(".pullDown").hasClass("refresh")) {
|
||||
$(".pullDown").text("正在刷新...");
|
||||
opentimes = setTimeout(function () {
|
||||
clearInterval(opentimes);
|
||||
rdata(1);
|
||||
$(".pullDown").removeClass("refresh").html("下拉刷新...");
|
||||
pullDown = 1;
|
||||
myScroll.refresh();
|
||||
}, 2000);
|
||||
|
||||
}
|
||||
|
||||
if ($(".pullUp").hasClass("loading")) {
|
||||
$(".pullUp").text("正在加载...");
|
||||
opentimes = setTimeout(function () {
|
||||
clearInterval(opentimes);
|
||||
rdata(0);
|
||||
myScroll.refresh();
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
|
||||
myScroll.on('refresh', function () {
|
||||
$(".pullUp").removeClass("loading").html("上拉加载...");
|
||||
pullUp = 1;
|
||||
});
|
||||
}
|
||||
function onScroll0() {
|
||||
isload = true;//设置是否终止滚动加载
|
||||
curScrollHeight = 0;//当前滚动位置
|
||||
curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
||||
$("#wrapper").scroll(function () {
|
||||
var pageHeight = $("#sysnew").height();
|
||||
var showHeight = $("#wrapper").height();
|
||||
var scrollHeight = $("#wrapper").scrollTop();
|
||||
|
||||
if (curScrollHeight - scrollHeight < 10 && curScrollHeight > 0) {
|
||||
if (curCount == 1 && isload) {
|
||||
|
||||
rdata(0);
|
||||
}
|
||||
curCount++; //加载下一页后计数器+1
|
||||
}
|
||||
if (curScrollHeight < scrollHeight) {
|
||||
curScrollHeight = pageHeight - showHeight;//滚动到页面底部时，重设当前滚动位置
|
||||
curCount = 1;
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
function rdata(ag) {
|
||||
userId = getlocalStorage("userId");
|
||||
LoginId = getlocalStorage("LoginId");
|
||||
var Start = $("#sysnew .databox").length;
|
||||
if (ag == 1) {
|
||||
Start = 0;
|
||||
}
|
||||
if ($(".ajaxLoader.uhide").length > 0) {
|
||||
$(".ajaxLoader").removeClass("uhide");
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: "/apiajax.ashx",
|
||||
data: "&action=getzhuanhuanlist&ifweb=1&t=" + t + "&Start=" + Start + "&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
|
||||
dataType: "JSON",
|
||||
error: function (xhr, type) {
|
||||
tishi3("发生错误：" + JSON.stringify(xhr));
|
||||
},
|
||||
success: function (data) {
|
||||
|
||||
|
||||
if (data) {
|
||||
if (data.status == 1) {
|
||||
|
||||
var html = "";
|
||||
|
||||
if (data.data.length > 0) {
|
||||
var html = "";
|
||||
for (i = 0; i < data.data.length; i++) {
|
||||
var bifshow = 0;
|
||||
if (ag == 0) {
|
||||
if ($("#databox_" + data.data[i].id).length == 0) {
|
||||
bifshow = 1;
|
||||
}
|
||||
} else {
|
||||
bifshow = 1;
|
||||
}
|
||||
if (bifshow == 1) {
|
||||
|
||||
html += addMsg(data.data[i]);
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
if (ag == 1 || ag == 2) {
|
||||
$("#sysnew").html(html);
|
||||
if (ag == 1) {
|
||||
onScroll0();
|
||||
}
|
||||
} else {
|
||||
$("#sysnew").append(html);
|
||||
}
|
||||
$(".more_box").html("");
|
||||
} else {
|
||||
if (Start > 0) {
|
||||
if (Start > 10) {
|
||||
$(".more_box").html("亲！找不到更多了");
|
||||
}
|
||||
} else {
|
||||
$('#sysnew').html("");
|
||||
$(".more_box").html("亲，暂无信息！");
|
||||
}
|
||||
}
|
||||
$(".ajaxLoader").addClass("uhide");
|
||||
} else {
|
||||
|
||||
tishi3(data.msg);
|
||||
$(".ajaxLoader").addClass("uhide");
|
||||
if (data.msg == "您未登录") {
|
||||
//$api.rmStorage("userId");
|
||||
//$api.rmStorage("LoginId");
|
||||
}
|
||||
}
|
||||
} else {
|
||||
tishi3("网络错误！");
|
||||
$(".ajaxLoader").addClass("uhide");
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
function addMsg(param) {
|
||||
|
||||
var html = '<div class="mybalance-item databox" id="databox_' + param.id + '">';
|
||||
html += '<div class="Total">';
|
||||
html += '<div><span>划转数量：</span>' + param.b0 + '</div>';
|
||||
html += '<div class="right"><span>实际到账：</span>' + param.b2 + '</div>';
|
||||
|
||||
html += '</div>';
|
||||
html += '<div class="Total0">';
|
||||
html += '<div><span>时间：</span>' + param.addtime + '</div>';
|
||||
html += '<div class="right"><span></span>' + + '</div>';
|
||||
|
||||
html += '</div></div>';
|
||||
html += '<div class="clear"></div>';
|
||||
return html;
|
||||
}
|
||||
function onqlq(id) {
|
||||
onlink("yydd_lqcp.html?id=" + id);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="wrap">
|
||||
<header>
|
||||
<div class="ub">
|
||||
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
|
||||
|
||||
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
||||
|
||||
|
||||
</div>
|
||||
<h1 class="ub-f1">
|
||||
兑换记录
|
||||
</h1>
|
||||
<div class="nav-btn blue" id="nav-right" style=" margin:0; padding:0; min-width:3em;">
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="ub-f1" id="wrapper">
|
||||
<div id="wrapper_content">
|
||||
<p class="pullDown">下拉刷新...</p>
|
||||
<div class="clear"></div>
|
||||
<div class="clear"></div>
|
||||
<div class="ub ub-ver" style="padding:0.8em;box-sizing:border-box;" id="sysnew"> </div>
|
||||
<div class="clear"></div>
|
||||
<div class="more_box"></div>
|
||||
<div class="clear"></div>
|
||||
<p class="pullUp">上拉加载...</p>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
||||
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user