feat: 添加第四步

src/module/datasource/component/StepFour.jsx

@@ -0,0 +1,17 @@
+import React, { useState } from "react";
+import { Form, Select, Input, message, Row } from 'antd'
+
+export default function StepFour({syncDataForm}) {
+  return (
+    <>
+      <p
+        style={{
+          fontWeight: 600,
+          borderLeft: '3px solid #1881DA',
+          paddingLeft: '12px',
+        }}>
+        设置同步参数
+      </p>
+    </>
+  )
+}

src/module/datasource/component/SyncTaskAdd.jsx

@@ -2,6 +2,7 @@ import { Steps, Button, Space, Form, Drawer, message } from 'antd'
 import StepOne from './StepOne'
 import StepTwo from './StepTwo'
 import StepThree from './StepThree'
+import StepFour from './StepFour'
 import React, { useState, useEffect } from 'react'
 import DataTableStruct from './DataTableStruct'
 import styled from 'styled-components'
@@ -38,6 +39,9 @@ export default function SyncTaskAdd() {
   // 配置加载源表单
   const [loadDataForm] = Form.useForm()
 
+  // 同步参数表单
+  const [syncDataForm] = Form.useForm()
+
   const [currentForm, setCurrentForm] = useState(drawDataForm)
 
   // 监听步骤设置当前表单
@@ -125,6 +129,9 @@ export default function SyncTaskAdd() {
 
       {/* 配置转换规则 */}
       {currentStep === 2 ? <StepThree /> : ''}
+      
+      {/* 设置同步参数 */}
+      {currentStep === 3 ? <StepFour syncDataForm={syncDataForm} /> : ''}
 
       {/* 按扭操作 */}
       {/* 表结构预览 */}