类型调整

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

@@ -105,17 +105,13 @@ export const DatatypeInput = ({ value = {}, datatypes, onChange }) => {
   value = value ? value: {};
 
   return (
-    <>
-      <Row align='middle'>
-        <Col span={9}>
-          <span>名称:</span>
-        </Col>
-        <Col span={15}>
-          <span onClick={e => e.stopPropagation()}>
+    <div className='flex' style={{ justifyContent: 'space-between', alignItems: 'center' }}>
+      <div onClick={e => e.stopPropagation()} style={{ flex: 1 }}>
         <Select 
           onChange={onNameChange} 
           value={value.name || ''} 
           placeholder='请选择类型名称'
+          style={{ width: '100%' }}
         >
         {
           (datatypes||[]) && datatypes.map((_datatype, index) => {
@@ -125,32 +121,25 @@ export const DatatypeInput = ({ value = {}, datatypes, onChange }) => {
           })
         }
         </Select>
-          </span>
-        </Col>
-      </Row> 
+      </div>
       {
         (value.parameterCnNames||[]).map((parameterCnName, index) => {
           //使用InputNumber:当value改变时 InputNumber显示值没改变 但实际值有改变 是ant design的bug 这里使用只能输入数字的Input
           return (
-            <Row key={index} className='mt-2' align='middle'>
-              <Col span={9}>
-                <span>{`${parameterCnName||''}:`}</span>
-              </Col>
-              <Col span={15}>
+            <div key={index} className='ml-2' style={{ flex: 1 }}>
               <Input        
                 onChange={(e) => {
                   onParameterValuesChange(e, index);
                 }}  
                 value={value.parameterValues[index] || ''} 
                 style={{ width: '100%' }}
-                  placeholder='请输入一个整数'
+                placeholder={parameterCnName}
               />
-              </Col>
-            </Row>
+            </div>
           );
         })
       }
-    </>
+    </div>
   )
 }