@bit-sun/business-component 2.2.49 → 2.3.0

package/src/components/Solution/RuleComponent/index.js

@@ -0,0 +1,2028 @@
+import React, { Component } from 'react';
+// @ts-ignore
+import _ from 'lodash';
+import RuleField from './ruleFiled';
+import {
+  Select,
+  Button,
+  Radio,
+  Switch,
+  Checkbox,
+  InputNumber,
+  TreeSelect,
+  Popover,
+  Input,
+  DatePicker,
+  Table,
+  Divider,
+  Space,
+  Form as AntdForm,
+  Modal,
+  message,
+} from 'antd';
+import {
+  PlusCircleOutlined,
+  MinusCircleOutlined,
+  DownOutlined,
+} from '@ant-design/icons';
+import './index.less';
+import {
+  relateItems,
+  getSpecialPropertyCode,
+  getPropertyCode,
+  isObj,
+} from './util';
+import { getDictionarySource, uuid } from '../../../utils/utils';
+import {
+  BusinessSearchSelect,
+  BusinessTreeSearchSelect,
+  EllipsisTooltip,
+  BsCascader,
+} from '../../../index';
+import { request } from 'bssula';
+import Formula from './Formula';
+import RenderSpecificAction from './renderSpecificAction';
+
+const { RangePicker } = DatePicker;
+
+class RuleObjectComponent extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      editNameIndex: 0,
+      isEdit: false,
+      ruleTreeData: [],
+      initialRegularList: [],
+      operationList: [],
+      ruleClassData: [],
+      modalParams: {
+        visible: false,
+      },
+    };
+    this.propertyCodeToRangeIdMap = {};
+    this.dictCodeToRangeIdMap = {};
+    this.dynamicDictCodeToRangeIdMap = {};
+  }
+
+  componentDidMount(props) {
+    const { ruleClassData, operationList, regularDataList } = this.props;
+    this.setRegularData(regularDataList);
+    this.setState({
+      ruleClassData,
+      operationList,
+    });
+  }
+
+  componentWillReceiveProps(nextProps) {
+    const { ruleClassData, operationList, regularDataList } = this.state;
+    if (
+      nextProps.ruleClassData &&
+      this.props.ruleClassData != nextProps.ruleClassData &&
+      JSON.stringify(nextProps.ruleClassData) != JSON.stringify(ruleClassData)
+    ) {
+      this.setState({
+        ruleClassData: nextProps.ruleClassData,
+      });
+    }
+
+    if (
+      nextProps.operationList &&
+      this.props.operationList != nextProps.operationList
+    ) {
+      this.setState({
+        operationList: nextProps.operationList,
+      });
+    }
+
+    if (
+      nextProps.regularDataList &&
+      this.props.regularDataList != nextProps.regularDataList
+    ) {
+      this.setRegularData(nextProps.regularDataList);
+    }
+  }
+
+  setRegularData = (regularDataList) => {
+    this.propertyCodeToRangeIdMap = {};
+    this.dictCodeToRangeIdMap = {};
+    this.dynamicDictCodeToRangeIdMap = {};
+    const finalTreeDatas = regularDataList.map((item) => {
+      return {
+        title: item.name,
+        key: item.id,
+        value: item.code,
+        ...(item?.propertyList?.length
+          ? {
+              children: item.propertyList.map((element) => {
+                const infoVo = (element.info && JSON.parse(element.info)) || {};
+                if (element.choiceType === 30) {
+                  this.dynamicDictCodeToRangeIdMap[
+                    `${item.code}.${element.code}`
+                  ] = infoVo?.dictionaryCode;
+                } else if (element.choiceType === 20) {
+                  this.dictCodeToRangeIdMap[`${item.code}.${element.code}`] =
+                    infoVo?.dictionaryCode;
+                } else if (element.choiceType === 10) {
+                  const list =
+                    (Object.keys(infoVo).length &&
+                      infoVo.enumeration &&
+                      Object.keys(infoVo.enumeration).map((i) => ({
+                        code: i,
+                        name: infoVo.enumeration[i],
+                      }))) ||
+                    undefined;
+                  this.propertyCodeToRangeIdMap[
+                    `${item.code}.${element.code}`
+                  ] = list;
+                } else {
+                  this.propertyCodeToRangeIdMap[
+                    `${item.code}.${element.code}`
+                  ] = Object.keys(infoVo).length ? infoVo : undefined;
+                }
+                let child = {
+                  title: `${item.name}-${element.name}`,
+                  key: element.id,
+                  value: `${element.code}`,
+                  id: element.id,
+                  dataTypeCode: element.valueType,
+                  dataChoiceBusinessType: element.choiceType,
+                  dataInputBusinessType: element.inputType,
+                  info: element.info,
+                };
+                if (element?.propertyList?.length) {
+                  child.children = this.parseChildTreeData(
+                    element.propertyList,
+                    `${element.code}`,
+                    `${item.name}-${element.name}`,
+                    item.code,
+                  );
+                  child.isLeaf = false;
+                } else {
+                  child.isLeaf = true;
+                  child.metaObjectCode = item.code;
+                }
+                return child;
+              }),
+            }
+          : {}),
+      };
+    });
+    this.setState({
+      initialRegularList: [...regularDataList],
+      ruleTreeData: finalTreeDatas,
+    });
+  };
+
+  parseChildTreeData = (list, parentKey, parentTitle, rootObjCode) => {
+    return list.map((element) => {
+      const infoVo = (element.info && JSON.parse(element.info)) || {};
+      if (element.choiceType === 30) {
+        this.dynamicDictCodeToRangeIdMap[
+          `${rootObjCode}.${parentKey}.${element.code}`
+        ] = infoVo?.dictionaryCode;
+      } else if (element.choiceType === 20) {
+        this.dictCodeToRangeIdMap[
+          `${rootObjCode}.${parentKey}.${element.code}`
+        ] = infoVo?.dictionaryCode;
+      } else if (element.choiceType === 10) {
+        const list =
+          (Object.keys(infoVo).length &&
+            infoVo.enumeration &&
+            Object.keys(infoVo.enumeration).map((i) => ({
+              code: i,
+              name: infoVo.enumeration[i],
+            }))) ||
+          undefined;
+        this.propertyCodeToRangeIdMap[
+          `${rootObjCode}.${parentKey}.${element.code}`
+        ] = list;
+      } else {
+        this.propertyCodeToRangeIdMap[
+          `${rootObjCode}.${parentKey}.${element.code}`
+        ] = Object.keys(infoVo).length ? infoVo : undefined;
+      }
+      let child = {
+        title: `${parentTitle}-${element.name}`,
+        key: `${parentKey}.${element.id}`,
+        value: `${parentKey}.${element.code}`,
+        id: element.id,
+        dataTypeCode: element.valueType,
+        dataChoiceBusinessType: element.choiceType,
+        dataInputBusinessType: element.inputType,
+        info: element.info,
+      };
+      if (element.propertyList) {
+        child.children = this.parseChildTreeData(
+          element.propertyList,
+          `${parentKey}.${element.code}`,
+          `${parentTitle}-${element.name}`,
+          rootObjCode,
+        );
+        child.isLeaf = false;
+      } else {
+        child.isLeaf = true;
+        child.metaObjectCode = rootObjCode;
+      }
+      return child;
+    });
+  };
+
+  getDataTypeOperateList = (id) => {
+    const { operationList, initialRegularList } = this.state;
+    // let typeId = '';
+    // initialRegularList.forEach(item => {
+    //     item.metaObjectResDto.elementResDtos.forEach(element => {
+    //         if (element.id == id) {
+    //             typeId = element.dataTypeCode;
+    //         }
+    //     })
+    // })
+    const list =
+      operationList.find((item) => item.code == id)?.operationList || [];
+    return list;
+  };
+
+  handleValuesChange = (itemDetail, newValues, newValueNames) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    itemDetail.params = [...newValues];
+    itemDetail.paramNames = [...newValueNames];
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  setRelateDataList = (classDataItem) => {
+    let relateDatas = {};
+    relateItems.forEach((relateItem) => {
+      this.getRelateData(
+        relateItem,
+        classDataItem.subExpression || {},
+        relateDatas,
+      );
+    });
+    return relateDatas;
+  };
+
+  getRelateData = (relateItem, classDataItem, relateDatas) => {
+    if (
+      classDataItem?.propertyPath &&
+      getPropertyCode(classDataItem.propertyPath) == relateItem.propertyCode
+    ) {
+      relateDatas[relateItem.propertyCode] = classDataItem.params;
+    } else {
+      if (classDataItem.subExpression && classDataItem.subExpression.length) {
+        classDataItem.subExpression.forEach((classData) => {
+          this.getRelateData(relateItem, classData, relateDatas);
+        });
+      }
+    }
+  };
+
+  renderRuleContent = () => {
+    const { ruleClassData, currentRuleName, isEdit, editNameIndex } =
+      this.state;
+    const {
+      ruleType,
+      callBack,
+      accountList = [],
+      disabled,
+      ruleTypeData,
+      canDelete = false,
+      ruleReturnConfig = {},
+      onlyOneRule,
+      onlyCondition,
+      onlyAction,
+      handleOperatingAction,
+      ruleGroupInfo,
+    } = this.props;
+    const isRuleInstance = ruleGroupInfo?.type?.indexOf('instance') > -1;
+    const ruleGroupName = ruleGroupInfo?.ruleGroupList?.[0]?.name || '规则分组';
+    const priorityList = (ruleGroupInfo?.groupOtherPriorityList || []).concat(ruleClassData|| []);
+    const canChangePriority = ruleGroupInfo?.canChangePriority;
+    const titlePre = {
+      position: 'relative',
+      top: '-10px',
+      left: '20px',
+      background: '#fff',
+      width: '160px',
+      textAlign: 'center',
+    };
+    const titleSubPre = {
+      ...titlePre,
+      top: '-33px',
+      left: '280px',
+      width: '160px',
+    }
+    const ruleListBox = (!onlyOneRule || ruleGroupInfo) ? { border: '1px dashed #d9d9d9', marginBottom: 10 } : {};
+    const isRuleActionConfig =
+      ruleTypeData?.length || Object.keys(ruleReturnConfig)?.length;
+    return (
+      <div>
+        {ruleClassData.map((item, classDataIndex) => {
+          let extraInfo = {};
+          if (isRuleActionConfig) {
+            extraInfo = {
+              ...item.extraInfo,
+            };
+          }
+          let relateDatas = this.setRelateDataList(item);
+          const sActionProps = {
+            extraInfo,
+            ruleTypeData,
+            item,
+            classDataIndex,
+            handleOperatingAction,
+            disabled,
+          };
+          return (
+            <div style={ruleListBox}>
+              {!onlyOneRule && !ruleGroupInfo && (
+                <div style={titlePre}>规则{classDataIndex + 1}</div>
+              )}
+              {ruleGroupInfo && (
+                <>
+                  <div style={titlePre}>
+                    <EllipsisTooltip
+                      visible={true}
+                      maxLength={10}
+                      title={ruleGroupName}
+                    />
+                  </div>
+                  {isRuleInstance && (
+                    <div style={titleSubPre}>
+                      <span style={{ marginRight: 10 }}>优先级</span>
+                      <Select
+                        disabled={canChangePriority ? !canChangePriority : disabled}
+                        style={{ width: 100 }}
+                        value={item.priority}
+                        onChange={(v) => {
+                          // 因为存在页签，前端校验不准确；而且若选择优先级之后想交换改也不方便，故交由后端校验
+                          // const isRepeate = priorityList.some((r) => r.priority == v)
+                          // if(isRepeate) {
+                          //   message.warn('优先级不允许重复')
+                          // }
+                          // item.priority = isRepeate ? (item.priority||null) : v;
+                          item.priority = v
+                          this.setState(
+                            {
+                              ruleClassData,
+                            },
+                            () => {
+                              callBack(ruleClassData);
+                            },
+                          );
+                        }}
+                      >
+                        {priorityList?.map((s,sindex) => (
+                          <Option key={sindex+1} value={sindex+1}>{sindex+1}</Option>
+                        ))}
+                      </Select>
+                    </div>
+                  ) || null}
+                </>
+              )}
+              <div
+                style={{
+                  textAlign: 'right',
+                  marginTop: '-24px',
+                  display: canDelete ? 'block' : 'none',
+                }}
+              >
+                <Button
+                  disabled={disabled}
+                  onClick={() => {
+                    const { ruleClassData } = this.state;
+                    ruleClassData.splice(classDataIndex, 1);
+                    this.setState(
+                      {
+                        ruleClassData,
+                      },
+                      () => {
+                        callBack(ruleClassData);
+                      },
+                    );
+                  }}
+                  type="link"
+                  danger
+                >
+                  删除规则
+                </Button>
+              </div>
+              <div>
+                {/* <div style={{ display: isEdit && editNameIndex == index ? 'none' : 'block' }}>
+                                        <span className={'rule_name_title}>
+                                            {item.ruleName}
+                                        </span>
+                                        <EditOutlined
+                                            onClick={() => {
+                                                this.setState({
+                                                    editNameIndex: index,
+                                                    currentRuleName: item.ruleName,
+                                                    isEdit: true
+                                                })
+                                            }}
+                                        />
+                                    </div> */}
+                <div
+                  style={{
+                    display:
+                      isEdit && editNameIndex == index ? 'block' : 'none',
+                    marginTop: '10px',
+                  }}
+                >
+                  <Input
+                    value={currentRuleName}
+                    style={{ width: '200px' }}
+                    onChange={(e) => {
+                      this.setState({
+                        currentRuleName: e.target.value,
+                      });
+                    }}
+                  />
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      const { ruleClassData, currentRuleName } = this.state;
+                      ruleClassData[editNameIndex].ruleName = currentRuleName;
+                      this.setState({
+                        ruleClassData,
+                        isEdit: false,
+                      });
+                    }}
+                  >
+                    保存
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      this.setState({
+                        isEdit: false,
+                      });
+                    }}
+                  >
+                    取消
+                  </Button>
+                </div>
+              </div>
+              <div>
+                {(onlyAction && <RenderSpecificAction {...sActionProps} />) || (
+                  <div className={'base_rule_line_content'}>
+                    <div className={'base_rule_item2'}>
+                      {item.subExpression &&
+                        this.renderRuleItem(
+                          item.subExpression,
+                          item,
+                          1,
+                          classDataIndex,
+                          relateDatas,
+                        )}
+                    </div>
+                    <div className={'base_rule_item3'}>
+                      {(extraInfo &&
+                        isRuleActionConfig &&
+                        (!onlyCondition || !onlyAction) &&
+                        this.renderRuleTypeItem(
+                          extraInfo,
+                          item,
+                          1,
+                          classDataIndex,
+                          ruleTypeData,
+                          ruleReturnConfig,
+                          isRuleInstance
+                        )) ||
+                        null}
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    );
+  };
+
+  handleAddRule = () => {
+    const { ruleClassData } = this.state;
+    const { callBack, ruleTypeData, ruleGroupInfo } = this.props;
+    const isRuleInstance = ruleGroupInfo?.type?.indexOf('instance') > -1;
+    const initKongData = {
+      ruleName: `规则${ruleClassData?.length + 1}`,
+      subExpression: {
+        // "expressionType": "relation",
+        operationType: 'relation',
+        propertyPath: '',
+        params: [],
+        paramNames: [],
+      },
+      extraInfo: {
+        response: {
+          enable: false,
+          value: '',
+        },
+        execute: ruleTypeData.map((s) => {
+          return {
+            priority: 1,
+            code: s.code,
+            properties: {
+              configPropertyCode: 'configPropertyValue',
+            },
+          };
+        }),
+      },
+    }
+    const initTemplateData = ruleGroupInfo?.templateData && Object.keys(ruleGroupInfo?.templateData)?.length ? {
+      ruleName: `规则${ruleClassData?.length + 1}`,
+      ..._.cloneDeep(ruleGroupInfo?.templateData)
+    } : initKongData;
+    const initNewData = isRuleInstance ? initTemplateData : initKongData
+    ruleClassData.push(initNewData);
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  // 树结构 转化成 平行树 (递归函数)
+  coverToParallel = (treeData, result) => {
+    treeData.forEach((el) => {
+      result.push(el);
+      if (el.children && el.children.length > 0) {
+        // 子级递归
+        this.coverToParallel(el.children, result);
+      }
+    });
+    return result;
+  };
+
+  renderRuleItem = (
+    itemDetail,
+    parentDetail,
+    floorIndex,
+    classDataIndex,
+    relateDatas,
+  ) => {
+    const { ruleTreeData } = this.state;
+    const {
+      callBack,
+      initialThresholdQuery = {},
+      disabled,
+      systemVariableList,
+    } = this.props;
+    let thresholdQuery = {
+      ...initialThresholdQuery,
+      ...relateDatas,
+    };
+    let finalIndex = floorIndex + 1;
+    let queryIdentify = '';
+    let queryIdentifyType = '';
+    if (
+      this.propertyCodeToRangeIdMap[
+        `${itemDetail.metaObjectCode}.${itemDetail.propertyPath}`
+      ]
+    ) {
+      queryIdentify =
+        this.propertyCodeToRangeIdMap[
+          `${itemDetail.metaObjectCode}.${itemDetail.propertyPath}`
+        ];
+      queryIdentifyType = Array.isArray(queryIdentify)
+        ? 'objectPropertyListIdentify'
+        : 'objectPropertyCodeIdentify';
+    } else if (
+      getSpecialPropertyCode(getPropertyCode(itemDetail.propertyPath))
+    ) {
+      queryIdentify = getSpecialPropertyCode(
+        getPropertyCode(itemDetail.propertyPath),
+      );
+      queryIdentifyType = 'specialPropertyIdentify';
+    } else if (
+      this.dictCodeToRangeIdMap[
+        `${itemDetail.metaObjectCode}.${itemDetail.propertyPath}`
+      ]
+    ) {
+      queryIdentify =
+        this.dictCodeToRangeIdMap[
+          `${itemDetail.metaObjectCode}.${itemDetail.propertyPath}`
+        ];
+      queryIdentifyType = 'dictCodeIdentify';
+    } else if (
+      this.dynamicDictCodeToRangeIdMap[
+        `${itemDetail.metaObjectCode}.${itemDetail.propertyPath}`
+      ]
+    ) {
+      queryIdentify =
+        this.dynamicDictCodeToRangeIdMap[
+          `${itemDetail.metaObjectCode}.${itemDetail.propertyPath}`
+        ];
+      queryIdentifyType = 'dynamicDictCodeIdentify';
+    }
+
+    const parallelTreeData = this.coverToParallel(ruleTreeData, []) || [];
+    const currentTreeItem =
+      itemDetail?.elementId &&
+      parallelTreeData.find((i) => i.key === itemDetail?.elementId);
+    const dataChoiceBusinessType = currentTreeItem?.dataChoiceBusinessType;
+    const dataInputBusinessType = currentTreeItem?.dataInputBusinessType;
+    return (
+      <div
+        className={'rule_line_content'}
+        style={{ display: 'flex', marginBottom: '0px', padding: '10px 0px' }}
+      >
+        <div
+          className={'logical_operate_content'}
+          style={{
+            display: itemDetail.operationType == 'logic' ? 'block' : 'none',
+            width: '60px',
+            zIndex: 20,
+          }}
+        >
+          <Popover
+            content={
+              <div>
+                <p
+                  className={'choose_logical_type'}
+                  onClick={() => {
+                    this.handleLogicalTypeChange(itemDetail, 'or');
+                  }}
+                >
+                  OR
+                </p>
+                <p
+                  className={'choose_logical_type'}
+                  onClick={() => {
+                    this.handleLogicalTypeChange(itemDetail, 'and');
+                  }}
+                >
+                  AND
+                </p>
+              </div>
+            }
+            trigger="focus"
+          >
+            <Button
+              disabled={disabled}
+              type="link"
+              className={'logical_item_btn'}
+            >
+              {itemDetail?.operationCode == 'or' ? 'OR' : 'AND'}
+              <DownOutlined style={{ marginLeft: '6px' }} />
+            </Button>
+          </Popover>
+          <span className={'top_line'}></span>
+          <span className={'bottom_line'}></span>
+        </div>
+
+        <div style={{ flexGrow: 1 }}>
+          {itemDetail.operationType == 'logic' ? (
+            itemDetail?.subExpression?.map((item1) => {
+              return this.renderRuleItem(
+                item1,
+                itemDetail,
+                finalIndex,
+                classDataIndex,
+                relateDatas,
+              );
+            })
+          ) : (
+            <div style={{ display: 'flex', alignItems: 'center' }}>
+              <TreeSelect
+                value={itemDetail.propertyPath}
+                disabled={disabled}
+                onChange={(value, name, nodeInfo) => {
+                  if (!nodeInfo.triggerNode.props.isLeaf) return; //只有最末端叶子节点可选中
+                  const { ruleClassData } = this.state;
+                  itemDetail.propertyPath = value;
+                  itemDetail.params = [];
+                  itemDetail.paramNames = [];
+                  itemDetail.operationCode = '';
+                  itemDetail.elementId = nodeInfo.triggerNode.props.id;
+                  itemDetail.elementName = nodeInfo.triggerNode.props.title;
+                  itemDetail.dataTypeCode =
+                    nodeInfo.triggerNode.props.dataTypeCode;
+                  itemDetail.metaObjectCode =
+                    nodeInfo.triggerNode.props.metaObjectCode;
+                  itemDetail.isInsertParam = false;
+                  this.setState(
+                    {
+                      ruleClassData,
+                    },
+                    () => {
+                      callBack(ruleClassData);
+                    },
+                  );
+                }}
+                style={{ width: '200px' }}
+                treeData={ruleTreeData}
+              />
+              <Select
+                value={itemDetail?.operationCode || ''}
+                disabled={disabled}
+                style={{ width: '150px', marginLeft: '10px' }}
+                onChange={(value) => {
+                  const { ruleClassData } = this.state;
+                  itemDetail.operationCode = value;
+                  this.setState(
+                    {
+                      ruleClassData,
+                    },
+                    () => {
+                      callBack(ruleClassData);
+                    },
+                  );
+                }}
+              >
+                {this.getDataTypeOperateList(itemDetail.dataTypeCode).map(
+                  (item) => (
+                    <Select.Option value={item.code} key={item.code}>
+                      {item.name}
+                    </Select.Option>
+                  ),
+                )}
+              </Select>
+              {!itemDetail?.isInsertParam ? (
+                <RuleField
+                  selectOperation={itemDetail?.operationCode || ''}
+                  disabled={disabled}
+                  initialThresholdQuery={thresholdQuery}
+                  dataTypeCode={itemDetail?.dataTypeCode || ''}
+                  dataChoiceBusinessType={dataChoiceBusinessType || ''}
+                  dataInputBusinessType={dataInputBusinessType || ''}
+                  itemDetail={itemDetail}
+                  queryIdentifyType={queryIdentifyType}
+                  queryIdentify={queryIdentify}
+                  propertyCode={getPropertyCode(itemDetail.propertyPath)}
+                  // propertyCode={`${itemDetail.metaObjectCode}.${itemDetail.propertyPath}`}
+                  relateDatas={relateDatas}
+                  values={itemDetail.params || []}
+                  valueNames={itemDetail.paramNames || []}
+                  callback={(newValues, newValueNames) => {
+                    this.handleValuesChange(
+                      itemDetail,
+                      newValues,
+                      newValueNames,
+                    );
+                  }}
+                />
+              ) : null}
+              <Select
+                disabled={disabled}
+                value={
+                  itemDetail?.params?.[0]?.replace('{', '').replace('}', '') ||
+                  ''
+                }
+                style={{
+                  width: '150px',
+                  marginLeft: '10px',
+                  display: itemDetail?.isInsertParam ? '' : 'none',
+                }}
+                onChange={(value) => {
+                  const { ruleClassData } = this.state;
+                  console.log(itemDetail);
+                  itemDetail.params = [(value && `{${value}}`) || ''];
+                  const name = systemVariableList.find(
+                    (i) => i.code == value,
+                  )?.name;
+                  itemDetail.paramNames = [name || ''];
+                  this.setState(
+                    {
+                      ruleClassData,
+                    },
+                    () => {
+                      callBack(ruleClassData);
+                    },
+                  );
+                }}
+              >
+                {systemVariableList
+                  ? systemVariableList.map((item) => (
+                      <Select.Option value={item.code} key={item.code}>
+                        {item.name}
+                      </Select.Option>
+                    ))
+                  : null}
+              </Select>
+              <PlusCircleOutlined
+                className={'icon_btn_style'}
+                onClick={() => {
+                  this.addChildRules(itemDetail);
+                }}
+                style={{
+                  color: '#008fe0',
+                  marginLeft: '15px',
+                  display: floorIndex > 4 || disabled ? 'none' : 'inline-block',
+                }}
+              />
+              <MinusCircleOutlined
+                className={'icon_btn_style'}
+                onClick={() => {
+                  this.handleDeleteRule(
+                    itemDetail,
+                    parentDetail,
+                    classDataIndex,
+                  );
+                }}
+                style={{
+                  color: 'gray',
+                  display: disabled ? 'none' : 'inline-block',
+                }}
+              />
+              <Button
+                type="link"
+                disabled={
+                  disabled || itemDetail.operationCode === '' || !itemDetail.operationCode
+                    ? true
+                    : false
+                }
+                onClick={() => {
+                  const { ruleClassData } = this.state;
+                  if (systemVariableList?.length) {
+                    itemDetail.isInsertParam = !itemDetail.isInsertParam;
+                    delete itemDetail.params;
+                    delete itemDetail.paramNames;
+                    this.setState(
+                      {
+                        ruleClassData,
+                      },
+                      () => {
+                        callBack(ruleClassData);
+                      },
+                    );
+                  } else {
+                    message.warn('未配置规则变量');
+                  }
+                }}
+              >
+                {itemDetail?.isInsertParam ? '取消插入参数' : '插入参数'}
+              </Button>
+            </div>
+          )}
+          <div
+            style={{
+              display:
+                itemDetail.operationType == 'logic' && !disabled
+                  ? 'block'
+                  : 'none',
+            }}
+          >
+            <span
+              style={{ color: '#008fe0', cursor: 'pointer' }}
+              type="link"
+              onClick={() => {
+                this.addPeerRule(itemDetail);
+              }}
+            >
+              <PlusCircleOutlined
+                style={{
+                  color: '#008fe0',
+                  fontSize: '14px',
+                  marginRight: '5px',
+                }}
+              />
+              添加条件
+            </span>
+          </div>
+        </div>
+      </div>
+    );
+  };
+
+  handleEditExtraInfoResponse = (code, val, parentDetail) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    parentDetail.extraInfo.response[code] = val;
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+  // 场景需要返回值2022.11.15
+  renderResItem = (
+    itemDetail,
+    parentDetail,
+    ruleReturnConfig,
+    disabled,
+    boxStyle,
+  ) => {
+    const isShowResponse = itemDetail.response['enable'];
+    const isRightText = ruleReturnConfig?.rightText?.length;
+
+    const showValue = (code, type, functionItem, configItem) => {
+      let defaultValue = configItem.defaultValue;
+      const pCode = itemDetail.response['value'];
+      if (type === 'input') {
+        return pCode === undefined ? pCode : pCode || defaultValue;
+      }
+      return pCode || defaultValue;
+    };
+    const handleEdit = (code, val) => {
+      let value = val;
+      if (isObj(code)) {
+        Object.keys(code).forEach((ite) => {
+          this.handleEditExtraInfoResponse(ite, code[ite], parentDetail);
+        });
+        return;
+      }
+      if (Array.isArray(val)) {
+        value = val.map((m) => m.value || m).join(',');
+      }
+      if (isObj(val)) {
+        value = val.value || val.PCDCode?.join('/');
+      }
+      this.handleEditExtraInfoResponse('value', value, parentDetail);
+    };
+
+    return (
+      (isShowResponse && (
+        <div style={{ display: 'flex' }}>
+          {this.renderFormCompItem(
+            ruleReturnConfig,
+            showValue,
+            handleEdit,
+            {},
+            boxStyle,
+            disabled
+          )}
+          <MinusCircleOutlined
+            className={'icon_btn_style'}
+            onClick={() => {
+              this.handleEditExtraInfoResponse('enable', false, parentDetail);
+            }}
+            style={{
+              color: 'gray',
+              marginLeft: isRightText ? '100px' : '15px',
+              marginTop: '15px',
+              display: disabled ? 'none' : 'inline-block',
+            }}
+          />
+        </div>
+      )) ||
+      null
+    );
+  };
+
+  renderCompItem = (ites, showValue, handleEdit,disabled) => {
+    const { regularDataList } = this.props;
+    let fieldListGroup = regularDataList.map((item) => {
+      const Item = {
+        id: item.id,
+        code: item.code,
+        name: item.name,
+        value: item.code,
+      };
+      if (item.propertyList) {
+        Item.propertyList = item.propertyList.map((field) => ({
+          id: field.id,
+          code: field.code,
+          name: field.name,
+          value: `${item.code}.${field.code}`,
+          valueText: `${item.name}.${field.name}`,
+        }));
+      }
+      return Item;
+    });
+    if (!ites) return;
+    const styleCommon = {
+      width: '200px',
+      ...(ites?.rightText ? { marginLeft: 10 } : {}),
+    };
+    const style2 = {
+      width: '100px',
+    };
+    return (
+      <>
+        {/* 输入/字符串  */}
+        {(ites?.inputType === 10 && ites?.valueType === 21 && (
+          <Input
+            disabled={disabled}
+            allowClear={true}
+            onClear={() => {
+              handleEdit(ites.code, undefined);
+            }}
+            defaultValue={showValue(ites.code, 'input')}
+            style={styleCommon}
+            onBlur={(e) => {
+              handleEdit(
+                ites.code,
+                String(e.target.value).trim() == ''
+                  ? undefined
+                  : e.target.value,
+              );
+            }}
+          />
+        )) ||
+          null}
+        {/* 输入 / 长整数23/小数22  */}
+        {(ites?.inputType === 10 &&
+          (ites?.valueType === 23 || ites?.valueType === 22) && (
+            <InputNumber
+              disabled={disabled}
+              max={Number.MAX_SAFE_INTEGER}
+              min={ites?.valueType === 23 ? 0 : Number.MIN_SAFE_INTEGER}
+              precision={ites?.valueType === 23 ? 0 : 2}
+              defaultValue={ites.defaultValue}
+              style={style2}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+            />
+          )) ||
+          null}
+        {/* 输入/日期  */}
+        {(ites?.inputType === 10 && ites?.valueType === 41 && (
+          <DatePicker
+            disabled={disabled}
+            defaultValue={ites.defaultValue}
+            style={style2}
+            value={showValue(ites.code)}
+            onChange={(value) => {
+              handleEdit(ites.code, value);
+            }}
+          />
+        )) ||
+          null}
+        {/* 输入/时间  */}
+        {(ites?.inputType === 10 && ites?.valueType === 40 && (
+          <RangePicker
+            showTime
+            disabled={disabled}
+            defaultValue={ites.defaultValue}
+            style={style2}
+            value={showValue(ites.code)}
+            onChange={(value) => {
+              handleEdit(ites.code, value);
+            }}
+          />
+        )) ||
+          null}
+        {/* 输入/布尔值  */}
+        {(ites?.inputType === 10 && ites?.valueType === 24 && (
+          <Switch
+            disabled={disabled}
+            defaultChecked={!!ites.defaultValue}
+            style={style2}
+            checked={showValue(ites.code)}
+            onChange={(value) => {
+              handleEdit(ites.code, value);
+            }}
+          />
+        )) ||
+          null}
+        {/* 单选/多选  自定义  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 10 && (
+            <Select
+              disabled={disabled}
+              allowClear
+              showArrow
+              {...(ites?.inputType === 30
+                ? {
+                    mode: 'multiple',
+                  }
+                : {})}
+              defaultValue={ites.defaultValue}
+              style={styleCommon}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+            >
+              {Object.keys(ites.enumeration).map((it) => (
+                <Select.Option key={it} value={it}>
+                  {ites.enumeration[it]}
+                </Select.Option>
+              ))}
+            </Select>
+          )) ||
+          null}
+        {/* 单选/多选  数据字典  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 20 && (
+            <Select
+              disabled={disabled}
+              {...(ites?.inputType === 30
+                ? {
+                    mode: 'multiple',
+                  }
+                : {})}
+              defaultValue={ites.defaultValue}
+              style={styleCommon}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+            >
+              {getDictionarySource(ites?.dictionaryCode).map((it) => (
+                <Select.Option key={it.value} value={it.value}>
+                  {it.text}
+                </Select.Option>
+              ))}
+            </Select>
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(物理仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 110 && (
+            <BusinessSearchSelect
+              selectBusinessType="physicalWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择物理仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'physicalWarehouseCode',
+                filterInit: 'qp-physicalWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(逻辑仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 120 && (
+            <BusinessSearchSelect
+              selectBusinessType="realWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择逻辑仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'realWarehouseCode',
+                filterInit: 'qp-realWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(虚拟仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 130 && (
+            <BusinessSearchSelect
+              selectBusinessType="virtualWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择虚拟仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'virtualWarehouseCode',
+                filterInit: 'qp-virtualWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(渠道仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 140 && (
+            <BusinessSearchSelect
+              selectBusinessType="channelWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择渠道仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'channelWarehouseCode',
+                filterInit: 'qp-channelWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  商品SPU选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 150 && (
+            <BusinessSearchSelect
+              selectBusinessType="spuCommodity"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择SPU',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-itemCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  商品SKU选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 160 && (
+            <BusinessSearchSelect
+              selectBusinessType="skuCommodity"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择商品',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-skuCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  省市区  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 190 && (
+            <BsCascader
+              disabled={disabled}
+              isAll={true}
+              needNameAndCode={true}
+              notChangeOnSelect={true}
+              initRequestSource={async () => {
+                return await request({
+                  url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
+                  method: 'get',
+                  converter: ({ data }) => {
+                    const handleData =
+                      data && data[0]
+                        ? data?.map((item) => {
+                            return {
+                              text: item.name,
+                              value: item.id,
+                              level: item.level,
+                              id: item.id,
+                            };
+                          })
+                        : [];
+                    return handleData;
+                  },
+                });
+              }}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  行政组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 210 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="department"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  采购组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 220 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="purchase-organization"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  销售组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 230 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="sales-organization"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  供应商选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 240 && (
+            <BusinessSearchSelect
+              selectBusinessType="supplier2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择供应商',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  客户选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 250 && (
+            <BusinessSearchSelect
+              selectBusinessType="customer2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择客户',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  店铺选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 260 && (
+            <BusinessSearchSelect
+              selectBusinessType="shopFile2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择店铺',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  员工选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 270 && (
+            <BusinessSearchSelect
+              selectBusinessType="employee2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择员工',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-id-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  库存组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 280 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="stock-organization"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  配送方式选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 310 && (
+            <BusinessSearchSelect
+              selectBusinessType="deliveryMode"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择配送方式',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 表达式 */}
+        {ites?.inputType === 40 && (
+          <div style={{ display: 'flex' }}>
+            <Formula
+              disabled={disabled}
+              key={showValue(ites.code)}
+              setValue={(val, formulaName) => {
+                console.log(val, 'val');
+                const value = val.map((item) => {
+                  return item.value.replace(
+                    /[a-zA-Z_]+\.\w+/g,
+                    (i) => '{' + i + '}',
+                  );
+                });
+                handleEdit(ites.code, value.join(''));
+                handleEdit({
+                  inputType: 40,
+                  formulaName,
+                });
+              }}
+              record={{ expression: showValue(ites.code) }}
+              sourceData={fieldListGroup}
+            />
+          </div>
+        )}
+      </>
+    );
+  };
+
+  renderFormCompItem = (
+    config,
+    showValue,
+    handleEdit,
+    parentItem,
+    boxStyle,
+    disabled
+  ) => {
+    if (!config) return;
+    return (
+      <div style={boxStyle}>
+        {(config?.leftText && (
+          <div style={{ flex: 'none', marginRight: 10 }}>
+            {config?.required && <span className="requiredMark" />}
+            {config.leftText}
+          </div>
+        )) ||
+          null}
+        {(!config?.leftText && config?.rightText && config?.required && (
+          <div style={{ flex: 'none', marginRight: 10 }}>
+            <span className="requiredMark" />
+          </div>
+        )) ||
+          null}
+        {this.renderCompItem(
+          config,
+          (a, b, c = parentItem, d = config) => showValue(a, b, c, d),
+          (a, b, c = parentItem, d = config) => handleEdit(a, b, c, d),
+          disabled
+        )}
+        {(config?.rightText && (
+          <div style={{ flex: 'none', marginLeft: 10 }}>{config.rightText}</div>
+        )) ||
+          null}
+      </div>
+    );
+  };
+
+  renderActionList = (
+    itemDetail,
+    parentDetail,
+    handleRuleTypeData,
+    sRuleActionData,
+    classDataIndex,
+    disabled,
+    boxStyle,
+  ) => {
+    const showValue = (code, type, functionItem, configItem) => {
+      const functionIndex = handleRuleTypeData.findIndex(
+        (m) => m.code === functionItem.code,
+      );
+      const pCode =
+        itemDetail.execute[functionIndex] &&
+        itemDetail.execute[functionIndex].properties[code];
+      let defaultValue = configItem.defaultValue;
+      if (type === 'input') {
+        return pCode === undefined ? pCode : pCode || defaultValue;
+      }
+      return pCode || defaultValue;
+    };
+    const handleEdit = (code, val, functionItem) => {
+      const functionIndex = handleRuleTypeData.findIndex(
+        (m) => m.code === functionItem.code,
+      );
+      const { ruleClassData } = this.state;
+      const { callBack } = this.props;
+      parentDetail.extraInfo.execute[functionIndex]['properties'][code] = val;
+      parentDetail.extraInfo.execute[functionIndex]['code'] = functionItem.code;
+
+      this.setState(
+        {
+          ruleClassData,
+        },
+        () => {
+          callBack(ruleClassData);
+        },
+      );
+    };
+
+    return (
+      <>
+        {sRuleActionData.map((i, index) => (
+          <div>
+            <div style={{ display: 'flex' }}>
+              {(i.valueList?.length &&
+                i.valueList.map((s) => {
+                  return this.renderFormCompItem(
+                    s,
+                    showValue,
+                    handleEdit,
+                    i,
+                    boxStyle,
+                    disabled
+                  );
+                })) || (
+                <div style={boxStyle} key={i.functionName}>
+                  <div>{i.functionName}</div>
+                </div>
+              )}
+              <MinusCircleOutlined
+                className={'icon_btn_style'}
+                onClick={() => {
+                  this.handleDeleteRuleAction(classDataIndex, i.code);
+                }}
+                style={{
+                  color: 'gray',
+                  marginLeft: '15px',
+                  marginTop: '15px',
+                  display: disabled ? 'none' : 'inline-block',
+                }}
+              />
+            </div>
+          </div>
+        ))}
+      </>
+    );
+  };
+
+  renderRuleTypeItem = (
+    itemDetail,
+    parentDetail,
+    floorIndex,
+    classDataIndex,
+    ruleTypeData,
+    ruleReturnConfig,
+    isRuleInstance
+  ) => {
+    const { modalParams } = this.state;
+    const { disabled } = this.props;
+    const isHaveRuleTypeData = ruleTypeData?.length;
+    const isHaveRuleReturnConfig = Object.keys(ruleReturnConfig)?.length;
+    const handleRuleTypeData = isHaveRuleTypeData
+      ? ruleTypeData.sort((a, b) => a.priority - b.priority)
+      : [];
+
+    const selectRuleActionCode = isHaveRuleTypeData
+      ? itemDetail.execute.filter((i) => i.isSelected).map((s) => s.code)
+      : [];
+    const selectRuleActionData = isHaveRuleTypeData
+      ? handleRuleTypeData.filter((r) =>
+          selectRuleActionCode.some((s) => s === r.code),
+        )
+      : [];
+
+    const RuleActionItemStyle = {
+      display: 'flex',
+      height: '30px',
+      lineHeight: '30px',
+      margin: '10px 0px',
+    };
+    return (
+      <div>
+        <div style={{ textAlign: 'right', display: isRuleInstance ? 'none' : 'flex' }}>
+          <Button
+            type="link"
+            onClick={() => {
+              if (isHaveRuleTypeData) {
+                this.setState({
+                  modalParams: {
+                    ...modalParams,
+                    ruleActionData: handleRuleTypeData,
+                    classDataIndex,
+                    visible: true,
+                  },
+                });
+              } else {
+                message.warn('未配置执行动作');
+              }
+            }}
+          >
+            新增动作
+          </Button>
+          <Button
+            type="link"
+            onClick={() => {
+              if (isHaveRuleReturnConfig) {
+                this.handleEditExtraInfoResponse('enable', true, parentDetail);
+              } else {
+                message.warn('未配置返回');
+              }
+            }}
+          >
+            新增返回值
+          </Button>
+        </div>
+        {(isHaveRuleReturnConfig &&
+          this.renderResItem(
+            itemDetail,
+            parentDetail,
+            ruleReturnConfig,
+            disabled,
+            RuleActionItemStyle,
+          )) ||
+          null}
+        {(isHaveRuleTypeData &&
+          this.renderActionList(
+            itemDetail,
+            parentDetail,
+            handleRuleTypeData,
+            selectRuleActionData,
+            classDataIndex,
+            disabled,
+            RuleActionItemStyle,
+          )) ||
+          null}
+      </div>
+    );
+  };
+
+  //添加同一层级条件
+  addPeerRule = (itemDetail) => {
+    const { ruleClassData } = this.state;
+    const { callBack, disabled } = this.props;
+    if (disabled) return;
+    itemDetail.subExpression.push({
+      // "expressionType": "relation",
+      operationType: 'relation',
+      operationCode: '',
+      propertyPath: '',
+      params: [],
+      paramNames: [],
+    });
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  //添加子层级条件
+  addChildRules = (itemDetail) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    const initialData = JSON.parse(JSON.stringify(itemDetail));
+    delete itemDetail.propertyPath;
+    delete itemDetail.params;
+    delete itemDetail.paramNames;
+    delete itemDetail.dataTypeCode;
+    delete itemDetail.elementId;
+    delete itemDetail.elementName;
+    delete itemDetail.metaObjectCode;
+    // itemDetail.expressionType = 'logic';
+    itemDetail.operationType = 'logic';
+    itemDetail.operationCode = 'and';
+    itemDetail.subExpression = [
+      initialData,
+      {
+        // "expressionType": "relation",
+        operationType: 'relation',
+        operationCode: '',
+        propertyPath: '',
+        params: [],
+        paramNames: [],
+      },
+    ];
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  handleDeleteRule = (itemDetail, parentDetail, classDataIndex) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    if (parentDetail.ruleName) {
+      //删除根规则层级最后一条时整个规则项删除
+      ruleClassData.splice(classDataIndex, 1);
+    } else {
+      let deleteItemIndex = parentDetail.subExpression.findIndex(
+        (detailItem) =>
+          JSON.stringify(itemDetail) == JSON.stringify(detailItem),
+      );
+      if (parentDetail.subExpression.length > 2) {
+        parentDetail.subExpression.splice(deleteItemIndex, 1);
+      } else {
+        parentDetail.subExpression.splice(deleteItemIndex, 1);
+        // parentDetail.expressionType = parentDetail.subExpression[0].expressionType;
+        parentDetail.operationCode =
+          parentDetail.subExpression[0].operationCode;
+        parentDetail.operationType =
+          parentDetail.subExpression[0].operationType;
+
+        if (parentDetail.subExpression[0].operationType == 'logic') {
+          parentDetail.subExpression = [
+            ...parentDetail.subExpression[0].subExpression,
+          ];
+        } else {
+          parentDetail.propertyPath =
+            parentDetail.subExpression[0].propertyPath;
+          parentDetail.params = [...parentDetail.subExpression[0].params];
+          parentDetail.paramNames = parentDetail.subExpression[0].paramNames
+            ? [...parentDetail.subExpression[0].paramNames]
+            : [];
+          parentDetail.metaObjectCode =
+            parentDetail.subExpression[0].metaObjectCode;
+          parentDetail.elementId = parentDetail.subExpression[0].elementId;
+          parentDetail.elementName = parentDetail.subExpression[0].elementName;
+          parentDetail.dataTypeCode =
+            parentDetail.subExpression[0].dataTypeCode;
+          delete parentDetail.subExpression;
+        }
+      }
+    }
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  handleLogicalTypeChange = (itemDetail, type) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    itemDetail.operationCode = type;
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  // 新增执行顺序
+  handleSelectRuleAction = (keys, classDataIndex, callback) => {
+    callback();
+    const { callBack } = this.props;
+    const { ruleClassData } = this.state;
+    ruleClassData[classDataIndex].extraInfo.execute = ruleClassData[
+      classDataIndex
+    ].extraInfo.execute.map((i) => {
+      if (i.code && keys.some((r) => r === i.code) && !i.isSelected) {
+        return { ...i, isSelected: true };
+      }
+      return i;
+    });
+    // 处理数据
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  handleDeleteRuleAction = (classDataIndex, functionCode) => {
+    const { callBack } = this.props;
+    const { ruleClassData } = this.state;
+    ruleClassData[classDataIndex].extraInfo.execute = ruleClassData[
+      classDataIndex
+    ].extraInfo.execute.map((i) => {
+      if (i.code && functionCode === i.code && i.isSelected) {
+        return { ...i, isSelected: false };
+      }
+      return i;
+    });
+    // 处理数据
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  render() {
+    const { onlyOneRule, callBack } = this.props;
+    const { ruleClassData, modalParams } = this.state;
+    return (
+      <div className={'base_rule'}>
+        <div className={'base_rule_content'}>
+          <div
+            style={{
+              display: onlyOneRule ? 'none' : 'block',
+            }}
+            className={'base_rule_line_title'}
+          >
+            <Button
+              onClick={this.handleAddRule}
+              className={'base_rule_btn_style'}
+              type="link"
+            >
+              新增规则
+            </Button>
+          </div>
+          <div>{this.renderRuleContent()}</div>
+        </div>
+        {(modalParams.visible && (
+          <Modal
+            title={`新增动作`}
+            visible={modalParams.visible}
+            onCancel={() => {
+              this.setState({
+                modalParams: { ...modalParams, visible: false },
+              });
+            }}
+            maskClosable={false}
+            destroyOnClose
+            footer={null}
+          >
+            <Table
+              rowSelection={{
+                onChange: (keys, selectRows) => {
+                  this.handleSelectRuleAction(
+                    keys,
+                    modalParams.classDataIndex,
+                    () => {
+                      this.setState({
+                        modalParams: { ...modalParams, visible: false },
+                      });
+                    },
+                  );
+                },
+              }}
+              columns={[
+                {
+                  title: '执行动作名称',
+                  key: 'functionName',
+                  dataIndex: 'functionName',
+                },
+              ]}
+              dataSource={modalParams?.ruleActionData}
+              rowKey={'code'}
+            />
+          </Modal>
+        )) ||
+          null}
+      </div>
+    );
+  }
+}
+export default RuleObjectComponent;