jdc_dkh_jxicustomer
Version:
JDC_dkh_jxicustomer ==== 产品经理：田宇，弥磊 设计：罗婷 交互：张钊
121 lines (120 loc) • 5.67 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-detail.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">
{%widget name="bread"%}
<div class="search clearfix">
<div class="search-input fl clearfix">
<input id="search-content" class="fl search-content" type="text" placeholder="部门/ID/姓名/手机号/邮箱" />
<input class="search-btn fl" type="button" />
</div>
<input class="export fr" id="export" type="button" value="导出" />
<p class="fr mes">张三 2018-07-05 共分配积分：<span>245,217.80</span></p>
</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>