模型搜索框调整

src/view/Manage/Model/index.jsx

@@ -126,22 +126,26 @@ class Model extends React.Component {
           <Col span={18}>
             <div style={{ backgroundColor: '#fff' }}>
               <div
-                className='p-3'
+                className='d-flex p-3'
                 style={{
-                  display: 'flex',
-                  borderBottom: "1px solid #EFEFEF",
+                  borderBottom: '1px solid #EFEFEF',
+                  justifyContent: 'space-between'
                 }}
               >
-                 <Input 
+                <div className='d-flex' style={{ alignItems: 'center' }}>
+                  <span className='mr-3'>模型搜索:</span>
+                  <Input 
                     placeholder="请输入模型名称或者英文名称" 
                     allowClear 
                     value={keyword}
                     onChange={this.onSearchInputChange} 
                     style={{ width: 240, marginLeft: 'auto' }}
                   />
-                {/* <Button type="primary" style={{ marginLeft: 'auto' }}>提交审核</Button> */}
-                <Button type="primary" className='ml-3' onClick={this.onImportBtnClick}>模型创建</Button>
-                <Button type="primary" className='ml-3' onClick={this.onExportBtnClick}>模型导出</Button>
+                </div>
+                <div className='d-flex' style={{ alignItems: 'center' }}>
+                  <Button type="primary" onClick={this.onImportBtnClick}>模型创建</Button>
+                  <Button type="primary" className='ml-3' onClick={this.onExportBtnClick}>模型导出</Button>
+                </div>
               </div>
               <div className='p-3'>
                 <ModelTable loading={loadingTableData} catalogId={catalogId} data={filterTableData} onChange={this.onTableChange} onSelect={this.onTableSelect} onItemAction={this.onTableItemAction} />