feat: 添加 到期日 与 有效期之间的联动

src/pages/member/components/QualitiesUploadFormItem/effects.ts

+/*
+ * @Author: XieZhiXiong
+ * @Date: 2021-06-15 13:38:56
+ * @LastEditors: XieZhiXiong
+ * @LastEditTime: 2021-06-15 14:10:11
+ * @Description: 联动逻辑
+ */
+import { FormEffectHooks, FormPath } from '@formily/antd';
+
+const { 
+  onFieldInputChange$, 
+} = FormEffectHooks;
+
+export const useBusinessEffects = (context, actions, fieldName: string) => {
+  const {
+    setFieldState, 
+  } = actions;
+
+  // 如果勾选了长期有效，则清空 到期日
+  onFieldInputChange$(`${fieldName}.*.permanent`).subscribe(fieldState => {
+    const { name, value } = fieldState;
+    if (value && value.length) {
+      setFieldState(
+        FormPath.transform(name, /\d/, $1 => {
+          return `${fieldName}.${$1}.expireDay`
+        }),
+        state => {
+          state.value = '';
+        }
+      );
+    }
+  });
+  
+  // 如果选择了到期日，则清空 有效期
+  onFieldInputChange$(`${fieldName}.*.expireDay`).subscribe(fieldState => {
+    const { name, value } = fieldState;
+    if (value && value.length) {
+      setFieldState(
+        FormPath.transform(name, /\d/, $1 => {
+          return `${fieldName}.${$1}.permanent`
+        }),
+        state => {
+          state.value = [];
+        }
+      );
+    }
+  });
+}
\ No newline at end of file

src/pages/member/memberPrVerifyComingData/components/UploadQualificationsDrawer/index.tsx

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2021-06-01 20:03:23
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-04 20:47:18
+ * @LastEditTime: 2021-06-15 13:54:42
  * @Description: 补充资质证明抽屉
  */
 import React from 'react';
@@ -16,6 +16,7 @@ import {
 import { DatePicker, Checkbox } from '@formily/antd-components'
 import NiceForm from '@/components/NiceForm';
 import { schema } from './schema';
+import { useBusinessEffects } from '../../../components/QualitiesUploadFormItem/effects';
 import QualitiesUpload from '../../../components/QualitiesUpload';
 import QualitiesUploadFormItem from '../../../components/QualitiesUploadFormItem';
 
@@ -123,8 +124,8 @@ const UploadQualificationsDrawer: React.FC<IProps> = (props: IProps) => {
           QualitiesUpload,
           QualitiesUploadFormItem,
         }}
-        effects={() => {
-
+        effects={(context, actions) => {
+          useBusinessEffects(context, actions, 'qualities');
         }}
         actions={formActions}
         schema={schema}

src/pages/member/memberQuery/applyMember/index.tsx

@@ -22,6 +22,7 @@ import NiceForm from '@/components/NiceForm';
 import MellowCard from '@/components/MellowCard';
 import { PublicApi } from '@/services/api';
 import schema, { GroupItem } from './schema';
+import { useBusinessEffects } from '../../components/QualitiesUploadFormItem/effects';
 import ComingAgreement from './components/ComingAgreement';
 import RegisterInfo from './components/RegisterInfo';
 import SubmitSuccess from './components/SubmitSuccess';
@@ -337,7 +338,7 @@ const MemberQueryApplyMember: React.FC = () => {
               RegisterInfo: <RegisterInfo upperMemberId={upperMemberId} upperRoleId={upperRoleId} />,
               SubmitSuccess: <SubmitSuccess />,
             }}
-            effects={($, { setFieldState }) => {
+            effects={($, actions) => {
               onStepNext$().subscribe(() => {
                 stepRef.current += 1;
                 setCurrenStep(stepRef.current);
@@ -354,6 +355,8 @@ const MemberQueryApplyMember: React.FC = () => {
                   setUnsaved(true);
                 }
               });
+
+              useBusinessEffects($, actions, 'step4.qualities');
             }}
             schema={schema(depositInfo, validateId)}
           />

src/pages/member/memberQuery/applyMember/schema.ts

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2021-05-26 17:00:39
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-07 11:58:03
+ * @LastEditTime: 2021-06-15 14:05:18
  * @Description: 
  */
 import { ISchema } from '@formily/antd';