diff --git a/pear-entrance/src/main/resources/templates/system/logging/logging-details.html b/pear-entrance/src/main/resources/templates/system/logging/logging-details.html
index 20ba327eefdd6b77186b474ce8f490b9aad03f0d..59026b91f35fb2d20b29c96ca9eef08539f7d092 100644
--- a/pear-entrance/src/main/resources/templates/system/logging/logging-details.html
+++ b/pear-entrance/src/main/resources/templates/system/logging/logging-details.html
@@ -8,7 +8,6 @@
 <body>
 <div>
     <div>
-        <input id="details" type="hidden" th:value="${loggingDetails}">
         <div>
             <pre id="json-renderer"></pre>
         </div>
@@ -19,8 +18,10 @@
 <script th:src="@{/component/json-viewer/jquery.json-viewer.js}"></script>
 
 <script>
-    let details = $("#details").val();
-    $("#json-renderer").jsonViewer(JSON.parse(details));
+    function showJSON(details) {
+        console.log(details);
+        $("#json-renderer").jsonViewer(details);
+    }
 </script>
 
 </body>
diff --git a/pear-entrance/src/main/resources/templates/system/logging/main.html b/pear-entrance/src/main/resources/templates/system/logging/main.html
index 6c483d31c38b2dcf3b908635c1d2a9a7fcf229e8..7535b7e27a71799c79714a03d41d5ceb970bc819 100644
--- a/pear-entrance/src/main/resources/templates/system/logging/main.html
+++ b/pear-entrance/src/main/resources/templates/system/logging/main.html
@@ -34,7 +34,9 @@
 </script>
 
 <script type="text/html" id="log-bar">
-    <button class="pear-btn pear-btn-sm pear-btn-primary"  lay-event="details"><i class="pear-icon pear-icon-edit"></i></button>
+    <button class="pear-btn pear-btn-sm pear-btn-primary" lay-event="details">
+        <i class="pear-icon pear-icon-edit"></i>
+    </button>
 </script>
 
 <script type="text/html" id="log-createTime">
@@ -112,13 +114,18 @@
             }
         });
 
-        window.details = function(obj){
+        window.details = function (obj) {
+            console.log(obj.data)
             layer.open({
                 type: 2,
                 title: '详细信息',
                 shade: 0,
                 area: ['400px', '400px'],
-                content: MODULE_PATH + "details?id="+obj.data['id']
+                content: MODULE_PATH + "details",
+                success: function (layero) {
+                    let iframeWin = window[layero.find('iframe')[0]['name']];
+                    iframeWin.showJSON(obj.data);
+                }
             });
         }
     })
diff --git a/pear-modules/pear-system/src/main/java/com/pearadmin/system/controller/SysLoggingController.java b/pear-modules/pear-system/src/main/java/com/pearadmin/system/controller/SysLoggingController.java
index 4d07c21a7b43500b28efa03464904e87518310ae..41b15010237be90fee7d05aa319f75edc653b417 100644
--- a/pear-modules/pear-system/src/main/java/com/pearadmin/system/controller/SysLoggingController.java
+++ b/pear-modules/pear-system/src/main/java/com/pearadmin/system/controller/SysLoggingController.java
@@ -79,13 +79,7 @@ public class SysLoggingController extends BaseController {
     }
 
     @GetMapping("/details")
-    public ModelAndView details(String id){
-        Map<String, Object> params = new HashMap<>();
-        try {
-            params.put("loggingDetails", objectMapper.writeValueAsString(loggingService.getById(id)));
-        } catch (JsonProcessingException e) {
-            e.printStackTrace();
-        }
-        return JumpPage("system/logging/logging-details", params);
+    public ModelAndView details(){
+        return JumpPage("system/logging/logging-details");
     }
 }
