加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
System_Logs.html 5.04 KB
一键复制 编辑 原始数据 按行查看 历史
leonce 提交于 2018-09-11 09:07 . 从github移植到gitee
<!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="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="js/H-ui.js" type="text/javascript"></script>
<script src="js/displayPart.js" type="text/javascript"></script>
<script src="assets/laydate/laydate.js" type="text/javascript"></script>
<title>系统日志</title>
</head>
<body>
<div class="margin clearfix">
<div id="system_style">
<div class="search_style">
<ul class="search_content clearfix">
<li><label class="l_f">名称</label><input name="" type="text" class="text_add" style=" width:250px"></li>
<li><label class="l_f">时间</label><input class="inline laydate-icon" id="start"
style=" margin-left:10px;"></li>
<li style="width:90px;">
<button type="button" class="btn_search"><i class="fa fa-search"></i>查询</button>
</li>
</ul>
</div>
<!--系统日志-->
<div class="system_logs">
<table class="table table-striped table-bordered table-hover" id="sample-table">
<thead>
<tr>
<th width="80px">ID</th>
<th width="120px">登录用户</th>
<th width="120px">角色</th>
<th width="">操作内容</th>
<th width="150px">操作时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>1233</td>
<td>admin</td>
<td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-7-26 12:34</td>
</tr>
<tr>
<td>3434</td>
<td>admin</td>
<td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-7-26 11:23</td>
</tr>
<tr>
<td>2423</td>
<td>admin</td>
<td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-7-26 13:34</td>
</tr>
<tr>
<td>555</td>
<td>admin</td>
<td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-7-16</td>
</tr>
<tr>
<td>1233</td>
<td>admin</td>
<td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-6-26</td>
</tr>
<tr>
<td>1233</td>
<td>admin</td>
<td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-4-26</td>
</tr>
<tr>
<td>5345</td>
<td>admin</td>
<td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-5-26</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
<script>
laydate({
elem: '#start',
event: 'focus'
});
$(function () {
var oTable1 = $('#sample-table').dataTable({
"aaSorting": false,//默认第几个排序
"bStateSave": true,//状态保存
"aoColumnDefs": [
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
{"orderable": false, "aTargets": [0, 1, 2, 3]}// 制定列不参与排序
]
});
})
</script>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化