From e63ca34702293b10ea04b242ecaf0b8fe068f3de Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Fri, 24 Oct 2025 01:18:29 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=8D=95=E8=AE=BE=E8=AE=A1=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/FormDesigner/Designer.tsx  | 13 +++++----
 .../FormDesigner/components/FieldRenderer.tsx |  1 +
 .../FormDesigner/components/PropertyPanel.tsx |  8 -----
 .../src/components/FormDesigner/styles.css    | 29 ++++++++++++++++---
 4 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/FormDesigner/Designer.tsx b/frontend/src/components/FormDesigner/Designer.tsx
index aa63b4ea..b2eb9636 100644
--- a/frontend/src/components/FormDesigner/Designer.tsx
+++ b/frontend/src/components/FormDesigner/Designer.tsx
@@ -688,11 +688,14 @@ const FormDesigner: React.FC<FormDesignerProps> = ({
         open={previewVisible}
         onCancel={() => setPreviewVisible(false)}
         width={formConfig.formWidth || 600}
-        bodyStyle={{
-          maxHeight: 'calc(100vh - 200px)',
-          overflowY: 'auto',
-          overflowX: 'hidden',
-          padding: 0,
+        styles={{
+          body: {
+            maxHeight: '60vh',
+            minHeight: '300px',
+            overflowY: 'auto',
+            overflowX: 'hidden',
+            padding: 0,
+          }
         }}
         footer={
           <div style={{ textAlign: 'center' }}>
diff --git a/frontend/src/components/FormDesigner/components/FieldRenderer.tsx b/frontend/src/components/FormDesigner/components/FieldRenderer.tsx
index f4c381e5..9450f423 100644
--- a/frontend/src/components/FormDesigner/components/FieldRenderer.tsx
+++ b/frontend/src/components/FormDesigner/components/FieldRenderer.tsx
@@ -117,6 +117,7 @@ const FieldRenderer: React.FC<FieldRendererProps> = ({
         );
 
       case 'textarea':
+        console.log('📝 [FieldRenderer] 渲染 textarea，rows:', field.rows, 'field:', field.name);
         return (
           <TextArea
             rows={field.rows || 4}
diff --git a/frontend/src/components/FormDesigner/components/PropertyPanel.tsx b/frontend/src/components/FormDesigner/components/PropertyPanel.tsx
index 35355fcf..1e5238a4 100644
--- a/frontend/src/components/FormDesigner/components/PropertyPanel.tsx
+++ b/frontend/src/components/FormDesigner/components/PropertyPanel.tsx
@@ -134,17 +134,9 @@ const PropertyPanel: React.FC<PropertyPanelProps> = ({
             key !== 'predefinedCascadeDataSource') {
           (updatedField as any)[key] = changedValues[key];
           
-          // 🐛 调试：打印验证规则和联动规则的更新
-          if (key === 'validationRules') {
-            console.log('💾 [PropertyPanel] 验证规则已更新:', changedValues[key]);
-          }
-          if (key === 'linkageRules') {
-            console.log('💾 [PropertyPanel] 联动规则已更新:', changedValues[key]);
-          }
         }
       });
       
-      console.log('🔄 [PropertyPanel] 字段配置更新完成:', updatedField);
       onFieldChange(updatedField);
     }
   };
diff --git a/frontend/src/components/FormDesigner/styles.css b/frontend/src/components/FormDesigner/styles.css
index a906829b..bbd4f7ce 100644
--- a/frontend/src/components/FormDesigner/styles.css
+++ b/frontend/src/components/FormDesigner/styles.css
@@ -176,7 +176,7 @@
 }
 
 /* 确保所有表单组件高度一致 */
-.ant-form-item .ant-input,
+.ant-form-item .ant-input:not(textarea),
 .ant-form-item .ant-input-number,
 .ant-form-item .ant-input-number-input-wrap,
 .ant-form-item .ant-select-selector,
@@ -185,6 +185,12 @@
   height: 32px !important;
 }
 
+/* textarea 使用 auto 高度以支持多行 */
+.ant-form-item textarea.ant-input {
+  height: auto !important;
+  min-height: auto !important;
+}
+
 .ant-form-item .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
   height: 32px !important;
   display: flex;
@@ -201,7 +207,7 @@
 }
 
 /* 中等尺寸 */
-.ant-form-middle .ant-input,
+.ant-form-middle .ant-input:not(textarea),
 .ant-form-middle .ant-input-number,
 .ant-form-middle .ant-input-number-input-wrap,
 .ant-form-middle .ant-select-selector,
@@ -210,12 +216,17 @@
   height: 32px !important;
 }
 
+.ant-form-middle textarea.ant-input {
+  height: auto !important;
+  min-height: auto !important;
+}
+
 .ant-form-middle .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
   height: 32px !important;
 }
 
 /* 大尺寸 */
-.ant-form-large .ant-input,
+.ant-form-large .ant-input:not(textarea),
 .ant-form-large .ant-input-number,
 .ant-form-large .ant-input-number-input-wrap,
 .ant-form-large .ant-select-selector,
@@ -224,12 +235,17 @@
   height: 40px !important;
 }
 
+.ant-form-large textarea.ant-input {
+  height: auto !important;
+  min-height: auto !important;
+}
+
 .ant-form-large .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
   height: 40px !important;
 }
 
 /* 小尺寸 */
-.ant-form-small .ant-input,
+.ant-form-small .ant-input:not(textarea),
 .ant-form-small .ant-input-number,
 .ant-form-small .ant-input-number-input-wrap,
 .ant-form-small .ant-select-selector,
@@ -238,6 +254,11 @@
   height: 24px !important;
 }
 
+.ant-form-small textarea.ant-input {
+  height: auto !important;
+  min-height: auto !important;
+}
+
 .ant-form-small .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
   height: 24px !important;
 }