模型基本信息样式

src/view/Manage/Model/Component/ImportActionHeader.jsx

@@ -133,7 +133,6 @@ const AttributesSelect = ({ value = [], modelerData, onChange, mode = 'multiple'
       onChange={(value) => { onAttributeChange && onAttributeChange(value) }} 
       value={attributeIds} 
       placeholder='请选择字段名称'
-      style={{ width: 300 }}
       mode={mode}
       allowClear={true}
     >
@@ -184,12 +183,12 @@ const PartitionSelect = ({ value = {}, modelerData, partitionTypes = [], onChang
   })
 
   return (
-    <span>
+    <Row gutter={10}>
+      <Col span={8}>
       <Select 
         onChange={onPartitionTypeChange} 
         value={value?.partitionType?.name || ''} 
         placeholder='请选择分区类型'
-        style={{ width: 95 }}
         allowClear={true}
       >
       {
@@ -200,23 +199,25 @@ const PartitionSelect = ({ value = {}, modelerData, partitionTypes = [], onChang
         })
       }
       </Select>
-      <Select 
-        onChange={(value) => { onAttributeChange && onAttributeChange(value) }} 
-        value={attributeIds} 
-        placeholder='请选择字段名称'
-        style={{ width: 200, marginLeft: 5 }}
-        mode='multiple'
-        allowClear={true}
-      >
-      {
-        (modelerData?.easyDataModelerDataModelAttributes||[]).map((attribute, index) => {
-          return (
-            <Option key={index} value={attribute.iid||''}>{attribute.name||''}</Option>
-          );
-        })
-      }
-      </Select>
-    </span>
+      </Col>
+      <Col span={16}>
+        <Select 
+          onChange={(value) => { onAttributeChange && onAttributeChange(value) }} 
+          value={attributeIds} 
+          placeholder='请选择字段名称'
+          mode='multiple'
+          allowClear={true}
+        >
+        {
+          (modelerData?.easyDataModelerDataModelAttributes||[]).map((attribute, index) => {
+            return (
+              <Option key={index} value={attribute.iid||''}>{attribute.name||''}</Option>
+            );
+          })
+        }
+        </Select>
+      </Col>
+    </Row>
   );
 }
 
@@ -245,7 +246,6 @@ const LoadSelect = ({ value = '', onChange, ...restProps }) => {
   return (
     <Select 
       mode="tags" 
-      style={{ width: 300 }}
       tokenSeparators={['/', ' ']}
       onChange={(value) => { onLoadChange && onLoadChange(value) }} 
       value={loadNames} 
@@ -287,7 +287,6 @@ const UpdateSelect = ({ value = '', onChange, ...restProps }) => {
   return (
     <Select 
       mode="tags" 
-      style={{ width: 300 }}
       tokenSeparators={['/', ' ']}
       onChange={(value) => { onUpdateChange && onUpdateChange(value) }} 
       value={updateNames} 
@@ -531,7 +530,6 @@ const ImportActionHeader = (props) => {
                 <ConstraintSelect 
                   constraints={constraints} 
                   onChange={onConstraintChange} 
-                  style={{ width: 200 }}
                 />
               </Form.Item>
             </Col>
@@ -556,7 +554,6 @@ const ImportActionHeader = (props) => {
                 <TemplateSelect 
                   templates={templates} 
                   onChange={onTemplateChange} 
-                  style={{ width: 200 }}
                 />
               </Form.Item>
             </Col>