jdc_dkh_jxicustomer
Version:
JDC_dkh_jxicustomer ==== 产品经理：田宇，弥磊 设计：罗婷 交互：张钊
147 lines (146 loc) • 6.47 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/integral-record.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>
<li class="active">
<a href="#">员工积分记录</a>
</li>
</ul>
<div class="download"></div>
</div>
<div class="right fr">
<div class="search">
<div class="cond-item fl clearfix">
<span class="fl">统计时间：</span>
<input id="start-time" class="fl" type="text" />
<span class="hr fl"></span>
<input id="end-time" class="fl" type="text" />
</div>
<div class="cond-item fl clearfix">
<span class="fl">积分类型：</span>
<ul class="fl">
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<i></i>
</ul>
</div>
<input class="search-btn fr" id="search-btn" type="button" value="查询" />
</div>
<div class="table-wrap">
<table>
<thead>
<tr>
<td>操作时间</td>
<td>操作人</td>
<td>操作类型</td>
<td>积分类型</td>
<td>积分数</td>
<td>备注</td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr>
<td>2018/02/21 16:34:21</td>
<td>辉辉儿</td>
<td>充值</td>
<td>价值观</td>
<td>811.24</td>
<td></td>
<td>明细 导出 </td>
</tr>
<tr>
<td>2018/02/21 16:34:21</td>
<td>辉辉儿</td>
<td>充值</td>
<td>价值观</td>
<td>811.24</td>
<td></td>
<td>明细 导出 </td>
</tr>
<tr>
<td>2018/02/21 16:34:21</td>
<td>辉辉儿</td>
<td>充值</td>
<td>价值观</td>
<td>811.24</td>
<td></td>
<td>明细 导出 </td>
</tr>
<tr>
<td>2018/02/21 16:34:21</td>
<td>辉辉儿</td>
<td>充值</td>
<td>价值观</td>
<td>811.24</td>
<td></td>
<td>明细 导出 </td>
</tr>
<tr>
<td>2018/02/21 16:34:21</td>
<td>辉辉儿</td>
<td>充值</td>
<td>价值观</td>
<td>811.24</td>
<td></td>
<td>明细 导出 </td>
</tr>
<tr>
<td>2018/02/21 16:34:21</td>
<td>辉辉儿</td>
<td>充值</td>
<td>价值观</td>
<td>811.24</td>
<td></td>
<td>明细 导出 </td>
</tr>
</tbody>
</table>
</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>