From 827ef2e40303fa420240156072e68b2c5253e688 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Thu, 5 Dec 2024 16:08:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=BB=98=E8=AE=A4word-break:=20break-wo?=
 =?UTF-8?q?rd;=E4=BC=9A=E5=AF=BC=E8=87=B4json=E9=A2=84=E8=A7=88=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/monitor/operlog/data.tsx           | 7 +++++--
 .../src/views/monitor/operlog/operation-preview-drawer.vue | 6 ------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/web-antd/src/views/monitor/operlog/data.tsx b/apps/web-antd/src/views/monitor/operlog/data.tsx
index f5e693ed..788fc1b9 100644
--- a/apps/web-antd/src/views/monitor/operlog/data.tsx
+++ b/apps/web-antd/src/views/monitor/operlog/data.tsx
@@ -157,12 +157,15 @@ export const descSchema: DescItem[] = [
     field: 'method',
     label: '方法',
   },
+  /**
+   * 默认word-break: break-word;会导致json预览样式异常
+   */
   {
     field: 'operParam',
     label: '请求参数',
     render(value) {
       return (
-        <div class="max-h-[300px] overflow-y-auto">
+        <div class="max-h-[300px] overflow-y-auto break-normal">
           {renderJsonPreview(value)}
         </div>
       );
@@ -173,7 +176,7 @@ export const descSchema: DescItem[] = [
     label: '响应参数',
     render(value) {
       return (
-        <div class="max-h-[300px] overflow-y-auto">
+        <div class="max-h-[300px] overflow-y-auto break-normal">
           {renderJsonPreview(value)}
         </div>
       );
diff --git a/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue b/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue
index d5b0df9f..07f98c31 100644
--- a/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue
+++ b/apps/web-antd/src/views/monitor/operlog/operation-preview-drawer.vue
@@ -30,9 +30,3 @@ function handleOpenChange(open: boolean) {
     <Description @register="registerDescription" />
   </BasicDrawer>
 </template>
-
-<style lang="scss" scoped>
-.ant-descriptions :deep(.ant-descriptions-item-content) {
-  word-break: normal;
-}
-</style>