模型基本信息样式

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,11 +199,12 @@ const PartitionSelect = ({ value = {}, modelerData, partitionTypes = [], onChang
         })
       }
       </Select>
+      </Col>
+      <Col span={16}>
         <Select 
           onChange={(value) => { onAttributeChange && onAttributeChange(value) }} 
           value={attributeIds} 
           placeholder='请选择字段名称'
-        style={{ width: 200, marginLeft: 5 }}
           mode='multiple'
           allowClear={true}
         >
@@ -216,7 +216,8 @@ const PartitionSelect = ({ value = {}, modelerData, partitionTypes = [], onChang
           })
         }
         </Select>
-    </span>
+      </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>