修复日志预览内容溢出 bug

dlink-web/src/components/Studio/StudioConsole/StudioHistory/index.less

 .code{
-  width: 100%;
-  max-height: 500px;
+  //width: 100%;
+  //max-height: 400px;
   display: block;
   padding: 16px;
-  overflow: auto;
+  //overflow: auto;
   font-size: 85%;
   line-height: 1.45;
   background-color: rgb(246, 248, 250);

dlink-web/src/components/Studio/StudioConsole/StudioHistory/index.tsx

@@ -10,7 +10,7 @@ import {
   ModalForm,
 } from '@ant-design/pro-form';
 import styles from "./index.less";
-import {showJobData} from "@/components/Studio/StudioEvent/DQL";
+import {Scrollbars} from 'react-custom-scrollbars';
 import StudioPreview from "../StudioPreview";
 import {getJobData} from "@/pages/FlinkSqlStudio/service";
 
@@ -361,8 +361,10 @@ const StudioHistory = (props: any) => {
                   <FireOutlined /> {row.jobId}
                 </Tag>
               </ProDescriptions.Item>
-              <ProDescriptions.Item >
+              <ProDescriptions.Item>
+              <Scrollbars style={{height: '400px',width:'100%'}}>
                 <pre className={styles.code}>{row.error}</pre>
+              </Scrollbars>
               </ProDescriptions.Item>
             </ProDescriptions>
           )}