@bit-sun/business-component 3.1.7 → 3.1.8

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

@@ -1,394 +1,394 @@
-import React, {
-  useEffect,
-  useState,
-  forwardRef,
-  useImperativeHandle,
-  useCallback,
-  useMemo,
-} from 'react';
-import _ from 'lodash';
-import RuleObjectComponent from '../RuleComponent/index.js';
-import { Spin, Space, Modal, message } from 'antd';
-import styles from './index.less';
-// @ts-ignore
-import { history } from 'umi';
-import { request } from 'bssula';
-import {
-  handleRuleResultList,
-  handleRuleShowBack,
-  handleRuleRequireCheck,
-  getInitClassData,
-} from './function';
-
-export default forwardRef((props: any, ref) => {
-  const {
-    scenceParams,
-    operationList = [],
-    regularDataList = [],
-    baseRuleDetailList = [],
-    systemVariableList = [],
-    defRuleDetail = {},
-  } = props;
-  const sceneId = scenceParams?.sceneId;
-  const sceneName = scenceParams?.sceneName;
-  const type = scenceParams?.type;
-  const ruleGroupList = scenceParams?.ruleGroupList;
-  const isGetDefRuleDataRes = scenceParams?.isGetDefRuleDataRes;
-  const isGetRuleDataRes = scenceParams?.isGetRuleDataRes;
-  const groupOtherPriorityList = scenceParams?.groupOtherPriorityList;
-  const extStrField01 = scenceParams?.extStrField01;
-  const instanceName = scenceParams?.instanceName;
-
-  const initialThresholdQuery = {};
-
-  const [loading, setLoading] = useState(false);
-  const [baseClassData, setBaseClassData] = useState<any>([]);
-  const [callbackData, setCallbackData] = useState<any>([]);
-  const [ruleTypeData, setRuleTypeData] = useState<any>([]);
-  const [ruleReturnConfig, setRuleReturnConfig] = useState<any>([]);
-  const [templateData, setTemplateData] = useState<any>({});
-
-  const loadRuleReturnConfig = (currentSceneId: string) => {
-    request({
-      url: `/basic/ruleTemplate/${currentSceneId}`,
-      method: 'GET',
-      converter: (res: any) => {
-        return res;
-      },
-    })
-      .then(({ response }: any) => {
-        const rRConfig =
-          (response?.data?.ext && JSON.parse(response?.data?.ext)?.config) ||
-          [];
-        //返回值变成多选，数组形式，兼容之前的单个对象
-        let newReturnConfig: any = [];
-        if (
-          (Object.prototype.toString.call(rRConfig) === '[object Object]' &&
-            Object?.keys(rRConfig).length) ||
-          (Array.isArray(rRConfig) && !!rRConfig.length)
-        ) {
-          if (Array.isArray(rRConfig)) {
-            newReturnConfig = rRConfig;
-          } else {
-            newReturnConfig = [rRConfig];
-          }
-        }
-        setRuleReturnConfig(newReturnConfig);
-      })
-      .catch(() => {});
-  };
-
-  const loadRuleConfigList = (currentSceneId: string) => {
-    request({
-      url: '/basic/ruleTemplate/result',
-      method: 'GET',
-      convertParams: () => {
-        return {
-          templateId: currentSceneId,
-        };
-      },
-      converter: (res: any) => {
-        return res;
-      },
-    })
-      .then(({ response }: any) => {
-        const functionRuleConfigList =
-          (Array.isArray(response?.data) &&
-            response?.data?.length &&
-            response.data.map((i: any) => {
-              const item = { ...i };
-              const ruleConfigList =
-                (Array.isArray(i.valueList) &&
-                  i.valueList?.length &&
-                  i.valueList.map((s: any) => JSON.parse(s))) ||
-                [];
-              if (ruleConfigList?.length) {
-                item.valueList = ruleConfigList.sort(
-                  (a: any, b: any) => a.priority - b.priority,
-                );
-              }
-              return item;
-            })) ||
-          [];
-        setRuleTypeData(functionRuleConfigList);
-      })
-      .catch(() => {});
-  };
-
-  useEffect(() => {
-    if (sceneId) {
-      loadRuleReturnConfig(sceneId);
-      loadRuleConfigList(sceneId);
-    }
-  }, [sceneId]);
-
-  const defRuleDetailId = defRuleDetail?.id;
-  const baseRuleDetailListFirstId = baseRuleDetailList?.[0]?.id;
-  // 处理规则设计器/规则实例 差异
-  const handleDiff = () => {
-    let diffResult: any = {};
-    if (!type) {
-      diffResult = {
-        title: `规则设计器${sceneName ? `【${sceneName}】` : ''}`,
-        onlyOneRule: true,
-        ruleList: (defRuleDetailId && [defRuleDetail]) || [],
-      };
-    }
-    if (type == 'instance') {
-      diffResult = {
-        title: sceneName || '规则实例',
-        onlyOneRule: false,
-        ruleList:
-          baseRuleDetailList?.sort(
-            (a: any, b: any) => a.priority - b.priority,
-          ) || [],
-      };
-    }
-    return diffResult;
-  };
-  const ruleList = useMemo(() => {
-    const rList = handleDiff().ruleList;
-    return rList;
-  }, [defRuleDetailId, baseRuleDetailListFirstId]);
-
-  const isTemplateRuleEdit = ruleList?.length;
-
-  useEffect(() => {
-    // 新增设计器模板
-    if (isGetDefRuleDataRes && !defRuleDetailId && !type) {
-      const initData = getInitClassData(ruleTypeData, ruleReturnConfig);
-      setCallbackData(initData);
-      setBaseClassData(initData);
-    }
-    // 新增规则实例
-    if (
-      isGetRuleDataRes &&
-      isGetDefRuleDataRes &&
-      !baseRuleDetailList?.[0]?.id &&
-      type == 'instance'
-    ) {
-      const templateList =
-        (defRuleDetail && defRuleDetailId && [defRuleDetail]) || [];
-      const isExitTemplateOne = templateList?.length;
-      const temp = handleRuleShowBack(
-        _.cloneDeep(templateList),
-        ruleTypeData,
-        ruleReturnConfig
-      )[0];
-      const templateInitOne = [_.omit(_.cloneDeep(temp), ['id', 'ruleId'])]; // 自动显示一条规则实例不能过滤ruleName，防止删除报错
-      const initData = isExitTemplateOne
-        ? templateInitOne
-        : getInitClassData(ruleTypeData, ruleReturnConfig);
-      setCallbackData(initData);
-      setBaseClassData(initData);
-    }
-
-    // 编辑
-    if (isTemplateRuleEdit) {
-      const newData = handleRuleShowBack(ruleList, ruleTypeData, ruleReturnConfig);
-      setCallbackData(newData);
-      setBaseClassData(newData);
-    }
-    // 设置规则实例模板数据
-    if (defRuleDetailId && type == 'instance') {
-      const templateList = (defRuleDetailId && [defRuleDetail]) || [];
-      const isExitTemplateOne = templateList?.length;
-      if (isExitTemplateOne) {
-        const temp = handleRuleShowBack(
-          _.cloneDeep(templateList),
-          ruleTypeData,
-          ruleReturnConfig
-        )[0];
-        setTemplateData(
-          _.omit(_.cloneDeep(temp), ['id', 'ruleId', 'ruleName']),
-        ); // 设置默认模板数据需要带上ruleName，因为这个ruleName不准确，在点击新增按钮还会重新生成
-      }
-    }
-  }, [
-    isTemplateRuleEdit,
-    ruleTypeData?.length,
-    isGetDefRuleDataRes,
-    isGetRuleDataRes,
-    ruleReturnConfig?.length
-  ]);
-
-  const upDateData = (newData: any) => {
-    const upNewData = _.cloneDeep(newData);
-    setCallbackData(upNewData);
-    const handleBaseClassData = upNewData.map((item: any, index: string) => {
-      const itemData = {
-        ...item,
-        extraInfo: {
-          response: ruleReturnConfig.map((s: any) => {
-            const Item = (item?.extraInfo?.response || []).find(
-              (u: any) => u.code === s.code,
-            );
-            if (Item) {
-              return Item;
-            }
-            return {
-              code: s?.code,
-              inputType: s?.inputType,
-              formulaName: s?.formulaName,
-              value: s?.value || s?.defaultValue || '',
-              enable: !!s?.enable,
-            };
-          }),
-          execute: ruleTypeData.map((s: any) => {
-            const mItem = (item?.extraInfo?.execute || []).find(
-              (u: any) => u.code === s.code,
-            );
-            if (mItem) {
-              return mItem;
-            }
-            return {
-              priority: 1,
-              code: s.code,
-              properties: {
-                configPropertyCode: 'configPropertyValue',
-              },
-            };
-          }),
-        },
-      };
-      return itemData;
-    });
-    setBaseClassData(handleBaseClassData);
-  };
-
-  const handleSave = (needCheckOnlyOne: boolean = false) => {
-    const ruleResultList = handleRuleResultList(callbackData, ruleTypeData);
-    if (needCheckOnlyOne && ruleResultList?.length === 0) {
-      message.warning('请至少配置一个规则！');
-      return Promise.reject();
-    }
-    const actionRequiredCheckObject = handleRuleRequireCheck(
-      ruleResultList,
-      ruleTypeData,
-      ruleReturnConfig
-    );
-    if (actionRequiredCheckObject?.checkResult) {
-      const modal = Modal.warning({
-        title: '保存校验提示',
-        content: actionRequiredCheckObject.checkInfo.map((i: any) => (
-          <div>{i}</div>
-        )),
-      });
-      setTimeout(() => {
-        modal.destroy();
-      }, 10000);
-      return;
-    }
-
-    // setLoading(true);
-
-    // 兼容没有规则组的情况
-    const params = ruleGroupList?.length
-      ? ruleGroupList.map((groupItem: any) => ({
-          ruleDetailList: ruleResultList.map((i: any) => ({
-            ...i,
-            status: i.status || 0, // 状态：0-待发布，1-已发布，2-停用
-            ruleId: groupItem.id,
-            templateId: sceneId, // 模板id
-            ...(extStrField01
-              ? { extStrField01: extStrField01 || i?.extStrField01 }
-              : {}),
-            ...(instanceName ? { name: instanceName || i?.name } : {}),
-          })),
-          ...(extStrField01 ? { extStrField01 } : {}),
-          ruleId: groupItem.id,
-          templateId: sceneId,
-        }))
-      : [
-          {
-            ruleDetailList: ruleResultList.map((i: any) => ({
-              ...i,
-              status: i.status || 0,
-              templateId: sceneId,
-              ...(extStrField01
-                ? { extStrField01: extStrField01 || i?.extStrField01 }
-                : {}),
-              ...(instanceName ? { name: instanceName || i?.name } : {}),
-            })),
-            ...(extStrField01 ? { extStrField01 } : {}),
-            templateId: sceneId,
-          },
-        ];
-
-    const handleUrl = `/basic/ruleDetail/addAndUpdate`;
-    const handleMethod = 'POST';
-
-    return request({
-      url: handleUrl,
-      method: handleMethod,
-      convertParams: () => {
-        return params;
-      },
-      converter: (res: any) => {
-        return res;
-      },
-    });
-    // .then(({ response }: any) => {
-    //   setLoading(false);
-    //   if (handleError(response)) {
-    //     message.success('保存成功');
-    //     !type ? loadDefRuleData(sceneId) : loadRuleData(sceneId,extStrField01);
-    //   }
-    // })
-    // .catch(() => {
-    //   setLoading(false);
-    // });
-  };
-
-  useImperativeHandle(ref, () => ({
-    handleSave,
-  }));
-
-  return (
-    <Spin spinning={loading}>
-      <div className={styles.base_rule}>
-        <div className={styles.base_rule_content}>
-          <p className={styles.base_rule_line_title}>
-            <span className={styles.rule_title}>{handleDiff()?.title}</span>
-            <p style={{ float: 'right' }} />
-          </p>
-          <div>
-            {/* @ts-ignore */}
-            {sceneId ? (<RuleObjectComponent
-                {...props?.RuleObjectComponentProps}
-                onlyOneRule={handleDiff()?.onlyOneRule}
-                ruleGroupInfo={{
-                  ruleGroupList,
-                  type,
-                  templateData,
-                  groupOtherPriorityList,
-                }}
-                ruleClassData={baseClassData}
-                initialThresholdQuery={initialThresholdQuery}
-                ruleTypeData={ruleTypeData}
-                ruleReturnConfig={ruleReturnConfig}
-                operationList={operationList}
-                regularDataList={regularDataList}
-                systemVariableList={systemVariableList}
-                callBack={(newData: any) => {
-                  upDateData(newData);
-                }}
-              />
-            ) : (
-              <div style={{ padding: 20 }}>
-                请先选择
-                <a
-                  onClick={() =>
-                    history.push('/rules-center/rules-of-the-scene')
-                  }
-                >
-                  模板
-                </a>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </Spin>
-  );
-});
+import React, {
+  useEffect,
+  useState,
+  forwardRef,
+  useImperativeHandle,
+  useCallback,
+  useMemo,
+} from 'react';
+import _ from 'lodash';
+import RuleObjectComponent from '../RuleComponent/index.js';
+import { Spin, Space, Modal, message } from 'antd';
+import styles from './index.less';
+// @ts-ignore
+import { history } from 'umi';
+import { request } from 'bssula';
+import {
+  handleRuleResultList,
+  handleRuleShowBack,
+  handleRuleRequireCheck,
+  getInitClassData,
+} from './function';
+
+export default forwardRef((props: any, ref) => {
+  const {
+    scenceParams,
+    operationList = [],
+    regularDataList = [],
+    baseRuleDetailList = [],
+    systemVariableList = [],
+    defRuleDetail = {},
+  } = props;
+  const sceneId = scenceParams?.sceneId;
+  const sceneName = scenceParams?.sceneName;
+  const type = scenceParams?.type;
+  const ruleGroupList = scenceParams?.ruleGroupList;
+  const isGetDefRuleDataRes = scenceParams?.isGetDefRuleDataRes;
+  const isGetRuleDataRes = scenceParams?.isGetRuleDataRes;
+  const groupOtherPriorityList = scenceParams?.groupOtherPriorityList;
+  const extStrField01 = scenceParams?.extStrField01;
+  const instanceName = scenceParams?.instanceName;
+
+  const initialThresholdQuery = {};
+
+  const [loading, setLoading] = useState(false);
+  const [baseClassData, setBaseClassData] = useState<any>([]);
+  const [callbackData, setCallbackData] = useState<any>([]);
+  const [ruleTypeData, setRuleTypeData] = useState<any>([]);
+  const [ruleReturnConfig, setRuleReturnConfig] = useState<any>([]);
+  const [templateData, setTemplateData] = useState<any>({});
+
+  const loadRuleReturnConfig = (currentSceneId: string) => {
+    request({
+      url: `/basic/ruleTemplate/${currentSceneId}`,
+      method: 'GET',
+      converter: (res: any) => {
+        return res;
+      },
+    })
+      .then(({ response }: any) => {
+        const rRConfig =
+          (response?.data?.ext && JSON.parse(response?.data?.ext)?.config) ||
+          [];
+        //返回值变成多选，数组形式，兼容之前的单个对象
+        let newReturnConfig: any = [];
+        if (
+          (Object.prototype.toString.call(rRConfig) === '[object Object]' &&
+            Object?.keys(rRConfig).length) ||
+          (Array.isArray(rRConfig) && !!rRConfig.length)
+        ) {
+          if (Array.isArray(rRConfig)) {
+            newReturnConfig = rRConfig;
+          } else {
+            newReturnConfig = [rRConfig];
+          }
+        }
+        setRuleReturnConfig(newReturnConfig);
+      })
+      .catch(() => {});
+  };
+
+  const loadRuleConfigList = (currentSceneId: string) => {
+    request({
+      url: '/basic/ruleTemplate/result',
+      method: 'GET',
+      convertParams: () => {
+        return {
+          templateId: currentSceneId,
+        };
+      },
+      converter: (res: any) => {
+        return res;
+      },
+    })
+      .then(({ response }: any) => {
+        const functionRuleConfigList =
+          (Array.isArray(response?.data) &&
+            response?.data?.length &&
+            response.data.map((i: any) => {
+              const item = { ...i };
+              const ruleConfigList =
+                (Array.isArray(i.valueList) &&
+                  i.valueList?.length &&
+                  i.valueList.map((s: any) => JSON.parse(s))) ||
+                [];
+              if (ruleConfigList?.length) {
+                item.valueList = ruleConfigList.sort(
+                  (a: any, b: any) => a.priority - b.priority,
+                );
+              }
+              return item;
+            })) ||
+          [];
+        setRuleTypeData(functionRuleConfigList);
+      })
+      .catch(() => {});
+  };
+
+  useEffect(() => {
+    if (sceneId) {
+      loadRuleReturnConfig(sceneId);
+      loadRuleConfigList(sceneId);
+    }
+  }, [sceneId]);
+
+  const defRuleDetailId = defRuleDetail?.id;
+  const baseRuleDetailListFirstId = baseRuleDetailList?.[0]?.id;
+  // 处理规则设计器/规则实例 差异
+  const handleDiff = () => {
+    let diffResult: any = {};
+    if (!type) {
+      diffResult = {
+        title: `规则设计器${sceneName ? `【${sceneName}】` : ''}`,
+        onlyOneRule: true,
+        ruleList: (defRuleDetailId && [defRuleDetail]) || [],
+      };
+    }
+    if (type == 'instance') {
+      diffResult = {
+        title: sceneName || '规则实例',
+        onlyOneRule: false,
+        ruleList:
+          baseRuleDetailList?.sort(
+            (a: any, b: any) => a.priority - b.priority,
+          ) || [],
+      };
+    }
+    return diffResult;
+  };
+  const ruleList = useMemo(() => {
+    const rList = handleDiff().ruleList;
+    return rList;
+  }, [defRuleDetailId, baseRuleDetailListFirstId]);
+
+  const isTemplateRuleEdit = ruleList?.length;
+
+  useEffect(() => {
+    // 新增设计器模板
+    if (isGetDefRuleDataRes && !defRuleDetailId && !type) {
+      const initData = getInitClassData(ruleTypeData, ruleReturnConfig);
+      setCallbackData(initData);
+      setBaseClassData(initData);
+    }
+    // 新增规则实例
+    if (
+      isGetRuleDataRes &&
+      isGetDefRuleDataRes &&
+      !baseRuleDetailList?.[0]?.id &&
+      type == 'instance'
+    ) {
+      const templateList =
+        (defRuleDetail && defRuleDetailId && [defRuleDetail]) || [];
+      const isExitTemplateOne = templateList?.length;
+      const temp = handleRuleShowBack(
+        _.cloneDeep(templateList),
+        ruleTypeData,
+        ruleReturnConfig
+      )[0];
+      const templateInitOne = [_.omit(_.cloneDeep(temp), ['id', 'ruleId'])]; // 自动显示一条规则实例不能过滤ruleName，防止删除报错
+      const initData = isExitTemplateOne
+        ? templateInitOne
+        : getInitClassData(ruleTypeData, ruleReturnConfig);
+      setCallbackData(initData);
+      setBaseClassData(initData);
+    }
+
+    // 编辑
+    if (isTemplateRuleEdit) {
+      const newData = handleRuleShowBack(ruleList, ruleTypeData, ruleReturnConfig);
+      setCallbackData(newData);
+      setBaseClassData(newData);
+    }
+    // 设置规则实例模板数据
+    if (defRuleDetailId && type == 'instance') {
+      const templateList = (defRuleDetailId && [defRuleDetail]) || [];
+      const isExitTemplateOne = templateList?.length;
+      if (isExitTemplateOne) {
+        const temp = handleRuleShowBack(
+          _.cloneDeep(templateList),
+          ruleTypeData,
+          ruleReturnConfig
+        )[0];
+        setTemplateData(
+          _.omit(_.cloneDeep(temp), ['id', 'ruleId', 'ruleName']),
+        ); // 设置默认模板数据需要带上ruleName，因为这个ruleName不准确，在点击新增按钮还会重新生成
+      }
+    }
+  }, [
+    isTemplateRuleEdit,
+    ruleTypeData?.length,
+    isGetDefRuleDataRes,
+    isGetRuleDataRes,
+    ruleReturnConfig?.length
+  ]);
+
+  const upDateData = (newData: any) => {
+    const upNewData = _.cloneDeep(newData);
+    setCallbackData(upNewData);
+    const handleBaseClassData = upNewData.map((item: any, index: string) => {
+      const itemData = {
+        ...item,
+        extraInfo: {
+          response: ruleReturnConfig.map((s: any) => {
+            const Item = (item?.extraInfo?.response || []).find(
+              (u: any) => u.code === s.code,
+            );
+            if (Item) {
+              return Item;
+            }
+            return {
+              code: s?.code,
+              inputType: s?.inputType,
+              formulaName: s?.formulaName,
+              value: s?.value || s?.defaultValue || '',
+              enable: !!s?.enable,
+            };
+          }),
+          execute: ruleTypeData.map((s: any) => {
+            const mItem = (item?.extraInfo?.execute || []).find(
+              (u: any) => u.code === s.code,
+            );
+            if (mItem) {
+              return mItem;
+            }
+            return {
+              priority: 1,
+              code: s.code,
+              properties: {
+                configPropertyCode: 'configPropertyValue',
+              },
+            };
+          }),
+        },
+      };
+      return itemData;
+    });
+    setBaseClassData(handleBaseClassData);
+  };
+
+  const handleSave = (needCheckOnlyOne: boolean = false) => {
+    const ruleResultList = handleRuleResultList(callbackData, ruleTypeData);
+    if (needCheckOnlyOne && ruleResultList?.length === 0) {
+      message.warning('请至少配置一个规则！');
+      return Promise.reject();
+    }
+    const actionRequiredCheckObject = handleRuleRequireCheck(
+      ruleResultList,
+      ruleTypeData,
+      ruleReturnConfig
+    );
+    if (actionRequiredCheckObject?.checkResult) {
+      const modal = Modal.warning({
+        title: '保存校验提示',
+        content: actionRequiredCheckObject.checkInfo.map((i: any) => (
+          <div>{i}</div>
+        )),
+      });
+      setTimeout(() => {
+        modal.destroy();
+      }, 10000);
+      return;
+    }
+
+    // setLoading(true);
+
+    // 兼容没有规则组的情况
+    const params = ruleGroupList?.length
+      ? ruleGroupList.map((groupItem: any) => ({
+          ruleDetailList: ruleResultList.map((i: any) => ({
+            ...i,
+            status: i.status || 0, // 状态：0-待发布，1-已发布，2-停用
+            ruleId: groupItem.id,
+            templateId: sceneId, // 模板id
+            ...(extStrField01
+              ? { extStrField01: extStrField01 || i?.extStrField01 }
+              : {}),
+            ...(instanceName ? { name: instanceName || i?.name } : {}),
+          })),
+          ...(extStrField01 ? { extStrField01 } : {}),
+          ruleId: groupItem.id,
+          templateId: sceneId,
+        }))
+      : [
+          {
+            ruleDetailList: ruleResultList.map((i: any) => ({
+              ...i,
+              status: i.status || 0,
+              templateId: sceneId,
+              ...(extStrField01
+                ? { extStrField01: extStrField01 || i?.extStrField01 }
+                : {}),
+              ...(instanceName ? { name: instanceName || i?.name } : {}),
+            })),
+            ...(extStrField01 ? { extStrField01 } : {}),
+            templateId: sceneId,
+          },
+        ];
+
+    const handleUrl = `/basic/ruleDetail/addAndUpdate`;
+    const handleMethod = 'POST';
+
+    return request({
+      url: handleUrl,
+      method: handleMethod,
+      convertParams: () => {
+        return params;
+      },
+      converter: (res: any) => {
+        return res;
+      },
+    });
+    // .then(({ response }: any) => {
+    //   setLoading(false);
+    //   if (handleError(response)) {
+    //     message.success('保存成功');
+    //     !type ? loadDefRuleData(sceneId) : loadRuleData(sceneId,extStrField01);
+    //   }
+    // })
+    // .catch(() => {
+    //   setLoading(false);
+    // });
+  };
+
+  useImperativeHandle(ref, () => ({
+    handleSave,
+  }));
+
+  return (
+    <Spin spinning={loading}>
+      <div className={styles.base_rule}>
+        <div className={styles.base_rule_content}>
+          <p className={styles.base_rule_line_title}>
+            <span className={styles.rule_title}>{handleDiff()?.title}</span>
+            <p style={{ float: 'right' }} />
+          </p>
+          <div>
+            {/* @ts-ignore */}
+            {sceneId ? (<RuleObjectComponent
+                {...props?.RuleObjectComponentProps}
+                onlyOneRule={handleDiff()?.onlyOneRule}
+                ruleGroupInfo={{
+                  ruleGroupList,
+                  type,
+                  templateData,
+                  groupOtherPriorityList,
+                }}
+                ruleClassData={baseClassData}
+                initialThresholdQuery={initialThresholdQuery}
+                ruleTypeData={ruleTypeData}
+                ruleReturnConfig={ruleReturnConfig}
+                operationList={operationList}
+                regularDataList={regularDataList}
+                systemVariableList={systemVariableList}
+                callBack={(newData: any) => {
+                  upDateData(newData);
+                }}
+              />
+            ) : (
+              <div style={{ padding: 20 }}>
+                请先选择
+                <a
+                  onClick={() =>
+                    history.push('/rules-center/rules-of-the-scene')
+                  }
+                >
+                  模板
+                </a>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </Spin>
+  );
+});