jdc_dkh_jxicustomer
Version:
JDC_dkh_jxicustomer ==== 产品经理：田宇，弥磊 设计：罗婷 交互：张钊
149 lines (147 loc) • 6.96 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content="" />
<title></title>
<link rel="stylesheet" type="text/css" href="//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/1.0.0/ui-base.css" media="all" />
<link rel="stylesheet" type="text/css" href="../css/order-center.css" />
<script type="text/javascript" src="http://misc.360buyimg.com/virtuals/popui/2.1.6/??js/lib/jquery-1.11.3.js,js/lib/seajs.js"></script>
</head>
<body>
{%widget name="header"%}
<div class="content wrapper clearfix">
<div class="left fl">
<ul>
<li class="active">
<a href="#">积分商城</a>
</li>
<li class="active">
<a href="#">福利</a>
</li>
</ul>
<div class="download"></div>
</div>
<div class="right">
<div class="search">
<div class="cond-item fl clearfix">
<span class="fl">订单编号：</span>
<input id="order-id" class="fl" type="text" placeholder="请输入订单号" />
</div>
<div class="cond-item fl clearfix">
<span class="fl">订单状态：</span>
<ul class="fl status-list">
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<i></i>
</ul>
</div>
<div class="cond-item fl clearfix">
<span class="fl">下单人：</span>
<input id="search-content" class="fl search-content" type="text" placeholder="部门/ID/姓名/手机号/邮箱" />
</div>
<div class="cond-item fl clearfix">
<span class="fl">统计时间：</span>
<input id="start-time" class="fl time" type="text" />
<span class="hr fl"></span>
<input id="end-time" class="fl time" type="text" />
</div>
<input class="search-btn fl" id="search-btn" type="button" value="搜索" />
<input class="search-btn fl" id="reset-btn" type="button" value="重置" />
<input class="search-btn fl" id="export-btn" type="button" value="导出" />
</div>
<div class="table-box">
<div class="table-wrap">
<table>
<thead>
<tr>
<td>活动编号</td>
<td>订单号</td>
<td>下单时间</td>
<td>下单人</td>
<td>部门</td>
<td>商品信息</td>
<td>支付方式</td>
<td>收货人</td>
<td>订单状态</td>
<td>订单金额</td>
<td>消耗礼券</td>
</tr>
</thead>
<tbody>
<tr>
<td>123456</td>
<td>12374132498</td>
<td>2018-05-12</td>
<td>苗某人</td>
<td>设计部</td>
<td class="sku">
<ul>
<li class="clearfix">
<img class="fl" src="http://placeholder.qiniudn.com/70x70/baf7d0/52fa8e" />
<p class="fl">得力(deli)A4彩色文件夹(长押夹+ 板夹) 办公资料夹 草绿色5049</p>
<span class="fr">x1</span>
</li>
</ul>
</td>
<td>公司转账</td>
<td>某某</td>
<td>等待付款</td>
<td>¥9.00</td>
<td>¥9.00</td>
</tr>
<tr>
<td>123456</td>
<td>12374132498</td>
<td>2018-05-12</td>
<td>苗某人</td>
<td>设计部</td>
<td class="sku">
<ul>
<li class="clearfix">
<img class="fl" src="http://placeholder.qiniudn.com/70x70/baf7d0/52fa8e" />
<p class="fl">得力(deli)A4彩色文件夹(长押夹+ 板夹) 办公资料夹 草绿色5049</p>
<span class="fr">x1</span>
</li>
</ul>
</td>
<td>公司转账</td>
<td>某某</td>
<td>等待付款</td>
<td>¥9.00</td>
<td>¥9.00</td>
</tr>
</tbody>
</table>
</div>
</div>
{%widget name="link"%}
</div>
</div>
<script>
seajs.use(['//misc.360buyimg.com/virtuals/popui/2.1.6/js/pagination/pagination'], function() {
$("#pagination").pagination({
total: 2000,
pageSize: 10, // 每页显示的条目数
currentPage: 0,
viewSize: 5, // 连续分页主体部分显示的分页条目数
edgeSize: 1, // 与起点的间隔
prevText: '<', // “上一页”分页按钮上显示的文字
nextText: '>', // “下一页”分页按钮上显示的文字
linkTo: 'javascript:;', // 分页的链接,默认是"#"
ellipseText: '...', // 省略的页数用什么文字表示,默认是"..."
callback: function(index, el) {
console.log(index);
console.log(el);
state.page = index + 1;
showOrder.getOrder();
}
});
})
</script>
</body>
</html>