代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/style.css"/>
<link href="assets/css/codemirror.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ace.min.css"/>
<link rel="stylesheet" href="font/css/font-awesome.min.css"/>
<!--[if lte IE 8]>
<link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
<![endif]-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead-bs2.min.js"></script>
<script src="assets/js/jquery.dataTables.min.js"></script>
<script src="assets/js/jquery.dataTables.bootstrap.js"></script>
<script src="assets/layer/layer.js" type="text/javascript"></script>
<script src="assets/laydate/laydate.js" type="text/javascript"></script>
<script src="js/lrtk.js" type="text/javascript"></script>
<title>详细</title>
</head>
<body>
<div class="margin clearfix">
<div class="Account_style">
<!--账户基本信息-->
<div class="Manager_style clearfix">
<span class="title_name">账户基本信息</span>
<div class="Account_Balance">
<h4>账户余额(￥)</h4>
<h2>32345.67</h2>
<h6>2016-7-21</h6>
</div>
<ul class="Account_info">
<li><label class="label_name">账户名（用户名）：</label><span class="content">化海天堂</span></li>
<li><label class="label_name">用户注册时间：</label><span class="content">2016-3-12</span></li>
<li><label class="label_name">账户开通时间：</label><span class="content">2016-4-12</span></li>
<li><label class="label_name">账户状态：</label><span class="content">启用</span></li>
</ul>
</div>
<!--记录-->
<div class="recording_style">
<div id="recording">
<div class="hd">
<ul>
<li>充值记录</li>
<li>消费记录</li>
</ul>
</div>
<div class="bd">
<ul class="">
<div class="Records"><span>共345条记录</span></div>
<table class="table table-striped table-bordered table-hover" id="sample-table">
<thead>
<tr>
<th width=""><label><input type="checkbox" class="ace"><span class="lbl"></span></label>
</th>
<th width="">充值序号</th>
<th width="">充值金额</th>
<th width="">充值方式</th>
<th width="">充值时间</th>
<th width="">状态</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值成功</td>
<td></td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-7-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>100.00</td>
<td>支付宝</td>
<td>2016-4-21</td>
<td>充值成功</td>
<td></td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>5667675756756</td>
<td>200.00</td>
<td>支付宝</td>
<td>2016-4-21</td>
<td>充值失败</td>
<td>充值发生异常，无法完成充值。</td>
</tr>
</tbody>
</table>
</ul>
<ul class="">
<div class="Records"><span>共345条记录</span></div>
<table class="table table-striped table-bordered table-hover" id="sconsumption-table">
<thead>
<tr>
<th width=""><label><input type="checkbox" class="ace"><span class="lbl"></span></label>
</th>
<th width="">订单编号</th>
<th width="">订单名称</th>
<th width="">商品数量</th>
<th width="">消费金额</th>
<th width="">消费时间</th>
<th width="">状态</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>手机数码消费</td>
<td>3</td>
<td>231.90</td>
<td>2016-7-21</td>
<td>成功</td>
<td></td>
</tr>
<tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>4546464654654</td>
<td>手机数码消费</td>
<td>3</td>
<td>231.90</td>
<td>2016-7-21</td>
<td>失败</td>
<td>订单过期</td>
</tr>
</tbody>
</table>
</ul>
</div>
</div>
</div>
<script type="text/javascript">jQuery("#recording").slide({trigger: "click"});</script>
</div>
</div>
</body>
</html>
<script type="text/javascript">
jQuery(function ($) {
var oTable1 = $('#sample-table').dataTable({
"aaSorting": [[1, "desc"]],//默认第几个排序
"bStateSave": true,//状态保存
"bAutoWidth": true,
"bFilter": false,
"aoColumnDefs": [
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
{"orderable": false, "aTargets": [0, 1, 2, 3, 5, 6]}// 制定列不参与排序
]
});
var recording = $('#sconsumption-table').dataTable({
"aaSorting": [[1, "desc"]],//默认第几个排序
"bStateSave": true,//状态保存
"bAutoWidth": true,
"bFilter": false,
"aoColumnDefs": [
{"orderable": false, "aTargets": [0, 1, 2, 3, 5, 6, 7, 8]}// 制定列不参与排序
]
});
$('table th input:checkbox').on('click', function () {
var that = this;
$(this).closest('table').find('tr > td:first-child input:checkbox')
.each(function () {
this.checked = that.checked;
$(this).closest('tr').toggleClass('selected');
});
});
});
</script>
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化