From 54e1b7546c96212ee8bb5e7e262cf59a8fca63b6 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 18 三月 2024 16:25:51 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/drawer/shelf/showJson.jsx |   25 +++++++++++++++++++------
 zy-asrs-flow/src/pages/map/index.css                 |    5 +++++
 zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx    |    3 ++-
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx b/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
index d3a33cf..61cd563 100644
--- a/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
@@ -28,6 +28,7 @@
     return (
         <>
             <Card
+                className='drawer-card'
                 hoverable
                 bordered={false}
                 type='inner'
@@ -49,7 +50,7 @@
                     }
                 }}
                 style={{
-                    height: '100%',
+                    height: '100%'
                 }}
             >
                 {contentList[activeTabKey]}
diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/showJson.jsx b/zy-asrs-flow/src/pages/map/drawer/shelf/showJson.jsx
index 1c21154..42132f9 100644
--- a/zy-asrs-flow/src/pages/map/drawer/shelf/showJson.jsx
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/showJson.jsx
@@ -6,11 +6,23 @@
 import Http from '@/utils/http';
 
 const useStyles = createStyles(({ token, css }) => {
-
+    let dark = token.colorBgBase === '#000';
+    return {
+        jsonBox: {
+            height: '100%',
+            border: dark ? '3px solid #747d8c' : '3px solid #535c68',
+            borderRadius: '5px',
+            padding: '5px',
+            cursor: 'text'
+        },
+        jsonContent: {
+            maxHeight: '100%'
+        }
+    }
 })
 
 const ShowJSON = (props) => {
-
+    const { styles } = useStyles();
     const { curSprite } = props;
 
     // 鏍煎紡鍖� JSON 瀛楃涓�
@@ -3340,10 +3352,11 @@
 
     return (
         <>
-            <Card style={{ height: '100%' }}>
-                <pre>{formattedJSON}</pre>
-            </Card>
-
+            <div className={styles.jsonBox}>
+                <pre className={styles.jsonContent}>
+                    {formattedJSON}
+                </pre>
+            </div>
         </>
     )
 
diff --git a/zy-asrs-flow/src/pages/map/index.css b/zy-asrs-flow/src/pages/map/index.css
index e67eaad..1eb1e09 100644
--- a/zy-asrs-flow/src/pages/map/index.css
+++ b/zy-asrs-flow/src/pages/map/index.css
@@ -35,4 +35,9 @@
 
 .map-header-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input {
     font-weight: bolder !important;
+}
+
+.drawer-card .ant-card-body {
+    height: 95%;
+    padding: 20px;
 }
\ No newline at end of file

--
Gitblit v1.9.1