umlog.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>欢迎页面</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
  10. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
  11. <link rel="stylesheet" href="./css/font.css">
  12. <link rel="stylesheet" href="./css/xadmin.css">
  13. <script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
  14. <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
  15. <script type="text/javascript" src="js/admin.js"></script>
  16. <script type="text/javascript" src="./js/jquery_cookie_min.js"></script>
  17. <script type="text/javascript" src="./js/jqhttpsdk.js"></script>
  18. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  19. <!--[if lt IE 9]>
  20. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  21. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  22. <![endif]-->
  23. </head>
  24. <body>
  25. <div class="x-nav">
  26. <span class="layui-breadcrumb">
  27. <a href="">首页</a>
  28. <a href="">日志管理</a>
  29. <a>
  30. <cite>管理</cite></a>
  31. </span>
  32. <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
  33. href="javascript:location.replace(location.href);" title="刷新">
  34. <i class="layui-icon" style="line-height:30px">ဂ</i></a>
  35. </div>
  36. <div class="x-body">
  37. <table id="tablelistdata" lay-filter="tablelistdata"></table>
  38. </div>
  39. <script>
  40. function print(data) {
  41. console.log(data)
  42. }
  43. layui.use(['table', 'upload', 'layer', 'form', 'laydate'], function () {
  44. var table = layui.table;
  45. var $ = jQuery = layui.$;
  46. var form = layui.form;
  47. var upload = layui.upload;
  48. //第一个实例
  49. var tableIns = table.render({
  50. elem: '#tablelistdata',
  51. //height: 600,
  52. height: 'full',
  53. url: http_ip_port + '/log/adminQuery', //数据接口
  54. page: true, //开启分页
  55. limit: 10,
  56. cols: [[ //表头
  57. {title: '序号', width: 250,templet: '#indexTpl'},
  58. {field: 'user__username', title: '用户'},
  59. {field: 'ip', title: 'ip'},
  60. {field: 'operation', title: '请求操作'},
  61. {field: 'time', title: '时间', templet: '#time'},
  62. {title: '操作', templet: '#ListBar', fixed: "right", align: "center"}
  63. ]],
  64. where:{token:$.cookie('access_token')},
  65. parseData:function (res) {
  66. print(res)
  67. return {
  68. "code": res['code'],
  69. "msg": res['msg'],
  70. "count": res['res']['count'],
  71. "data": res['res']['data'],
  72. }
  73. }
  74. });
  75. //列表操作
  76. table.on('tool(tablelistdata)', function (obj) {
  77. var layEvent = obj.event,
  78. data = obj.data;
  79. if (layEvent === 'del') { //删除
  80. layer.confirm('确定删除\r\n' + '?', {icon: 3, title: '提示信息'}, function (index) {
  81. console.log(data)
  82. var post_data = {
  83. token: $.cookie('access_token'),
  84. id:data['id']
  85. }
  86. print(post_data)
  87. $.post(
  88. http_ip_port + "/log/delete",
  89. post_data,
  90. function (response) {
  91. console.log(response)
  92. response = JSON.parse(response)
  93. if(response['code']==0){
  94. tableIns.reload();
  95. layer.close(index)
  96. }else{
  97. layer.msg(response['msg'])
  98. }
  99. }
  100. )
  101. });
  102. }
  103. });
  104. });
  105. </script>
  106. <script type="text/html" id="indexTpl">
  107. {{d.LAY_TABLE_INDEX+1}}
  108. </script>
  109. <script type="text/html" id="ListBar">
  110. <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
  111. </script>
  112. <script type="text/html" id="time">
  113. {{#
  114. var fun = function formatDate(date) {
  115. var date = new Date(date);
  116. var YY = date.getFullYear() + '-';
  117. var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
  118. var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
  119. var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
  120. var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
  121. var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
  122. return YY + MM + DD +" "+hh + mm + ss;
  123. };
  124. }}
  125. <span class="layui-green">{{ fun(d.time * 1000) }}</span>
  126. </script>
  127. </body>
  128. </html>