log.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!--加载公共头部文件-->
  2. {include file='Base/top'}
  3. <!--加载公共左侧文件-->
  4. {include file='Base/left'}
  5. <!--加载公共底部文件-->
  6. {include file='Base/fotter'}
  7. <!-- 内容显示部分 -->
  8. <div class="layui-body">
  9. <!--面包屑导航-->
  10. <blockquote class="layui-elem-quote">
  11. <span class="layui-breadcrumb" style="visibility: visible;">
  12. <a >管理员管理</a>
  13. <span lay-separator="">/</span>
  14. <a href="{:url('index/log')}">
  15. <cite>管理员日志</cite>
  16. </a>
  17. </span>
  18. </blockquote>
  19. <!--面包屑导航 结束-->
  20. <div class="layui-row layui-col-space10" style="margin:0 10px;">
  21. <table class="layui-hide" id="list" lay-filter="list"></table><!-- 表格数据 -->
  22. </div>
  23. </div>
  24. <!-- 头部工具栏模块 -->
  25. <script type="text/html" id="toolbarDemo"><!-- 表格自定义操作按钮 -->
  26. <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class="layui-icon">&#xe640;</i>一键清空</a>
  27. </script>
  28. <script>
  29. layui.use(['table','layer','laypage','jquery'], function(){
  30. var table = layui.table,
  31. layer = layui.layer,
  32. laypage = layui.laypage,
  33. $ = layui.jquery;
  34. //数据表格
  35. table.render({
  36. elem: '#list'
  37. ,id:'idSystem'
  38. ,url:'{:url("log_data")}'//数据接口(专门处理数据)
  39. ,height:'full'
  40. ,toolbar: '#toolbarDemo'
  41. //分页
  42. ,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
  43. layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
  44. ,curr: 1 //设定初始在第 5 页
  45. ,limit:15 //一页显示多少条
  46. ,limits:[15,35,55]//每页条数的选择项
  47. ,groups: 3 //只显示 2 个连续页码
  48. ,first: "首页" //不显示首页
  49. ,last: "尾页" //不显示尾页
  50. }
  51. ,cols: [[
  52. {field: 'id', title: '管理员ID', align:'center',width: 90}
  53. ,{field: 'uname', title: '管理员',align:'center', width: 120}
  54. ,{field: 'ip', title: 'IP地址', align:'center',width: 130}
  55. ,{field: 'url', title: '请求链接',align:'center', width: 250}
  56. ,{field: 'method', title: '请求类型',align:'center', width: 90}
  57. ,{field: 'type', title: '资源类型', align:'center',width: 90}
  58. ,{field: 'remark', title: '操作行为',align:'center', width: 200}
  59. ,{field: 'create_time', title: '操作时间',align:'center', width: 200}
  60. ]]
  61. });
  62. //监听头工具栏事件
  63. table.on('toolbar(list)', function(obj){
  64. var checkStatus = table.checkStatus(obj.config.id)
  65. ,data = checkStatus.data; //获取选中的数据
  66. switch(obj.event){
  67. case 'del'://删除
  68. layer.confirm('确定要清空吗?',{icon: 5},function(index){
  69. $.post("{:url('index/truncate')}",function(res){
  70. if(res == 1){
  71. layer.msg('删除成功!');
  72. }
  73. else{
  74. layer.msg('没有删除权限',{icon:5});
  75. }
  76. })
  77. });
  78. break;
  79. };
  80. });
  81. });
  82. </script>