log_detail.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>日志详情</title>
  7. <link rel="stylesheet" href="../../lib/layui/css/layui.css">
  8. <style>
  9. body { padding: 20px; }
  10. .detail-table { width: 100%; }
  11. .detail-table td { padding: 12px; border: 1px solid #e6e6e6; }
  12. .detail-table td:first-child { width: 120px; background: #f5f5f5; font-weight: 500; }
  13. .detail-table td:last-child { word-break: break-all; }
  14. </style>
  15. </head>
  16. <body>
  17. <table class="detail-table" id="detailTable">
  18. <tr><td>操作模块</td><td id="title"></td></tr>
  19. <tr><td>操作类型</td><td id="businessType"></td></tr>
  20. <tr><td>操作人</td><td id="operator"></td></tr>
  21. <tr><td>IP地址</td><td id="ip"></td></tr>
  22. <tr><td>操作地点</td><td id="location"></td></tr>
  23. <tr><td>操作URL</td><td id="url"></td></tr>
  24. <tr><td>请求方式</td><td id="requestMethod"></td></tr>
  25. <tr><td>操作状态</td><td id="status"></td></tr>
  26. <tr><td>操作时间</td><td id="createTime"></td></tr>
  27. <tr><td>操作说明</td><td id="operationName"></td></tr>
  28. <tr><td>请求参数</td><td id="param"></td></tr>
  29. <tr><td>返回结果</td><td id="result"></td></tr>
  30. </table>
  31. <script src="../../lib/layui/layui.js"></script>
  32. <script src="../../js/config.js"></script>
  33. <script src="../../js/common.js"></script>
  34. <script>
  35. layui.use([], function() {
  36. var $ = layui.jquery;
  37. var id = Common.getQueryString('id');
  38. Common.get(Config.api.operLog.getInfo + '/' + id, function(res) {
  39. if (res.code === 200) {
  40. var data = res.data;
  41. var types = ['其他', '新增', '修改', '删除', '查询', '登录'];
  42. $('#title').text(data.title || '-');
  43. $('#businessType').text(types[data.businessType] || '其他');
  44. $('#operator').text(data.operator || '-');
  45. $('#ip').text(data.ip || '-');
  46. $('#location').text(data.location || '-');
  47. $('#url').text(data.url || '-');
  48. $('#requestMethod').text(data.requestMethod || '-');
  49. $('#status').html(data.status === 0
  50. ? '<span class="layui-badge layui-bg-green">成功</span>'
  51. : '<span class="layui-badge layui-bg-red">失败</span>');
  52. $('#createTime').text(Common.formatDate(data.createTime));
  53. $('#operationName').text(data.operationName || '-');
  54. $('#param').text(data.param || '-');
  55. $('#result').text(data.result || '-');
  56. }
  57. });
  58. });
  59. </script>
  60. </body>
  61. </html>