diff --git a/src/views/monitor/job/log.vue b/src/views/monitor/job/log.vue
index 991cba3f..f2a561e0 100644
--- a/src/views/monitor/job/log.vue
+++ b/src/views/monitor/job/log.vue
@@ -246,6 +246,13 @@ let modalState: ModalStateType = reactive({
  */
 function fnModalVisibleByVive(row: Record<string, string>) {
   modalState.from = Object.assign(modalState.from, row);
+  try {
+    modalState.from.jobMsg = JSON.stringify(
+      JSON.parse(modalState.from.jobMsg),
+      null,
+      4
+    );
+  } catch (_) {}
   modalState.title = t('views.monitor.jobLog.viewLog');
   modalState.open = true;
 }
diff --git a/src/views/system/log/operate/index.vue b/src/views/system/log/operate/index.vue
index bdf8221e..91577be6 100644
--- a/src/views/system/log/operate/index.vue
+++ b/src/views/system/log/operate/index.vue
@@ -254,6 +254,20 @@ let modalState: ModalStateType = reactive({
  */
 function fnModalVisibleByVive(row: Record<string, string>) {
   modalState.from = Object.assign(modalState.from, row);
+  try {
+    modalState.from.operParam = JSON.stringify(
+      JSON.parse(modalState.from.operParam),
+      null,
+      4
+    );
+  } catch (_) {}
+  try {
+    modalState.from.operMsg = JSON.stringify(
+      JSON.parse(modalState.from.operMsg),
+      null,
+      4
+    );
+  } catch (_) {}
   modalState.title = t('views.system.log.operate.logInfo');
   modalState.openByView = true;
 }