@bit-sun/business-component 2.3.13 → 2.3.14

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

@@ -1,2028 +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;
+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;