样式调整

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

@@ -11,6 +11,8 @@ import { getInternalCurrentAnchor, getQueryParam } from '../../../../util';
 import { Action } from '../../../../util/constant';
 import { dispatch } from '../../../../model'; 
 
+import './ImportAction.less'
+
 const ImportAction = React.forwardRef((props, ref) => {
   const { action, hints, onChange, form, modelerId, terms, ddl, roughModelerData, versionId, permitCheckOut, catalogId } = props;
 
@@ -135,7 +137,7 @@ const ImportAction = React.forwardRef((props, ref) => {
         'model-import-action-manage',
         'model-import-action-relation',
       ],
-      0,
+      20,
       5,
       container
     );
@@ -577,7 +579,7 @@ const ImportAction = React.forwardRef((props, ref) => {
       {
         (action==='detail' && ((modelerData||{}).optionList||[]).findIndex(item => item.enabled && item.name==='查看') === -1) ? <div style={{ padding: '10px 20px' }}>
           {loading?'':'暂无权限'}
-        </div> : <div>
+        </div> : <div className='import-action'>
         <div style={{ position: 'sticky', top: 0  }}>
           <Tabs activeKey={activeValue} centered onChange={(val) => {
             setActiveValue(val);
@@ -586,7 +588,7 @@ const ImportAction = React.forwardRef((props, ref) => {
               animating.current = true;
               targetElement.scrollIntoView();
             }
-          }} style={{ margin: 0 }}>
+          }}>
             <Tabs.TabPane tab='基本信息' key="model-import-action-basic" />
             <Tabs.TabPane tab='技术信息' key="model-import-action-technical" />
             <Tabs.TabPane tab='数据表结构' key="model-import-action-table" />
@@ -595,7 +597,7 @@ const ImportAction = React.forwardRef((props, ref) => {
             <Tabs.TabPane tab='关联对象' key="model-import-action-relation" />
           </Tabs>
         </div>
-        <div ref={setContainer} style={{ height: action==='edit-inherite-modal'?'60vh':'calc(100vh - 44px - 64px - 82px)', overflow: 'auto', padding: '0 20px' }}>
+        <div ref={setContainer} style={{ height: action==='edit-inherite-modal'?'60vh':'calc(100vh - 44px - 64px - 82px)', overflow: 'auto', padding: '20px 20px 0' }}>
           <ImportActionHeader 
             form={form}
             editable={action!=='detail'&&action!=='flow'&&action!=='detail-version'&&action!=='edit-inherited'} 

src/view/Manage/Model/Component/ImportAction.less

+.import-action {
+  .yy-tabs-nav {
+    margin: 0;
+  }
+}
\ No newline at end of file