From 7c2d7ef1bc5253161a77f5ea8ce5527848e82ee3 Mon Sep 17 00:00:00 2001
From: asp_ly <dengqichen@iscmtech.com>
Date: Fri, 17 Jan 2025 21:31:32 +0800
Subject: [PATCH] 1

---
 .../List/components/DeploymentConfigModal.tsx | 30 +++++++++++--------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
index 8fef25ac..d89f5c18 100644
--- a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
+++ b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Modal} from 'antd';
+import {Modal, Button} from 'antd';
 import type {DeploymentConfig} from '../types';
 import './styles.less';
 import {FormButtonGroup, FormItem, Select, Submit, FormGrid, Input, ArrayTable} from '@formily/antd-v5'
@@ -217,7 +217,9 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({
                             pagination: { pageSize: 10 },
                             scroll: { x: '100%' },
                             style: {
-                                minHeight: '120px'
+                                minHeight: '160px',
+                                maxHeight: '240px',
+                                overflow: 'auto'
                             }
                         },
                         items: {
@@ -331,7 +333,7 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({
                         },
                         'x-component': 'Editor',
                         'x-component-props': {
-                            height: '300px',
+                            height: '240px',
                             language: 'shell',
                             theme: 'vs-dark',
                             options: {
@@ -366,16 +368,20 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({
                 title="部署配置"
                 open={open}
                 onCancel={onCancel}
-                onOk={handleSubmit}
                 width={800}
-                styles={{
-                    body: {
-                        padding: '32px'
-                    },
-                    header: {
-                        marginBottom: '8px',
-                        paddingInline: '32px'
-                    }
+                centered
+                footer={[
+                    <Button key="cancel" onClick={onCancel}>
+                        取消
+                    </Button>,
+                    <Button key="submit" type="primary" onClick={() => form.submit()}>
+                        确定
+                    </Button>
+                ]}
+                bodyStyle={{ 
+                    padding: '24px',
+                    maxHeight: '80vh',
+                    overflow: 'auto'
                 }}
             >
                 <FormProvider form={form}>