erdangjiade.com
/
System_Logs.html

<!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>2017-7-26 12:34</td>
        </tr>
        <tr>
         <td>3434</td>
         <td>admin</td>
         <td>超级管理员</td>
         <td>添加商品名称我的用凤凰花刮大风</td>
         <td>2017-7-26 11:23</td>
        </tr>
        <tr>
         <td>2423</td>
         <td>admin</td>
         <td>超级管理员</td>
         <td>添加商品名称我的用凤凰花刮大风</td>
         <td>2017-7-26 13:34</td>
        </tr>
        <tr>
         <td>555</td>
         <td>admin</td>
         <td>超级管理员</td>
         <td>添加商品名称我的用凤凰花刮大风</td>
         <td>2017-7-16</td>
        </tr>
        <tr>
         <td>1233</td>
         <td>admin</td>
         <td>超级管理员</td>
         <td>添加商品名称我的用凤凰花刮大风</td>
         <td>2017-6-26</td>
        </tr>
        <tr>
         <td>1233</td>
         <td>admin</td>
         <td>超级管理员</td>
         <td>添加商品名称我的用凤凰花刮大风</td>
         <td>2017-4-26</td>
        </tr>
        <tr>
         <td>5345</td>
         <td>admin</td>
         <td>超级管理员</td>
         <td>添加商品名称我的用凤凰花刮大风</td>
         <td>2017-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>