静态页面

<!DOCTYPE html>

<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta name="description" content="微时代:微时代微时代微时代" />
<meta name="keywords" content="微时代、微时代、微时代" />
<title>微时代-center--我的明细</title>

<script src="//libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write(unescape('%3Cscript src="/js/base/jquery-1.11.1.min.js"%3E%3C/script%3E'));
//!window.jQuery && document.write(unescape('%3Cscript src="/js/base/jquery-ui-1.10.3.custom.min.js"%3E%3C/script%3E'));
</script>
<link rel="stylesheet" href="/static/css/jmy-pc/pagination.css">
<link rel="stylesheet" href="/static/css/jmy-pc/iconfont.css">
<link rel="stylesheet" href="/static/share/share.css">
<link rel="stylesheet" href="/static/css/commonality/commona.css">
<link rel="stylesheet" href="/static/css/vip/personalPlate.css">
<link rel="stylesheet" href="/static/css/vip/personalSecurity.css">
<link rel="stylesheet" href="/static/css/vip/personalSecurity-phone-mail.css">
<link rel="stylesheet" href="/static/css/vip/personal-address.css">
<link rel="stylesheet" href="/static/css/vip/personal-passenger.css">
<script src="/js/dllbase/full7818.js?v=0.1"></script>
<script src="/js/dllbase/detailed78.js"></script>
<script type="text/javascript" src="/static/js/jmy-pc/pagination.js"></script>
<script src="/static/js/jmy-pc/distpicker.js"></script>

</head>
<body class="fixed-sidebar full-height-layout gray-bg pace-done">

<div class="app app-header-fixed " id="main78"></div>


<script>
$(function () {
// 页面初始化一些数据
var page,
option = {
system: 'memberCenter' // 当前微服务
, templateName: 'personal_my_details_basic' // 静态 html 名字
, m: 'getIndex' // 调用api的方法
, load : false
, suffix: '_basic' // 服务名后缀 view_****
, dataName: 'vip' // 默认是传 data 给后台，如果是其他的需求就修改这里，不是就不用改
, data: '' // 请求api的接口参数
, active: $.getUrlParam("active")
}
;

// 静态页+模板 id，下面这两个一般不用改动
option['templateUrl'] = '/template/' + option.system + '/' + option.templateName + '.html #waitload';
option['init'] = pageInit; // 页面初始化之后

// 页面初始化
page = new Detailed78(option, cb);

// 页面初始化回调
function cb(data) {
var Http = client.staticUrl;

}

// 页面初始化的交互在这里面写
function pageInit() {

//头尾事件
page.publicHeaderVIP();
page.publicFooter();

if (isLogin == false) {
window.location.href = '/member/login.html';
}
//充值明细
function recharge() {
//查询后台
page.getData({
url: "api7817/settlement/tab_recharge_stream",
m: "getBan"
, getstart: 0
, getnumber: 8
, cb: function (data) {
showTable1(data);
}
});
}
//提现明细
function withdraw() {
//查询后台
page.getData({
url: "api7817/settlement/tab_put_forward_stream",
m: "getBan"
, getstart: 0
, getnumber: 8
, cb: function (data) {
showTable2(data);
}
});
}
//返利明细
function rebate() {
//查询后台
page.getData({
url: "api7817/settlement/tab_rebate_detail",
m: "getBan"
, getstart: 0
, getnumber: 8
, cb: function (data) {
showTable3(data);
}
});
}

//充值明细
function showTable1(data) {
if (data.length > 0) {
//加载表格
$('#table1').html("<tr><th>编号</th><th>订单编号</th><th>支付单号</th><th>支付类型</th><th>充值金额</th><th>支付时间</th></tr >");
//遍历表格
for (var i = 0; i < data.length; i++) {
var tr = "<tr><td>" + i + "</td><td>" + data[i].order_number + "</td><td>" + data[i].payment_number + "</td><td>" + data[i].payment_type + "</td><td>" + data[i].recharge_money + "</td><td>" + data[i].payment_time + "</td></tr>";
$('#table1').append(tr);
}
} else {
$('#table1').html("<tr><th>暂时没有数据</th></tr >");
}
}
//提现明细
function showTable2(data) {
if (data.length > 0) {
//加载表格
$('#table2').html("<tr><th>编号</th><th>提现类型</th><th>提现金额</th><th>提现账户</th><th>创客手机号</th></tr >");
//遍历表格
for (var i = 0; i < data.length; i++) {
var tr = "<tr><td>" + i + "</td><td>" + data[i].put_type + "</td><td>" + data[i].put_money + "</td><td>" + data[i].put_account + "</td><td>" + data[i].put_member_id + "</td></tr>";
$('#table2').append(tr);
}
} else {
$('#table2').html("<tr><th>暂时没有数据</th></tr >");
}
}
//返利明细
function showTable3(data) {
if (data.length > 0) {
//加载表格
$('#table3').html("<tr><th>编号</th><th>会员手ID</th><th>返利金额</th><th>返利类型</th><th>返利时间</th></tr >");
//遍历表格
for (var i = 0; i < data.length; i++) {
var tr = "<tr><td>" + i + "</td><td>" + data[i].member_id + "</td><td>" + data[i].rebate_money + "</td><td>" + data[i].rebate_type + "</td><td>" + data[i].rebate_time + "</td></tr>";
$('#table3').append(tr);
}
} else {
$('#table3').html("<tr><th>暂时没有数据</th></tr >");
}
}

clic();
//点击进入默认展示充值明细
recharge();
function clic() {
// 点击的时候切换相应的数据的信息以及我的钱包和相应的积分的数据的渲染
$('.my-title a').click(function () {
$(this).addClass('active').siblings().removeClass('active');
var index = $(this).index();
$(".my-title_panel>ul").eq(index).show().siblings().hide();
$('.integral-frame_panel>div').eq(index).show().siblings().hide();
if ($(this).html() == '充值明细') {
recharge();
} else if ($(this).html() == '提现明细') {
withdraw();
} else if ($(this).html() == '返利明细') {
rebate();
}
})
}

//获取相应URL的参数传参,展示相应选项卡的切换
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return decodeURI(r[2]);
return null;
}
var display_active = GetQueryString("active");
if(display_active=='active'){
$('.my-title>a:eq(1)').addClass('active').siblings().removeClass('active');
var index = $(this).index();
$(".my-title_panel>ul").eq(index).show().siblings().hide();
$('.integral-frame_panel>div').eq(index).show().siblings().hide();
}

$(function () {

var oSwitch = true; //成功跳转时关闭侧边栏点击
var oStepNum = null;//步骤
var oStepLi = null;

//center切换
var tabIndex = null;

$('.personal-left ul li').click(function (e) {
if (oSwitch) {
tabIndex = $(e.target).index()
$(e.target).addClass('personal-active').siblings('li').removeClass('personal-active');
$(".personal-right>div").eq(tabIndex).show().siblings("div").hide();


if ($(e.target).hasClass("security-box")) {
$(".security-index").show()
$(".my-right-active").hide()
$(".my-right-active input").val("")
oStepNum = 0
$(".display-box").children("ul").hide()
$(".security-error").hide()
}
}
})

var oSwitch = true; //成功跳转时关闭侧边栏点击
var oStepNum = null;//步骤
var oStepLi = null;

})

}
});
</script>

</body>
</html>

猜你喜欢