更新表结构预览

src/module/datasource/component/SyncTaskAdd.jsx

@@ -22,8 +22,9 @@ const SyncTask = styled.div`
 `
 
 export default function SyncTaskAdd() {
-  //
+  // 步骤三ref
   const stepThreeRef = React.createRef()
+
   // 步骤数
   const [currentStep, setCurrentStep] = useState(0)
 
@@ -141,15 +142,7 @@ export default function SyncTaskAdd() {
 
   // 构建表单
   const build = () => {
-    currentForm
-      .validateFields()
-      .then(() => {
-        console.log('build')
-        finishBuild()
-      })
-      .catch(err => {
-        message.error('请检查表单数据是否完整')
-      })
+    finishBuild()
   }
 
   // 完成提交
@@ -163,8 +156,15 @@ export default function SyncTaskAdd() {
 
   // 提交表单
   const submit = () => {
-    console.log('submit')
-    finishSubmit()
+    currentForm
+      .validateFields()
+      .then(() => {
+        console.log('submit')
+        finishSubmit()
+      })
+      .catch(err => {
+        message.error('请检查表单数据是否完整')
+      })
   }
 
   return (
@@ -216,12 +216,9 @@ export default function SyncTaskAdd() {
             width={600}
             mask={false}
             destroyOnClose={true}
-            closeIcon={<MenuUnfoldOutlined style={{ color: '#1881DA' }} />}>
-            {currentStep === 0 ? (
-              <DataTableStruct formData={drawDataForm} />
-            ) : (
-              <DataTableStruct formData={loadDataForm} />
-            )}
+            closeIcon={<MenuUnfoldOutlined style={{ color: '#1881DA' }} />}
+          >
+            <DataTableStruct formData={currentForm} />
           </Drawer>
         </>
       }