优化数据类型编辑

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

 import React, { useState, useCallback, useRef } from 'react';
-import { Table, Input, InputNumber, Form, Typography, Radio, Divider, Button, Popconfirm, Select } from 'antd';
+import { Table, Input, InputNumber, Form, Typography, Radio, Divider, Button, Popconfirm, Select, Row, Col } from 'antd';
 import { DndProvider, useDrag, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import update from 'immutability-helper';
@@ -54,8 +54,16 @@ const DatatypeInput = ({ value = {}, datatypes, onChange }) => {
 
   return (
     <>
-      <span>
-        <Select onChange={onNameChange} value={name}>
+      <Row align='middle'>
+        <Col span={12}>
+          <span>类型名称:</span>
+        </Col>
+        <Col span={12}>
+          <Select 
+            onChange={onNameChange} 
+            value={name} 
+            placeholder='请选择类型名称'
+          >
           {
             (datatypes||[]) && datatypes.map((_datatype, index) => {
               return (
@@ -64,19 +72,28 @@ const DatatypeInput = ({ value = {}, datatypes, onChange }) => {
             })
           }
           </Select>
+        </Col>
+      </Row> 
       {
         (parameterNames||[]).map((parameterName, index) => {
           return (
+            <Row key={index} className='mt-2' align='middle'>
+              <Col span={12}>
+                <span>{`${parameterName||''}:`}</span>
+              </Col>
+              <Col span={12}>
                 <InputNumber 
-                key={index}
                   onChange={(value) => {
                     onParameterValuesChange(value, index);
                   }}  
-                value={parameterValues[index]} />
+                  value={parameterValues[index]} 
+                  style={{ width: 60 }}
+                />
+              </Col>
+            </Row>
           );
         })
       }
-      </span>
     </>
   )
 }