模型保存问题

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

@@ -20,6 +20,7 @@ const EditModel = (props) => {
   const [ confirmLoading, setConfirmLoading ] = useState(false);
   const [ catalogModalVisible, setCatalogModalVisible ] = useState(false);
   const [ historyAndVersionDrawerVisible, setHistoryAndVersionDrawerVisible ] = useState(false);
+  const [ autoTabKey, setAutoTabKey ] = useState(null);
 
   const { action, catalogId, modelerId, hints, roughModelerData, permitCheckOut, editable, stateId, versionId } = actionData;
 
@@ -66,6 +67,9 @@ const EditModel = (props) => {
   }
 
   const save = async (e, cid = '') => {
+
+    setAutoTabKey(null);
+
     try {
       const row = await form.validateFields();
 
@@ -124,6 +128,7 @@ const EditModel = (props) => {
 
     } catch (errInfo) {
       console.log('Validate Failed:', errInfo);
+      setAutoTabKey('1');
     }
 
   }
@@ -229,7 +234,7 @@ const EditModel = (props) => {
       </div>
       <div className='edit-container'>
         <div className='edit-container-card'>
-          <ImportAction hints={hints} onChange={onActionChange} action={action} modelerId={modelerId} form={form} terms={terms} roughModelerData={roughModelerData} permitCheckOut={permitCheckOut} stateId={stateId} versionId={versionId} /> 
+          <ImportAction hints={hints} onChange={onActionChange} action={action} modelerId={modelerId} form={form} terms={terms} roughModelerData={roughModelerData} permitCheckOut={permitCheckOut} stateId={stateId} versionId={versionId} autoTabKey={autoTabKey} /> 
         </div>
       </div>
       <div className='edit-footer'>

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

@@ -13,7 +13,7 @@ import { dispatch } from '../../../../model';
 const { TabPane } = Tabs;
 
 const ImportAction = (props) => {
-  const { action, hints, onChange, form, modelerId, terms, ddl, roughModelerData, stateId, versionId, permitCheckOut } = props;
+  const { action, hints, onChange, form, modelerId, terms, ddl, roughModelerData, stateId, versionId, permitCheckOut, autoTabKey } = props;
 
   const [ constraints, setConstraints ] = useState([]);
   const [ constraint, setConstraint ] = useState({});
@@ -68,6 +68,12 @@ const ImportAction = (props) => {
     //eslint-disable-next-line react-hooks/exhaustive-deps
   }, [action, hints, modelerId, ddl ]);
 
+  useEffect(() => {
+    if (autoTabKey) {
+      setTabKey(autoTabKey);
+    }
+  }, [autoTabKey])
+
   const getDraft = (_constraint, _template, _hints) => { 
     dispatch({
       type: 'datamodel.getDraft',