|
|
|
@ -3,21 +3,68 @@
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
|
|
|
|
|
<title>我的订单</title>
|
|
|
|
|
<title>我的账单</title>
|
|
|
|
|
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
|
|
|
|
<link href="css/orders2.css" rel="stylesheet" type="text/css"/>
|
|
|
|
|
<link href="css/orders1.css" type="text/css"/>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
.tb960x90 {display:none!important;display:none}
|
|
|
|
|
</style>
|
|
|
|
|
<script type="text/javascript" src="js/jquery.min.js" ></script>
|
|
|
|
|
<!--<script type="text/javascript" src="js/jquery.min.js" ></script>-->
|
|
|
|
|
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function(){
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: "/order",
|
|
|
|
|
type: "post",
|
|
|
|
|
dataType: "json",
|
|
|
|
|
success: function(data){
|
|
|
|
|
// console.log(data);//查看从后台传值内容
|
|
|
|
|
/*这个方法里是ajax发送请求成功之后执行的代码*/
|
|
|
|
|
showData(data);//我们仅做数据展示
|
|
|
|
|
},
|
|
|
|
|
error: function(msg){
|
|
|
|
|
alert("ajax连接异常:"+msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
//展示数据
|
|
|
|
|
function showData(data) {
|
|
|
|
|
//var str = "";//定义用于拼接的字符串
|
|
|
|
|
$("#content").empty();
|
|
|
|
|
for (var i = 0; i <data.length; i++) {
|
|
|
|
|
var aud = data[i];
|
|
|
|
|
var str = "<div class=\"on_d\">\n" +
|
|
|
|
|
"\t\t<div class=\"sp_pr\">\n" +
|
|
|
|
|
"\t\t\t<img src=>\n" +
|
|
|
|
|
"\t\t\t<div class=\"text_p\">\n" +
|
|
|
|
|
"\t\t\t\t<p>\n" +
|
|
|
|
|
"\t\t\t\t\t"+aud.amount+"元<span>银行转账</span>\n" +
|
|
|
|
|
"\t\t\t\t</p>\n" +
|
|
|
|
|
"\t\t\t\t<span class=\"yue\">"+aud.productNum+"</span>\n" +
|
|
|
|
|
"\t\t\t\t<span class=\"yue\">"+aud.bankAccount+"</span>\n" +
|
|
|
|
|
"\t\t\t</div>\n" +
|
|
|
|
|
"\t\t\t<div class=\"button\">\n" +
|
|
|
|
|
"\t\t\t\t<p>\n" +
|
|
|
|
|
"\t\t\t\t\t<span>"+aud.checkNum+"</span>\n" +
|
|
|
|
|
"\t\t\t\t</p>\n" +
|
|
|
|
|
"\t\t\t\t<a href=\"#\" class=\"liji\">详情</a>\n" +
|
|
|
|
|
"\t\t\t</div>\n" +
|
|
|
|
|
"\t\t</div>\n" +
|
|
|
|
|
"\t</div>";
|
|
|
|
|
$("#content").append(str);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<!--top-->
|
|
|
|
|
<div class="top_c">
|
|
|
|
|
<a ></a>
|
|
|
|
|
<p class="titi">
|
|
|
|
|
我的订单
|
|
|
|
|
我的账单
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!--头部-->
|
|
|
|
@ -29,115 +76,115 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--列表-->
|
|
|
|
|
<div class="ding_d" id="orderlist">
|
|
|
|
|
<div class="on_d">
|
|
|
|
|
<div class="sp_pr">
|
|
|
|
|
<img src=>
|
|
|
|
|
<div class="text_p">
|
|
|
|
|
<p>
|
|
|
|
|
订单 <span>银行转入</span>
|
|
|
|
|
</p>
|
|
|
|
|
<span class="yue">信息</span>
|
|
|
|
|
<span class="yue">信息</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button">
|
|
|
|
|
<p>
|
|
|
|
|
<span>订单号</span>
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#" class="liji">详情</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="on_d">
|
|
|
|
|
<div class="sp_pr">
|
|
|
|
|
<img src=>
|
|
|
|
|
<div class="text_p">
|
|
|
|
|
<p>
|
|
|
|
|
订单 <span>银行转出</span>
|
|
|
|
|
</p>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button">
|
|
|
|
|
<p>
|
|
|
|
|
<span>123456</span>
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#" class="liji">详情</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="on_d">
|
|
|
|
|
<div class="sp_pr">
|
|
|
|
|
<img src=>
|
|
|
|
|
<div class="text_p">
|
|
|
|
|
<p>
|
|
|
|
|
订单 <span>银行转账</span>
|
|
|
|
|
</p>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button">
|
|
|
|
|
<p>
|
|
|
|
|
<span>123456</span>
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#" class="liji">详情</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="on_d">
|
|
|
|
|
<div class="sp_pr">
|
|
|
|
|
<img src=>
|
|
|
|
|
<div class="text_p">
|
|
|
|
|
<p>
|
|
|
|
|
订单 <span>银行转账</span>
|
|
|
|
|
</p>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button">
|
|
|
|
|
<p>
|
|
|
|
|
<span>123456</span>
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#" class="liji">详情</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="on_d">
|
|
|
|
|
<div class="sp_pr">
|
|
|
|
|
<img src=>
|
|
|
|
|
<div class="text_p">
|
|
|
|
|
<p>
|
|
|
|
|
订单 <span>银行转账</span>
|
|
|
|
|
</p>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button">
|
|
|
|
|
<p>
|
|
|
|
|
<span>123456</span>
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#" class="liji">详情</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="on_d">
|
|
|
|
|
<div class="sp_pr">
|
|
|
|
|
<img src=>
|
|
|
|
|
<div class="text_p">
|
|
|
|
|
<p>
|
|
|
|
|
订单 <span>银行转账</span>
|
|
|
|
|
</p>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
<span class="yue">123456</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button">
|
|
|
|
|
<p>
|
|
|
|
|
<span>123456</span>
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#" class="liji">详情</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ding_d" id="content">
|
|
|
|
|
<!--<div class="on_d">-->
|
|
|
|
|
<!--<div class="sp_pr">-->
|
|
|
|
|
<!--<img src=>-->
|
|
|
|
|
<!--<div class="text_p">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--订单 <span>银行转入</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<span class="yue">信息</span>-->
|
|
|
|
|
<!--<span class="yue">信息</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="button">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--<span>订单号</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<a href="#" class="liji">详情</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="on_d">-->
|
|
|
|
|
<!--<div class="sp_pr">-->
|
|
|
|
|
<!--<img src=>-->
|
|
|
|
|
<!--<div class="text_p">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--订单 <span>银行转出</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="button">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--<span>123456</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<a href="#" class="liji">详情</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="on_d">-->
|
|
|
|
|
<!--<div class="sp_pr">-->
|
|
|
|
|
<!--<img src=>-->
|
|
|
|
|
<!--<div class="text_p">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--订单 <span>银行转账</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="button">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--<span>123456</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<a href="#" class="liji">详情</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="on_d">-->
|
|
|
|
|
<!--<div class="sp_pr">-->
|
|
|
|
|
<!--<img src=>-->
|
|
|
|
|
<!--<div class="text_p">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--订单 <span>银行转账</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="button">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--<span>123456</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<a href="#" class="liji">详情</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="on_d">-->
|
|
|
|
|
<!--<div class="sp_pr">-->
|
|
|
|
|
<!--<img src=>-->
|
|
|
|
|
<!--<div class="text_p">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--订单 <span>银行转账</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="button">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--<span>123456</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<a href="#" class="liji">详情</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="on_d">-->
|
|
|
|
|
<!--<div class="sp_pr">-->
|
|
|
|
|
<!--<img src=>-->
|
|
|
|
|
<!--<div class="text_p">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--订单 <span>银行转账</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--<span class="yue">123456</span>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--<div class="button">-->
|
|
|
|
|
<!--<p>-->
|
|
|
|
|
<!--<span>123456</span>-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--<a href="#" class="liji">详情</a>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|