<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>用户管理-订单详情</title>
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<!--[if lt IE 9]>
|
<script src="js/html5shiv.js"></script>
|
<script src="js/respond.min.js"></script>
|
<![endif]-->
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<ol class="breadcrumb">
|
<li>
|
<a href="" class="curuser"></a>
|
</li>
|
<li class="active">订单详情</li>
|
</ol>
|
</div>
|
<div class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<tr>
|
<th width="20%">订单编号</th>
|
<th width="20%">订单类型</th>
|
<th width="20%">订单状态</th>
|
<th width="20%">付款时间</th>
|
<th width="20%">退款时间</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td width="20%" style="text-align:center; line-height:105px;">
|
<div class="dingdanId">
|
</div>
|
</td>
|
<td width="20%" style="text-align:center; line-height:105px;">
|
<div class="leixin">
|
</div>
|
</td>
|
<td width="20%" style="text-align:center; line-height:105px;">
|
<div class="zhuangtai">
|
</div>
|
</td>
|
<td width="20%" style="text-align:center; line-height:105px;">
|
<div class="createtime">
|
</div>
|
</td>
|
<td width="20%" style="text-align:center; line-height:105px;">
|
<div class="drawbacktime">
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="page">
|
<ul class="pagination">
|
<li class="disabled pre">
|
<a href="#">«</a>
|
</li>
|
<li>
|
<a href="#" class="next">»</a>
|
</li>
|
</ul>
|
<div class="form-group">
|
<div class="tzan">
|
<button type="button" class="btn btn-primary">跳转</button>
|
</div>
|
<div class="tz">
|
<input class="form-control" type="text" id="customPage" placeholder="页数">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/page.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
|
<script>
|
var trHTML;
|
var key;
|
$(function(){
|
key = getArgsFromHref(location.href,"key");
|
var uname = getArgsFromHref(location.href,"uname");
|
$(".curuser").text(decodeURI(uname));
|
$(".curuser").attr("href","zijin-yonghu.html?uid="+key+"&uname="+uname);
|
var $tbody = $(".liebiao > .table > tbody");
|
trHTML = $tbody.html();
|
getOrderData(1);
|
});
|
</script>
|
<script>
|
|
|
function getOrderData(pageIndex) {
|
$.post("api/v1/user/getUserOrderList", { "pageIndex": pageIndex , "uid":key }, function(data) {
|
if(data.code == 0) {
|
setOrderData(data,pageIndex);
|
fillPage(data.data.pe, function(pageIndex) {
|
getOrderData(pageIndex);
|
});
|
}
|
}, 'json');
|
}
|
|
function setOrderData(data,pageIndex){
|
pageIndex = pageIndex - 1;
|
var $tbody = $(".liebiao > .table > tbody");
|
$(".liebiao tbody").empty();
|
var pageSize = data.data.pe.pageSize;
|
var totalCount = data.data.pe.totalCount;
|
var len = (pageSize < totalCount - (pageIndex * pageSize)) ? pageSize : totalCount - (pageIndex * pageSize);
|
len = (pageIndex * pageSize) + len;
|
var ii = pageIndex * pageSize;
|
for(var mm = 0; ii < len && ii < totalCount; ii++,mm++) {
|
var orderId = data.data.orderList[mm].orderId;
|
var orderType = data.data.orderList[mm].orderType;
|
if(orderType==1){
|
orderType="淘宝";
|
}else if(orderType==2){
|
orderType="京东";
|
}
|
|
var thirdState = data.data.orderList[mm].thirdState;
|
var drawbackTime = data.data.orderList[mm].drawbackTime;
|
var createtime = data.data.orderList[mm].thirdCreateTime;
|
|
$tbody.append(trHTML);
|
var $curTr = $tbody.find("tr").eq(mm);
|
$curTr.find(".dingdanId").text(orderId);
|
$curTr.find(".leixin").text(orderType);
|
$curTr.find(".zhuangtai").text(thirdState);
|
|
|
$curTr.find(".drawbackTime").text(getCommonTime(drawbackTime));
|
if(createtime != undefined) {
|
$curTr.find(".createtime").text(getCommonTime(createtime));
|
}
|
|
|
}
|
}
|
function getArgsFromHref(sHref, sArgName){
|
var args = sHref.split("?");
|
var retval = "";
|
|
if(args[0] == sHref) /*参数为空*/
|
{
|
return retval; /*无需做任何处理*/
|
}
|
var str = args[1];
|
args = str.split("&");
|
for(var i = 0; i < args.length; i ++)
|
{
|
str = args[i];
|
var arg = str.split("=");
|
if(arg.length <= 1) continue;
|
if(arg[0] == sArgName) retval = arg[1];
|
}
|
return retval;
|
}
|
|
function getCommonTime(timestamp) {
|
var newDate = new Date();
|
newDate.setTime(timestamp);
|
return newDate.getFullYear() + "-" + (newDate.getMonth() + 1) + "-" + (newDate.getDate()) + " " + newDate.getHours() + ":" + newDate.getMinutes();
|
}
|
</script>
|
</body>
|
|
</html>
|
