@bit-sun/business-component 3.1.10-alpha.1 → 3.1.10-alpha.11

package/src/components/Solution/RuleSetter/index.tsx

@@ -1,210 +1,210 @@
-import React, {
-  useEffect,
-  useState,
-  forwardRef,
-  useImperativeHandle,
-  useRef,
-} from 'react';
-import { Card } from 'antd';
-import BaseRule from './baseRule';
-import { request } from 'bssula';
-import {
-  formatOperationList,
-  formatRegularList,
-  formatGroupOtherPriorityList,
-  formatOtherPriorityList,
-} from './function';
-
-export default forwardRef((props: any, ref) => {
-  const currentSceneId = props?.id || props?.sceneId; // 规则模板id
-  const extStrField01 = props?.extStrField01; // 上层业务关键字段
-  const instanceName = props?.name; // 实例名称
-  const type = props?.type;
-
-  const [datail, setDetail] = useState<any>({}); // 规则模板详情
-  const [defRuleDetail, setDefRuleDetail] = useState<any>({}); // 规则设计器详情
-  const [operationList, setOperationList] = useState<any>([]);
-  const [regularDataList, setRegularDataList] = useState<any>([]);
-  const [baseRuleDetailList, setBaseRuleDetailList] = useState<any>([]); // 规则实例详情集合
-  const [systemVariableList, setSystemVariableList] = useState<any>([]);
-  const [isGetDefRuleDataRes, setIsGetDefRuleDataRes] = useState(false); // 为了在回显的时候辨别异步查询是否已完成，防止提前认为为新增设置了模板数据，导致再渲染编辑时候 输入框defaultValue不再渲染问题
-  const [isGetRuleDataRes, setIsGetRuleDataRes] = useState(false);
-  const [groupOtherPriorityList, setGroupOtherPriorityList] = useState(false);
-  const baseRuleRef = useRef();
-
-  const currentSceneName = datail?.name || '';
-
-  // 查询规则组下所有规则实例
-  const loadGroupRule = (params: any) => {
-    request({
-      url: '/basic/ruleDetail/listNoPage',
-      method: 'get',
-      convertParams: () => {
-        return params;
-      },
-    }).then((res: any) => {
-      const handleRes = res && Array.isArray(res) ? res : [];
-      // ①模板下所有实例 获取其他模板数据；②模板下部分实例  获取其他模板+此模板下另外一部分的实例数据
-      const otherPriorityList = !!extStrField01
-        ? formatOtherPriorityList(handleRes, currentSceneId, extStrField01)
-        : formatGroupOtherPriorityList(handleRes, currentSceneId);
-      setGroupOtherPriorityList(otherPriorityList);
-    });
-  };
-
-  // 查询规则模板详情
-  const loadDetail = (id: string) => {
-    request({
-      url: `/basic/ruleTemplate/${id}`,
-      method: 'get',
-      converter: (res: any) => {
-        return res;
-      },
-    }).then((res: any) => {
-      const handleRes = res?.data || {};
-      setDetail(handleRes);
-      if (type == 'instance') {
-        const groupList = handleRes?.ruleList?.map((h: any) => h.id) || [];
-        if (groupList?.length) {
-          const groupId = groupList.join(',');
-          loadGroupRule({
-            'qp-ruleId-in': groupId,
-            'qp-extStrField01-eq': extStrField01,
-          });
-        } else if (!!extStrField01) {
-          // 兼容没有规则组的情况
-          loadGroupRule({
-            'qp-templateId-eq': id,
-            'qp-extStrField01-eq': extStrField01,
-          });
-        }
-      }
-    });
-  };
-
-  // 查询规则对象树
-  const loadSceneObjectTree = (id: string) => {
-    request({
-      url: '/basic/ruleObject/list/detail',
-      method: 'get',
-      convertParams: () => {
-        return {
-          'qp-templateId-eq': id,
-        };
-      },
-    }).then((res: any) => {
-      const handleRes = res && Array.isArray(res) ? res : [];
-      setRegularDataList(formatRegularList(handleRes));
-    });
-  };
-
-  // 查询规则对象属性所有操作符类型
-  const getDataTypeOperation = (id: string) => {
-    request({
-      url: '/basic/rule/dataType',
-      method: 'get',
-      convertParams: () => {
-        return {
-          templateId: id,
-        };
-      },
-    }).then((res: any) => {
-      const handleRes = res && Array.isArray(res) ? res : [];
-      setOperationList(formatOperationList(handleRes));
-    });
-  };
-
-  // 查询模板设计器详情
-  const loadDefRuleData = (id: string) => {
-    request({
-      url: `/basic/ruleDefTemplate/one?ruleTemplateId=${id}`,
-      method: 'get',
-    }).then((res: any) => {
-      if (res?.id) {
-        setDefRuleDetail(res);
-      }
-      setIsGetDefRuleDataRes(true);
-    });
-  };
-  // 查询某模板规则实例设置
-  const loadRuleData = (id: string, extStr?: string) => {
-    request({
-      url: `/basic/ruleDetail/listNoPage`,
-      method: 'get',
-      convertParams: () => {
-        return {
-          'qp-templateId-eq': id,
-          'qp-extStrField01-eq': extStr,
-        };
-      },
-    }).then((res: any) => {
-      if (Array.isArray(res)) {
-        setBaseRuleDetailList(res);
-      }
-      setIsGetRuleDataRes(true);
-    });
-  };
-
-  // 查询某模板规则变量
-  const loadVariableData = (id: string) => {
-    request({
-      url: `/basic/ruleVariable/listNoPage?qp-templateId-eq=${id}`,
-      method: 'get',
-      converter: (res: any) => {
-        return res;
-      },
-    }).then(({ response }: any) => {
-      const data = response?.data || [];
-      setSystemVariableList(data);
-    });
-  };
-
-  useImperativeHandle(ref, () => ({
-    // @ts-ignore
-    handleSave: () => baseRuleRef.current.handleSave(),
-  }));
-
-  useEffect(() => {
-    if (currentSceneId) {
-      loadDetail(currentSceneId);
-      loadSceneObjectTree(currentSceneId);
-      getDataTypeOperation(currentSceneId);
-      loadDefRuleData(currentSceneId);
-      if (type == 'instance') {
-        loadRuleData(currentSceneId, extStrField01);
-      }
-      loadVariableData(currentSceneId);
-    }
-  }, [currentSceneId]);
-
-  return (
-    <div>
-      <Card bordered={false} bodyStyle={{ paddingTop: 0 }}>
-        <BaseRule
-          ref={baseRuleRef}
-          customerValidator={props?.customerValidator}
-          saveUrl={props?.saveUrl}
-          scenceParams={{
-            sceneId: currentSceneId,
-            sceneName: currentSceneName,
-            type,
-            ruleGroupList: datail?.ruleList || [],
-            isGetDefRuleDataRes: isGetDefRuleDataRes,
-            isGetRuleDataRes: isGetRuleDataRes,
-            groupOtherPriorityList: groupOtherPriorityList,
-            extStrField01,
-            instanceName,
-          }}
-          operationList={operationList}
-          regularDataList={regularDataList}
-          systemVariableList={systemVariableList}
-          loadRuleData={loadRuleData}
-          baseRuleDetailList={baseRuleDetailList}
-          loadDefRuleData={loadDefRuleData}
-          defRuleDetail={defRuleDetail}
-          RuleObjectComponentProps={props?.RuleObjectComponentProps||{}}
-        />
-      </Card>
-    </div>
-  );
-});
+import React, {
+  useEffect,
+  useState,
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+} from 'react';
+import { Card } from 'antd';
+import BaseRule from './baseRule';
+import { request } from 'bssula';
+import {
+  formatOperationList,
+  formatRegularList,
+  formatGroupOtherPriorityList,
+  formatOtherPriorityList,
+} from './function';
+
+export default forwardRef((props: any, ref) => {
+  const currentSceneId = props?.id || props?.sceneId; // 规则模板id
+  const extStrField01 = props?.extStrField01; // 上层业务关键字段
+  const instanceName = props?.name; // 实例名称
+  const type = props?.type;
+
+  const [datail, setDetail] = useState<any>({}); // 规则模板详情
+  const [defRuleDetail, setDefRuleDetail] = useState<any>({}); // 规则设计器详情
+  const [operationList, setOperationList] = useState<any>([]);
+  const [regularDataList, setRegularDataList] = useState<any>([]);
+  const [baseRuleDetailList, setBaseRuleDetailList] = useState<any>([]); // 规则实例详情集合
+  const [systemVariableList, setSystemVariableList] = useState<any>([]);
+  const [isGetDefRuleDataRes, setIsGetDefRuleDataRes] = useState(false); // 为了在回显的时候辨别异步查询是否已完成，防止提前认为为新增设置了模板数据，导致再渲染编辑时候 输入框defaultValue不再渲染问题
+  const [isGetRuleDataRes, setIsGetRuleDataRes] = useState(false);
+  const [groupOtherPriorityList, setGroupOtherPriorityList] = useState(false);
+  const baseRuleRef = useRef();
+
+  const currentSceneName = datail?.name || '';
+
+  // 查询规则组下所有规则实例
+  const loadGroupRule = (params: any) => {
+    request({
+      url: '/basic/ruleDetail/listNoPage',
+      method: 'get',
+      convertParams: () => {
+        return params;
+      },
+    }).then((res: any) => {
+      const handleRes = res && Array.isArray(res) ? res : [];
+      // ①模板下所有实例 获取其他模板数据；②模板下部分实例  获取其他模板+此模板下另外一部分的实例数据
+      const otherPriorityList = !!extStrField01
+        ? formatOtherPriorityList(handleRes, currentSceneId, extStrField01)
+        : formatGroupOtherPriorityList(handleRes, currentSceneId);
+      setGroupOtherPriorityList(otherPriorityList);
+    });
+  };
+
+  // 查询规则模板详情
+  const loadDetail = (id: string) => {
+    request({
+      url: `/basic/ruleTemplate/${id}`,
+      method: 'get',
+      converter: (res: any) => {
+        return res;
+      },
+    }).then((res: any) => {
+      const handleRes = res?.data || {};
+      setDetail(handleRes);
+      if (type == 'instance') {
+        const groupList = handleRes?.ruleList?.map((h: any) => h.id) || [];
+        if (groupList?.length) {
+          const groupId = groupList.join(',');
+          loadGroupRule({
+            'qp-ruleId-in': groupId,
+            'qp-extStrField01-eq': extStrField01,
+          });
+        } else if (!!extStrField01) {
+          // 兼容没有规则组的情况
+          loadGroupRule({
+            'qp-templateId-eq': id,
+            'qp-extStrField01-eq': extStrField01,
+          });
+        }
+      }
+    });
+  };
+
+  // 查询规则对象树
+  const loadSceneObjectTree = (id: string) => {
+    request({
+      url: '/basic/ruleObject/list/detail',
+      method: 'get',
+      convertParams: () => {
+        return {
+          'qp-templateId-eq': id,
+        };
+      },
+    }).then((res: any) => {
+      const handleRes = res && Array.isArray(res) ? res : [];
+      setRegularDataList(formatRegularList(handleRes));
+    });
+  };
+
+  // 查询规则对象属性所有操作符类型
+  const getDataTypeOperation = (id: string) => {
+    request({
+      url: '/basic/rule/dataType',
+      method: 'get',
+      convertParams: () => {
+        return {
+          templateId: id,
+        };
+      },
+    }).then((res: any) => {
+      const handleRes = res && Array.isArray(res) ? res : [];
+      setOperationList(formatOperationList(handleRes));
+    });
+  };
+
+  // 查询模板设计器详情
+  const loadDefRuleData = (id: string) => {
+    request({
+      url: `/basic/ruleDefTemplate/one?ruleTemplateId=${id}`,
+      method: 'get',
+    }).then((res: any) => {
+      if (res?.id) {
+        setDefRuleDetail(res);
+      }
+      setIsGetDefRuleDataRes(true);
+    });
+  };
+  // 查询某模板规则实例设置
+  const loadRuleData = (id: string, extStr?: string) => {
+    request({
+      url: `/basic/ruleDetail/listNoPage`,
+      method: 'get',
+      convertParams: () => {
+        return {
+          'qp-templateId-eq': id,
+          'qp-extStrField01-eq': extStr,
+        };
+      },
+    }).then((res: any) => {
+      if (Array.isArray(res)) {
+        setBaseRuleDetailList(res);
+      }
+      setIsGetRuleDataRes(true);
+    });
+  };
+
+  // 查询某模板规则变量
+  const loadVariableData = (id: string) => {
+    request({
+      url: `/basic/ruleVariable/listNoPage?qp-templateId-eq=${id}`,
+      method: 'get',
+      converter: (res: any) => {
+        return res;
+      },
+    }).then(({ response }: any) => {
+      const data = response?.data || [];
+      setSystemVariableList(data);
+    });
+  };
+
+  useImperativeHandle(ref, () => ({
+    // @ts-ignore
+    handleSave: () => baseRuleRef.current.handleSave(),
+  }));
+
+  useEffect(() => {
+    if (currentSceneId) {
+      loadDetail(currentSceneId);
+      loadSceneObjectTree(currentSceneId);
+      getDataTypeOperation(currentSceneId);
+      loadDefRuleData(currentSceneId);
+      if (type == 'instance') {
+        loadRuleData(currentSceneId, extStrField01);
+      }
+      loadVariableData(currentSceneId);
+    }
+  }, [currentSceneId]);
+
+  return (
+    <div>
+      <Card bordered={false} bodyStyle={{ paddingTop: 0 }}>
+        <BaseRule
+          ref={baseRuleRef}
+          customerValidator={props?.customerValidator}
+          saveUrl={props?.saveUrl}
+          scenceParams={{
+            sceneId: currentSceneId,
+            sceneName: currentSceneName,
+            type,
+            ruleGroupList: datail?.ruleList || [],
+            isGetDefRuleDataRes: isGetDefRuleDataRes,
+            isGetRuleDataRes: isGetRuleDataRes,
+            groupOtherPriorityList: groupOtherPriorityList,
+            extStrField01,
+            instanceName,
+          }}
+          operationList={operationList}
+          regularDataList={regularDataList}
+          systemVariableList={systemVariableList}
+          loadRuleData={loadRuleData}
+          baseRuleDetailList={baseRuleDetailList}
+          loadDefRuleData={loadDefRuleData}
+          defRuleDetail={defRuleDetail}
+          RuleObjectComponentProps={props?.RuleObjectComponentProps||{}}
+        />
+      </Card>
+    </div>
+  );
+});