123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="keywords" content="">
- <meta name="description" content="">
- <title></title>
- <link rel="stylesheet" href="../../../component/pear/css/pear.css">
- <style>
- input {border: 0; background: none;width: 100%;}
- .layui-table th {background-color: #F9F9F9;}
- </style>
- </head>
- <body>
- <form class="layui-form" lay-filter="edit">
- <input type="hidden" name="id">
- <div class="mainBox">
- <div class="main-container">
- <div class="main-container">
- <table class="layui-table" style="table-layout:fixed;">
- <tr>
- <th colspan="1">
- 操作模块
- </th>
- <td colspan="2">
- <input type="text" name="title" disabled
- placeholder="" autocomplete="off" >
- </td>
- <th colspan="1">
- 操作类型
- </th>
- <td colspan="2">
- <input type="text" name="operationType" disabled
- placeholder="" autocomplete="off" >
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 操作状态
- </th>
- <td colspan="2">
- <input type="text" name="status" disabled
- placeholder="" autocomplete="off" >
- </td>
- <th colspan="1">
- 消耗时间
- </th>
- <td colspan="2">
- <input type="text" name="useTime" disabled
- placeholder="" autocomplete="off" >
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 请求方式
- </th>
- <td colspan="2">
- <input type="text" name="httpMethod" disabled
- placeholder="" autocomplete="off" >
- </td>
- <th colspan="1">
- 登录地址
- </th>
- <td colspan="2">
- <input type="text" name="remoteAddr" disabled
- placeholder="" autocomplete="off" >
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 操作人员
- </th>
- <td colspan="2">
- <input type="text" name="username" disabled
- placeholder="" autocomplete="off" >
- </td>
- <th colspan="1">
- 操作时间
- </th>
- <td colspan="2">
- <input type="text" name="createTime" disabled
- placeholder="" autocomplete="off" >
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 浏览器
- </th>
- <td colspan="5">
- <input type="text" name="browser" disabled
- placeholder="" autocomplete="off" >
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 登录地区
- </th>
- <td colspan="5">
- <div id="area"></div>
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 请求地址
- </th>
- <td colspan="5">
- <input type="text" name="requestUri" disabled
- placeholder="" autocomplete="off" >
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 请求方法
- </th>
- <td colspan="5">
- <input type="text" name="classMethod" disabled
- placeholder="" autocomplete="off">
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 请求参数
- </th>
- <td colspan="5">
- <pre id="queryParams"></pre>
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 返回内容
- </th>
- <td colspan="5">
- <pre id="response"></pre>
- </td>
- </tr>
- <tr>
- <th colspan="1">
- 异常信息
- </th>
- <td colspan="5">
- <div id="exception"></div>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- <div class="bottom">
- <div class="button-container">
- <button type="button" class="pear-btn pear-btn-primary"
- onclick="parent.layer.closeAll();">关 闭</button>
- </div>
- </div>
- </form>
- <script src="../../../component/js/jquery.min.js"></script>
- <script src="../../../component/layui/layui.js"></script>
- <script src="../../../component/pear/pear.js"></script>
- <script>
- layui.use(['json', 'request', 'form'], function () {
- var request = layui.request,
- form = layui.form;
- var MODULE_PATH = '/system/log/v1/';
- layer.ready(function() {
- var id = request.getQueryString("id");
- if (id) {
- request.httpGet(MODULE_PATH + id, function(result) {
- result.data.useTime = result.data.useTime + "ms";
- $('#exception').text(result.data.exception);
- $('#area').text(result.data.province + result.data.city + result.data.area);
- $('#response').jsonViewer(JSON.parse(result.data.response), {collapsed: true});
- $('#queryParams').jsonViewer(JSON.parse(result.data.queryParams), {collapsed: true});
- result.data.status = result.data.status === 1? '成功': '失败';
- result.data.createTime = layui.util.toDateString(result.data.createTime, 'yyyy-MM-dd HH:mm:ss');
- form.val('edit', result.data);
- });
- }
- });
- })
- </script>
- </body>
- </html>
|