feat(approval): 审批系统去掉门店业态预设条件:从门店预设条件值中手动提取 bizType 交集

徐欣
1 parent dde14fa3
Showing 2 changed files with 96 additions and 14 deletions
src/pages/approval/ApprovalSetting/subpages/components/DefaultFlowNewOrEdit.tsx
src/pages/approval/FlowSetting/subpages/ConditionSetting/components/CustomFlowNewOrEdit.tsx
@@ -111,7 +111,7 @@ export default function DefaultSettingNewOrEdit(props: Props) {
     }
   }, [visible, data]);
  
-  // 从已选择门店中获取 bizType 交集
+  // 从已选择门店中自动计算 bizType 交集
   const shopBizTypes = useMemo(() => {
     const shopCondVals = conditionVals.filter((i) => i.flowTriggerDto.type === TriggerType.门店);
     if (!shopCondVals.length) return [];
@@ -126,6 +126,21 @@ export default function DefaultSettingNewOrEdit(props: Props) {
     });
     return Array.from(bizTypeSet.values());
   }, [conditionVals]);
+  // 计算最新 bizType 交集
+  const getShopBizTypes = (cVals: ApprovalSetting.ConditionVal[]) => {
+    const shopCondVals = cVals.filter((i) => i.flowTriggerDto.type === TriggerType.门店);
+    if (!shopCondVals.length) return [];
+    const bizTypeSet = new Set<number>();
+    shopCondVals.forEach((s) => {
+      try {
+        const options = JSON.parse(s.value);
+        options.forEach((o: FlowSetting.CondValItem) => {
+          bizTypeSet.add(o.bizType!);
+        });
+      } catch {}
+    });
+    return Array.from(bizTypeSet.values());
+  };
  
   const hide = () => {
     onCancel && onCancel();
@@ -171,8 +186,21 @@ export default function DefaultSettingNewOrEdit(props: Props) {
     });
   };
  
+  // 门店业态值减少时交互：旧业态值不存在于新业态值数组
+  const clearRoles = (newCondVals: ApprovalSetting.ConditionVal[]) => {
+    const oldShopBizTypes = [...shopBizTypes];
+    const newShopBizTypes = getShopBizTypes(newCondVals);
+    oldShopBizTypes.forEach((i) => {
+      if (!newShopBizTypes.includes(i)) {
+        // 清空已添加审批角色列表
+        setRoles([]);
+      }
+    });
+  };
+
   const onConditionChange = (item: ApprovalSetting.ConditionVal, values: any, index: number) => {
     const { value, flowTriggerDto } = item;
+
     // idOrCode--bizType
     let newValue;
     if (flowTriggerDto.type === TriggerType.门店) {
@@ -185,10 +213,12 @@ export default function DefaultSettingNewOrEdit(props: Props) {
     } else {
       newValue = Array.isArray(values) ? values.map((i) => ({ idOrCode: i.value, name: i.label })) : values;
     }
+
+    // 计算新条件值
+    const newCondVals = [...conditionVals];
     if (flowTriggerDto && [2, 3, 4, 5, 6, 7, 8].includes(flowTriggerDto.judgeRule ?? 0)) {
       const _item = { ...item, value: JSON.stringify(newValue) };
-      conditionVals[index] = _item;
-      setConditionVals([...conditionVals]);
+      newCondVals[index] = _item;
     } else {
       const _item = {
         ...item,
@@ -197,9 +227,16 @@ export default function DefaultSettingNewOrEdit(props: Props) {
           ...newValue,
         }),
       };
-      conditionVals[index] = _item;
-      setConditionVals([...conditionVals]);
+      newCondVals[index] = _item;
     }
+
+    // 门店业态值减少时交互
+    if (flowTriggerDto.type === TriggerType.门店) {
+      clearRoles(newCondVals);
+    }
+
+    // 更新条件值
+    setConditionVals(newCondVals);
   };
  
   // 选择需要配置的预设条件
@@ -208,6 +245,10 @@ export default function DefaultSettingNewOrEdit(props: Props) {
       const currVal = conditionVals.find((c) => c.flowTriggerDto.id === i);
       return { value: currVal ? currVal.value : '', flowTriggerDto: preCondition.find((p) => p.id === i)! };
     });
+
+    // 门店业态值减少时交互
+    clearRoles(tempVals);
+
     setConditionVals(tempVals);
   };
  
@@ -51,7 +51,7 @@ export default function CustomFlowNewOrEdit(props: Props) {
   const [form] = Form.useForm();
  
   // 触发条件对应表单值
-  const [conditionVals, setConditionVals] = useState<ApprovalSetting.ConditionVal[]>([]);
+  const [conditionVals, setConditionVals] = useState<FlowSetting.ConditionVal[]>([]);
   // 条件审批配置-->默认审批流程-->附加审批角色
   const [roles, setRoles] = useState<FlowSetting.ApprovalRoleItem[][]>([]);
  
@@ -85,7 +85,7 @@ export default function CustomFlowNewOrEdit(props: Props) {
       setSelectList(tempData);
  
       // 主要条件要必选
-      const essVals: ApprovalSetting.ConditionVal[] = [];
+      const essVals: FlowSetting.ConditionVal[] = [];
       preCondition.forEach((i) => {
         const currVal = (data?.conditionValues ?? []).find((c) => c.flowTriggerDto.id === i.id);
         if (i.essential && !currVal) {
@@ -129,7 +129,7 @@ export default function CustomFlowNewOrEdit(props: Props) {
     }
   }, [visible, data]);
  
-  // 从已选择门店中获取 bizType 交集
+  // 从已选择门店中自动计算 bizType 交集
   const shopBizTypes = useMemo(() => {
     const shopCondVals = conditionVals.filter((i) => i.flowTriggerDto.type === TriggerType.门店);
     if (!shopCondVals.length) return [];
@@ -144,6 +144,21 @@ export default function CustomFlowNewOrEdit(props: Props) {
     });
     return Array.from(bizTypeSet.values());
   }, [conditionVals]);
+  // 计算最新 bizType 交集
+  const getShopBizTypes = (cVals: FlowSetting.ConditionVal[]) => {
+    const shopCondVals = cVals.filter((i) => i.flowTriggerDto.type === TriggerType.门店);
+    if (!shopCondVals.length) return [];
+    const bizTypeSet = new Set<number>();
+    shopCondVals.forEach((s) => {
+      try {
+        const options = JSON.parse(s.value);
+        options.forEach((o: FlowSetting.CondValItem) => {
+          bizTypeSet.add(o.bizType!);
+        });
+      } catch {}
+    });
+    return Array.from(bizTypeSet.values());
+  };
  
   const hide = () => {
     onCancel && onCancel();
@@ -184,8 +199,21 @@ export default function CustomFlowNewOrEdit(props: Props) {
     });
   };
  
-  const onConditionChange = (item: ApprovalSetting.ConditionVal, values: any, index: number) => {
+  // 门店业态值减少时交互：旧业态值不存在于新业态值数组
+  const clearRoles = (newCondVals: FlowSetting.ConditionVal[]) => {
+    const oldShopBizTypes = [...shopBizTypes];
+    const newShopBizTypes = getShopBizTypes(newCondVals);
+    oldShopBizTypes.forEach((i) => {
+      if (!newShopBizTypes.includes(i)) {
+        // 清空已添加审批角色列表
+        setRoles([]);
+      }
+    });
+  };
+
+  const onConditionChange = (item: FlowSetting.ConditionVal, values: any, index: number) => {
     const { value, flowTriggerDto } = item;
+
     // idOrCode--bizType
     let newValue;
     if (flowTriggerDto.type === TriggerType.门店) {
@@ -198,10 +226,12 @@ export default function CustomFlowNewOrEdit(props: Props) {
     } else {
       newValue = Array.isArray(values) ? values.map((i) => ({ idOrCode: i.value, name: i.label })) : values;
     }
+
+    // 计算新条件值
+    const newCondVals = [...conditionVals];
     if (flowTriggerDto && [2, 3, 4, 5, 6, 7, 8].includes(flowTriggerDto.judgeRule ?? 0)) {
       const _item = { ...item, value: JSON.stringify(newValue) };
-      conditionVals[index] = _item;
-      setConditionVals([...conditionVals]);
+      newCondVals[index] = _item;
     } else {
       const _item = {
         ...item,
@@ -210,9 +240,16 @@ export default function CustomFlowNewOrEdit(props: Props) {
           ...newValue,
         }),
       };
-      conditionVals[index] = _item;
-      setConditionVals([...conditionVals]);
+      newCondVals[index] = _item;
     }
+
+    // 门店业态值减少时交互
+    if (flowTriggerDto.type === TriggerType.门店) {
+      clearRoles(newCondVals);
+    }
+
+    // 更新条件值
+    setConditionVals(newCondVals);
   };
  
   // 选择需要配置的预设条件
@@ -221,6 +258,10 @@ export default function CustomFlowNewOrEdit(props: Props) {
       const currVal = conditionVals.find((c) => c.flowTriggerDto?.id == i);
       return { value: currVal ? currVal.value : '', flowTriggerDto: preCondition.find((p) => p.id === i)! };
     });
+
+    // 门店业态值减少时交互
+    clearRoles(tempVals);
+
     setConditionVals(tempVals);
   };
  
@@ -251,7 +292,7 @@ export default function CustomFlowNewOrEdit(props: Props) {
           </Select>
         </Form.Item>
  
-        {conditionVals.map((item: ApprovalSetting.ConditionVal, index: number) => {
+        {conditionVals.map((item: FlowSetting.ConditionVal, index: number) => {
           const { flowTriggerDto, value } = item;
           const originalData = JSON.parse(value || '{}'); // 触发的条件选的值
           const { name, judgeRule = 0, type, id } = flowTriggerDto ?? {}; // 触发条件信息