28974 辅导员考核相关需求，有疑问联系我

one_stop_public/tableCompon/Split_Index/StepDiy.js

 import React, { useState, useEffect, useMemo, useCallback } from 'react';
 import { Steps } from 'antd';
+import ZdyTable from '@/webPublic/one_stop_public/Table';
 
 const { Step } = Steps;
 
 export default function StepDiy(props) {
-  const { value, onChange, json, form } = props;
+  const { value, json, partFormProps, dataColumn, onChange } = props;
   const diyProps = useMemo(() => {
     let b = {};
     if (value && typeof value === 'object') {
       b = {
         ...value,
       };
+      delete b.formValues;
     }
     if (json.otherProps && typeof json.otherProps === 'string') {
       try {
@@ -30,21 +32,65 @@ export default function StepDiy(props) {
     }
   }, [json.otherProps, value]);
 
-  /**
-   * 按姚鑫国的要求 在切换步骤时将表单的值保存起来
-   * */
+  const [current, setCurrent] = useState(diyProps?.StepsProps?.current || 0);
+  const [formValues, setFormValues] = useState({});
+
+  const partFormKey = useMemo(() => {
+    if (typeof current !== 'undefined') {
+      let item = diyProps.Step.find((g, index) => {
+        return index === current;
+      });
+      if (item) {
+        return item.formKey;
+      }
+    }
+    return undefined;
+  }, [current]);
+
   useEffect(() => {
-    console.log(JSON.stringify(form.getFieldsValue()));
-  }, [diyProps?.StepsProps.current]);
+    if (diyProps?.StepsProps?.current !== current) {
+      const oldValues = partFormProps.form.getFieldsValue();
+      let newV = {
+        ...oldValues,
+      };
+      delete newV[dataColumn.base52];
+      setFormValues({
+        ...formValues,
+        ...newV,
+      });
+    }
+    setCurrent(diyProps?.StepsProps?.current);
+  }, [diyProps?.StepsProps?.current]);
+
+  useEffect(() => {
+    onChange({
+      ...value,
+      formValues,
+    })
+  }, [formValues]);
+
+  console.log(value);
 
   return (
     <div style={diyProps.outSideDivStyle}>
-      <Steps {...diyProps.StepsProps}>
+      <Steps {...diyProps.StepsProps}
+             current={current}>
         {Array.isArray(diyProps.Step) &&
           diyProps.Step.map(g => {
             return <Step {...g} key={g.title} />;
           })}
       </Steps>
+      {!!partFormKey && (
+        <div>
+          <ZdyTable
+            {...partFormProps}
+            currentFormTitle={'Steps组件的子表单' + partFormKey}
+            key={partFormKey}
+            currentFormKey={partFormKey}
+            {...partFormProps?.datas[partFormKey]}
+          />
+        </div>
+      )}
     </div>
   );
 }