@bit-sun/business-component 3.1.6 → 3.1.8

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

@@ -1,1601 +1,1601 @@
-import React, { Component } from 'react';
-// @ts-ignore
-import _ from 'lodash';
-import moment from 'moment';
-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';
-import RenderCompItem from './RenderCompItem';
-
-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,
-        pValue: item.code, // 后端存path key, children同理
-        value: item.id, // 前端选中唯一key, children同理
-        id: item.id, // 前端选中回显示唯一key, children同理
-        ...(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,
-                  pValue: this.props.isRouteProperty ? `${item.code}.${element.code}` : element.code,
-                  value: element.id,
-                  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;
-              }),
-            }
-          : {
-            isLeaf: this.props.metaObjectCode ? true : false,
-            metaObjectCode: this.props.metaObjectCode || item.code,
-            ...item,
-            dataTypeCode: item.valueType,
-            dataChoiceBusinessType: item.choiceType,
-            dataInputBusinessType: item.inputType,
-          }),
-      };
-    });
-    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) {
-        // FIXME http://192.168.13.78/mep-fed-group/web/libs/business-component/-/merge_requests/45#note_115669
-        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}`,
-        pValue: `${parentKey}.${element.code}`,
-        value: element.id,
-        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 this.props.isShowAllOperationList ? operationList : 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,
-      needShowAction = true,
-    } = 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 isRuleGroupInstance = ruleGroupInfo?.type == 'group-instance';   // 规则组展示规则实例设计器
-    const titlePre = {
-      position: 'relative',
-      top: '-10px',
-      left: '20px',
-      background: '#fff',
-      width: '160px',
-      textAlign: 'center',
-    }; // height：22
-    const titleSubCommon = {
-      display: 'flex',
-      justifyContent: 'center',
-    }
-    const titleSubPre = {
-      ...titlePre,
-      ...titleSubCommon,
-      width: '166px',
-      top: '-32px', // titlePre(height + top)
-      left: '200px', // titlePre(2 * left + width)  左右间距为titlePre的left: 20px
-    }; // height: 24
-    const titleSubPre2 = {
-      ...titlePre,
-      ...titleSubCommon,
-      width: '240px',
-      top: '-56px', // titleSubPre(top + height)
-      left: '386px', // titlePre(left + width + 20)
-    }
-    const ruleListBox = (!onlyOneRule || ruleGroupInfo) ? { border: '1px dashed #d9d9d9', marginBottom: 10, overflowX: 'clip' } : {};
-    const isRuleActionConfig =
-      ruleTypeData?.length || ruleReturnConfig?.length;
-    return (
-      <div>
-        {ruleClassData.map((item, classDataIndex) => {
-          let extraInfo = {};
-          if (isRuleActionConfig) {
-            const { response = [] } = item.extraInfo;
-            extraInfo = {
-              ...item.extraInfo,
-              response:
-                Object.prototype.toString.call(response) === '[object Object]'
-                  ? [response]
-                  : Array.isArray(response)
-                  ? response
-                  : [],
-            };
-          }
-          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, display: 'block' }}>优先级</span>
-                      <Select
-                        size='small'
-                        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}
-                  {isRuleGroupInstance && (
-                     <div style={titleSubPre2}>
-                      <span style={{ marginRight: 10 }}>业务编码</span>
-                      <EllipsisTooltip
-                        visible={true}
-                        maxLength={24}
-                        title={item.extStrField01}
-                      />
-                   </div>
-                  )}
-                </>
-              )}
-              <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
-                    disabled={disabled}
-                    value={currentRuleName}
-                    style={{ width: '200px' }}
-                    onChange={(e) => {
-                      this.setState({
-                        currentRuleName: e.target.value,
-                      });
-                    }}
-                  />
-                  <Button
-                    disabled={disabled}
-                    type="link"
-                    onClick={() => {
-                      const { ruleClassData, currentRuleName } = this.state;
-                      ruleClassData[editNameIndex].ruleName = currentRuleName;
-                      this.setState({
-                        ruleClassData,
-                        isEdit: false,
-                      });
-                    }}
-                  >
-                    保存
-                  </Button>
-                  <Button
-                    disabled={disabled}
-                    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>
-                    {needShowAction && (
-                      <div className={'base_rule_item3'}>
-                        {(extraInfo &&
-                          isRuleActionConfig &&
-                          (!onlyCondition || !onlyAction) &&
-                          this.renderRuleTypeItem(
-                            extraInfo,
-                            item,
-                            1,
-                            classDataIndex,
-                            ruleTypeData,
-                            ruleReturnConfig,
-                            isRuleInstance
-                          )) ||
-                        null}
-                      </div>
-                    ) || null}
-                  </div>
-                )}
-              </div>
-            </div>
-          );
-        })}
-      </div>
-    );
-  };
-
-  handleAddRule = () => {
-    const { ruleClassData } = this.state;
-    const { callBack, ruleTypeData=[], ruleGroupInfo, ruleReturnConfig=[] } = 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: ruleReturnConfig?.map((s) => {
-          return {
-            code: s?.code,
-            value: s?.defaultValue || '',
-            enable: false,
-          };
-        })||[],
-        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?.indexOf('.') > -1 ? i.id : 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');
-                  }}
-                >
-                  或者
-                </p>
-                <p
-                  className={'choose_logical_type'}
-                  onClick={() => {
-                    this.handleLogicalTypeChange(itemDetail, 'and');
-                  }}
-                >
-                  并且
-                </p>
-              </div>
-            }
-            trigger="focus"
-          >
-            <Button
-              disabled={disabled}
-              type="link"
-              className={'logical_item_btn'}
-            >
-              {itemDetail?.operationCode == 'or' ? '或者' : '并且'}
-              <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' }}>
-            {/* todo */}
-              <TreeSelect
-                value={itemDetail.elementId}
-                disabled={disabled}
-                onChange={(value, name, nodeInfo) => {
-                  if (!nodeInfo.triggerNode.props.isLeaf) return; //只有最末端叶子节点可选中
-                  const { ruleClassData } = this.state;
-                  itemDetail.propertyPath = nodeInfo.triggerNode.props.pValue;
-                  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
-                  customerWidth={this.props.customerWidth}
-                  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?.systemCode || itemDetail?.params?.[0]?.replace('{', '').replace('}', '') ||
-                  ''
-                } // systemCode兼容用户结算组织那边使用规则
-                style={{
-                  width: '250px',
-                  marginLeft: '10px',
-                  display: itemDetail?.isInsertParam ? '' : 'none',
-                }}
-                onChange={(value) => {
-                  const { ruleClassData } = this.state;
-                  itemDetail.params = [(value && `{${value}}`) || ''];
-                  const name = systemVariableList.find(
-                    (i) => i.code == value,
-                  )?.name;
-                  itemDetail.paramNames = [name || ''];
-                  itemDetail.systemCode = value;
-                  this.setState(
-                    {
-                      ruleClassData,
-                    },
-                    () => {
-                      callBack(ruleClassData);
-                    },
-                  );
-                }}
-              >
-                {systemVariableList?.length
-                  ? 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 && Array.isArray(systemVariableList) && systemVariableList.length && systemVariableList[0].code!== '-1' ) {
-                    itemDetail.isInsertParam = !itemDetail.isInsertParam;
-                    if (itemDetail.isInsertParam) {
-                      itemDetail.type = 10;
-                      itemDetail.paramNames = [];
-                      itemDetail.params = [];
-                    } else {
-                      itemDetail.systemCode = null;
-                    }
-
-                    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,classDataIndex, key) => {
-    const { ruleClassData } = this.state;
-    const { callBack } = this.props;
-    parentDetail.extraInfo.response = parentDetail.extraInfo.response.map((i) => {
-      if (i.code && key === i.code) {
-        i[code] = val;
-        return i;
-      }
-      return i;
-    });
-    ruleClassData[classDataIndex].extraInfo.response = ruleClassData[
-      classDataIndex
-      ].extraInfo.response.map((i) => {
-      if (i.code && key === i.code) {
-        i[code] = val;
-        return i;
-      }
-      return i;
-    });
-
-    this.setState(
-      {
-        ruleClassData,
-      },
-      () => {
-        callBack(ruleClassData);
-      },
-    );
-  };
-  // 场景需要返回值2022.11.15
-  renderResItem = (
-    itemDetail,
-    parentDetail,
-    ruleReturnConfig,
-    selectRuleReturnData,
-    classDataIndex,
-    disabled,
-    boxStyle,
-  ) => {
-    const isRightText = ruleReturnConfig?.rightText?.length;
-
-    const showValue = (code, type, functionItem, configItem) => {
-      let defaultValue = configItem.defaultValue;
-      const pCode = itemDetail.response?.find((i) => i.code == code)?.value;
-      if (type === 'input') {
-        return pCode === undefined ? pCode : pCode || defaultValue;
-      }
-      if(['date','dateTime','rangeTime'].includes(type)) {
-        if(['date','dateTime'].includes(type)) return pCode ? moment(pCode) : pCode;
-        if(['rangeTime'].includes(type)) {
-          const newPCode = Array.isArray(pCode) ? pCode : pCode?.split(',');
-          return pCode ? newPCode?.map((i) => moment(i)) : pCode;
-        }
-      }
-      return pCode || defaultValue;
-    };
-    const handleEdit = (code, val, functionItem) => {
-      let value = val;
-      if (isObj(code)) {
-        Object.keys(code).forEach((ite) => {
-          this.handleEditExtraInfoResponse(ite, code[ite], parentDetail,classDataIndex);
-        });
-        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,classDataIndex,code);
-    };
-
-    return (
-      <>
-        {selectRuleReturnData && selectRuleReturnData.length ? (
-          <div>
-            <div className={'rule_action_return_border'}>
-              <div className={'rule_border_title'}>返回值</div>
-              <div>
-                {selectRuleReturnData.map((item) => (
-                  <div style={{ display: 'flex' }}>
-                    {this.renderFormCompItem(
-                      item,
-                      showValue,
-                      handleEdit,
-                      {},
-                      boxStyle,
-                      disabled,
-                    )}
-                    <MinusCircleOutlined
-                      className={'icon_btn_style'}
-                      onClick={() => {
-                        this.handleEditExtraInfoResponse(
-                          'enable',
-                          false,
-                          parentDetail,
-                          classDataIndex,
-                          item.code,
-                        );
-                      }}
-                      style={{
-                        color: 'gray',
-                        marginLeft: isRightText ? '100px' : '15px',
-                        marginTop: '15px',
-                        display: disabled ? 'none' : 'inline-block',
-                      }}
-                    />
-                  </div>
-                ))}
-              </div>
-            </div>
-          </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}
-        <RenderCompItem regularDataList={this.props.regularDataList} ites={config} showValue={(a, b, c = parentItem, d = config) => showValue(a, b, c, d)} handleEdit={(a, b, c = parentItem, d = config) => handleEdit(a, b, c, d)} disabled={disabled}></RenderCompItem>
-        {(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 && sRuleActionData.length ? (
-          <div>
-            <div className={'rule_action_return_border'}>
-              <div className={'rule_border_title'}>动作</div>
-              <div>
-                {sRuleActionData.map((i, index) => (
-                  <div>
-                    <div className={'rule_action_item'}>
-                      {(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>
-                ))}
-              </div>
-            </div>
-          </div>
-        ) : (
-          <></>
-        )}
-      </>
-    );
-  };
-
-  renderRuleTypeItem = (
-    itemDetail,
-    parentDetail,
-    floorIndex,
-    classDataIndex,
-    ruleTypeData,
-    ruleReturnConfig,
-    isRuleInstance
-  ) => {
-    const { modalParams } = this.state;
-    const { disabled } = this.props;
-    const isHaveRuleTypeData = ruleTypeData?.length;
-    const isHaveRuleReturnConfig = 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 selectRuleReturnCode = isHaveRuleReturnConfig
-      ? _.compact(
-        itemDetail.response.filter((i) => i?.enable).map((s) => s?.code),
-      )
-      : [];
-
-    const selectRuleActionData = isHaveRuleTypeData
-      ? handleRuleTypeData.filter((r) =>
-          selectRuleActionCode.some((s) => s === r.code),
-        )
-      : [];
-
-    const selectRuleReturnData = isHaveRuleReturnConfig
-      ? itemDetail.response.length === 1 &&
-      !itemDetail.response[0]?.code &&
-      itemDetail.response[0]?.enable
-        ? [{ ...ruleReturnConfig[0], value: itemDetail.response[0]?.value }]
-        : ruleReturnConfig.filter((r) =>
-          selectRuleReturnCode.some((s) => s === r.code),
-        )
-      : [];
-
-    const RuleActionItemStyle = {
-      display: 'flex',
-      // height: '30px',
-      // lineHeight: '30px',
-      margin: '10px 0px',
-    };
-
-    const displayNoneActionStyle = (isRuleInstance && !isHaveRuleTypeData)? { display: 'none' }: {};
-    const displayNoneReturnValueStyle = (isRuleInstance && !isHaveRuleReturnConfig)? { display: 'none' }: {};
-
-    return (
-      <div>
-        <div style={{ textAlign: 'right', display: 'flex', marginBottom: 10 }}>
-          <Button
-            disabled={disabled}
-            type="link"
-            style={displayNoneActionStyle}
-            onClick={() => {
-              if (isHaveRuleTypeData) {
-                this.setState({
-                  modalParams: {
-                    ...modalParams,
-                    type: 'action',
-                    dataSource: handleRuleTypeData,
-                    classDataIndex,
-                    visible: true,
-                  },
-                });
-              } else {
-                message.warn('未配置执行动作');
-              }
-            }}
-          >
-            新增动作
-          </Button>
-          <Button
-            disabled={disabled}
-            type="link"
-            style={displayNoneReturnValueStyle}
-            onClick={() => {
-              if (isHaveRuleReturnConfig) {
-                this.setState({
-                  modalParams: {
-                    ...modalParams,
-                    type: 'returnResponse',
-                    dataSource: ruleReturnConfig,
-                    classDataIndex,
-                    visible: true,
-                  },
-                });
-              } else {
-                message.warn('未配置返回');
-              }
-            }}
-          >
-            新增返回值
-          </Button>
-        </div>
-        {(isHaveRuleTypeData &&
-          this.renderActionList(
-            itemDetail,
-            parentDetail,
-            handleRuleTypeData,
-            selectRuleActionData,
-            classDataIndex,
-            disabled,
-            RuleActionItemStyle,
-          )) ||
-          null}
-        {(isHaveRuleReturnConfig &&
-          this.renderResItem(
-            itemDetail,
-            parentDetail,
-            ruleReturnConfig,
-            selectRuleReturnData,
-            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',
-        type: 20,
-        operationCode: '',
-        propertyPath: '',
-        params: [],
-        paramNames: [],
-      },
-    ];
-    this.setState(
-      {
-        ruleClassData,
-      },
-      () => {
-        callBack(ruleClassData);
-      },
-    );
-  };
-
-  handleDeleteRule = (itemDetail, parentDetail, classDataIndex) => {
-    const { ruleClassData } = this.state;
-    const { callBack, metaObjectCode } = 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 = 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, type, callback) => {
-    callback();
-    const { callBack } = this.props;
-    const { ruleClassData } = this.state;
-    if (type === 'action') {
-      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;
-      });
-    } else {
-      ruleClassData[classDataIndex].extraInfo.response = ruleClassData[
-        classDataIndex
-        ].extraInfo.response.map((i) => {
-        if (i.code && keys.some((r) => r === i.code) && !i.enable) {
-          console.log('i', i);
-          return { ...i, enable: 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, disabled, headerButtonComponentFun } = this.props;
-    const { ruleClassData, modalParams } = this.state;
-    return (
-      <div className={'base_rule'}>
-        <div className={'base_rule_content'}>
-          {headerButtonComponentFun?headerButtonComponentFun(this.handleAddRule): (
-            <div
-              disabled={disabled}
-              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={modalParams.type === 'action' ? '新增动作' : '新增返回值'}
-            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,
-                    modalParams?.type,
-                    () => {
-                      this.setState({
-                        modalParams: { ...modalParams, visible: false },
-                      });
-                    },
-                  );
-                },
-              }}
-              columns={
-                modalParams.type === 'action'
-                  ? [
-                    {
-                      title: '执行动作名称',
-                      key: 'functionName',
-                      dataIndex: 'functionName',
-                    },
-                  ]
-                  : [
-                    {
-                      title: '字段名称',
-                      key: 'name',
-                      dataIndex: 'name',
-                    },
-                    {
-                      title: '字段编码',
-                      key: 'code',
-                      dataIndex: 'code',
-                    },
-                  ]
-              }
-              dataSource={modalParams?.dataSource}
-              rowKey={'code'}
-            />
-          </Modal>
-        )) ||
-          null}
-      </div>
-    );
-  }
-}
-export default RuleObjectComponent;
+import React, { Component } from 'react';
+// @ts-ignore
+import _ from 'lodash';
+import moment from 'moment';
+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';
+import RenderCompItem from './RenderCompItem';
+
+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,
+        pValue: item.code, // 后端存path key, children同理
+        value: item.id, // 前端选中唯一key, children同理
+        id: item.id, // 前端选中回显示唯一key, children同理
+        ...(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,
+                  pValue: this.props.isRouteProperty ? `${item.code}.${element.code}` : element.code,
+                  value: element.id,
+                  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;
+              }),
+            }
+          : {
+            isLeaf: this.props.metaObjectCode ? true : false,
+            metaObjectCode: this.props.metaObjectCode || item.code,
+            ...item,
+            dataTypeCode: item.valueType,
+            dataChoiceBusinessType: item.choiceType,
+            dataInputBusinessType: item.inputType,
+          }),
+      };
+    });
+    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) {
+        // FIXME http://192.168.13.78/mep-fed-group/web/libs/business-component/-/merge_requests/45#note_115669
+        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}`,
+        pValue: `${parentKey}.${element.code}`,
+        value: element.id,
+        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 this.props.isShowAllOperationList ? operationList : 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,
+      needShowAction = true,
+    } = 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 isRuleGroupInstance = ruleGroupInfo?.type == 'group-instance';   // 规则组展示规则实例设计器
+    const titlePre = {
+      position: 'relative',
+      top: '-10px',
+      left: '20px',
+      background: '#fff',
+      width: '160px',
+      textAlign: 'center',
+    }; // height：22
+    const titleSubCommon = {
+      display: 'flex',
+      justifyContent: 'center',
+    }
+    const titleSubPre = {
+      ...titlePre,
+      ...titleSubCommon,
+      width: '166px',
+      top: '-32px', // titlePre(height + top)
+      left: '200px', // titlePre(2 * left + width)  左右间距为titlePre的left: 20px
+    }; // height: 24
+    const titleSubPre2 = {
+      ...titlePre,
+      ...titleSubCommon,
+      width: '240px',
+      top: '-56px', // titleSubPre(top + height)
+      left: '386px', // titlePre(left + width + 20)
+    }
+    const ruleListBox = (!onlyOneRule || ruleGroupInfo) ? { border: '1px dashed #d9d9d9', marginBottom: 10, overflowX: 'clip' } : {};
+    const isRuleActionConfig =
+      ruleTypeData?.length || ruleReturnConfig?.length;
+    return (
+      <div>
+        {ruleClassData.map((item, classDataIndex) => {
+          let extraInfo = {};
+          if (isRuleActionConfig) {
+            const { response = [] } = item.extraInfo;
+            extraInfo = {
+              ...item.extraInfo,
+              response:
+                Object.prototype.toString.call(response) === '[object Object]'
+                  ? [response]
+                  : Array.isArray(response)
+                  ? response
+                  : [],
+            };
+          }
+          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, display: 'block' }}>优先级</span>
+                      <Select
+                        size='small'
+                        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}
+                  {isRuleGroupInstance && (
+                     <div style={titleSubPre2}>
+                      <span style={{ marginRight: 10 }}>业务编码</span>
+                      <EllipsisTooltip
+                        visible={true}
+                        maxLength={24}
+                        title={item.extStrField01}
+                      />
+                   </div>
+                  )}
+                </>
+              )}
+              <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
+                    disabled={disabled}
+                    value={currentRuleName}
+                    style={{ width: '200px' }}
+                    onChange={(e) => {
+                      this.setState({
+                        currentRuleName: e.target.value,
+                      });
+                    }}
+                  />
+                  <Button
+                    disabled={disabled}
+                    type="link"
+                    onClick={() => {
+                      const { ruleClassData, currentRuleName } = this.state;
+                      ruleClassData[editNameIndex].ruleName = currentRuleName;
+                      this.setState({
+                        ruleClassData,
+                        isEdit: false,
+                      });
+                    }}
+                  >
+                    保存
+                  </Button>
+                  <Button
+                    disabled={disabled}
+                    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>
+                    {needShowAction && (
+                      <div className={'base_rule_item3'}>
+                        {(extraInfo &&
+                          isRuleActionConfig &&
+                          (!onlyCondition || !onlyAction) &&
+                          this.renderRuleTypeItem(
+                            extraInfo,
+                            item,
+                            1,
+                            classDataIndex,
+                            ruleTypeData,
+                            ruleReturnConfig,
+                            isRuleInstance
+                          )) ||
+                        null}
+                      </div>
+                    ) || null}
+                  </div>
+                )}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    );
+  };
+
+  handleAddRule = () => {
+    const { ruleClassData } = this.state;
+    const { callBack, ruleTypeData=[], ruleGroupInfo, ruleReturnConfig=[] } = 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: ruleReturnConfig?.map((s) => {
+          return {
+            code: s?.code,
+            value: s?.defaultValue || '',
+            enable: false,
+          };
+        })||[],
+        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?.indexOf('.') > -1 ? i.id : 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');
+                  }}
+                >
+                  或者
+                </p>
+                <p
+                  className={'choose_logical_type'}
+                  onClick={() => {
+                    this.handleLogicalTypeChange(itemDetail, 'and');
+                  }}
+                >
+                  并且
+                </p>
+              </div>
+            }
+            trigger="focus"
+          >
+            <Button
+              disabled={disabled}
+              type="link"
+              className={'logical_item_btn'}
+            >
+              {itemDetail?.operationCode == 'or' ? '或者' : '并且'}
+              <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' }}>
+            {/* todo */}
+              <TreeSelect
+                value={itemDetail.elementId}
+                disabled={disabled}
+                onChange={(value, name, nodeInfo) => {
+                  if (!nodeInfo.triggerNode.props.isLeaf) return; //只有最末端叶子节点可选中
+                  const { ruleClassData } = this.state;
+                  itemDetail.propertyPath = nodeInfo.triggerNode.props.pValue;
+                  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
+                  customerWidth={this.props.customerWidth}
+                  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?.systemCode || itemDetail?.params?.[0]?.replace('{', '').replace('}', '') ||
+                  ''
+                } // systemCode兼容用户结算组织那边使用规则
+                style={{
+                  width: '250px',
+                  marginLeft: '10px',
+                  display: itemDetail?.isInsertParam ? '' : 'none',
+                }}
+                onChange={(value) => {
+                  const { ruleClassData } = this.state;
+                  itemDetail.params = [(value && `{${value}}`) || ''];
+                  const name = systemVariableList.find(
+                    (i) => i.code == value,
+                  )?.name;
+                  itemDetail.paramNames = [name || ''];
+                  itemDetail.systemCode = value;
+                  this.setState(
+                    {
+                      ruleClassData,
+                    },
+                    () => {
+                      callBack(ruleClassData);
+                    },
+                  );
+                }}
+              >
+                {systemVariableList?.length
+                  ? 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 && Array.isArray(systemVariableList) && systemVariableList.length && systemVariableList[0].code!== '-1' ) {
+                    itemDetail.isInsertParam = !itemDetail.isInsertParam;
+                    if (itemDetail.isInsertParam) {
+                      itemDetail.type = 10;
+                      itemDetail.paramNames = [];
+                      itemDetail.params = [];
+                    } else {
+                      itemDetail.systemCode = null;
+                    }
+
+                    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,classDataIndex, key) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    parentDetail.extraInfo.response = parentDetail.extraInfo.response.map((i) => {
+      if (i.code && key === i.code) {
+        i[code] = val;
+        return i;
+      }
+      return i;
+    });
+    ruleClassData[classDataIndex].extraInfo.response = ruleClassData[
+      classDataIndex
+      ].extraInfo.response.map((i) => {
+      if (i.code && key === i.code) {
+        i[code] = val;
+        return i;
+      }
+      return i;
+    });
+
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+  // 场景需要返回值2022.11.15
+  renderResItem = (
+    itemDetail,
+    parentDetail,
+    ruleReturnConfig,
+    selectRuleReturnData,
+    classDataIndex,
+    disabled,
+    boxStyle,
+  ) => {
+    const isRightText = ruleReturnConfig?.rightText?.length;
+
+    const showValue = (code, type, functionItem, configItem) => {
+      let defaultValue = configItem.defaultValue;
+      const pCode = itemDetail.response?.find((i) => i.code == code)?.value;
+      if (type === 'input') {
+        return pCode === undefined ? pCode : pCode || defaultValue;
+      }
+      if(['date','dateTime','rangeTime'].includes(type)) {
+        if(['date','dateTime'].includes(type)) return pCode ? moment(pCode) : pCode;
+        if(['rangeTime'].includes(type)) {
+          const newPCode = Array.isArray(pCode) ? pCode : pCode?.split(',');
+          return pCode ? newPCode?.map((i) => moment(i)) : pCode;
+        }
+      }
+      return pCode || defaultValue;
+    };
+    const handleEdit = (code, val, functionItem) => {
+      let value = val;
+      if (isObj(code)) {
+        Object.keys(code).forEach((ite) => {
+          this.handleEditExtraInfoResponse(ite, code[ite], parentDetail,classDataIndex);
+        });
+        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,classDataIndex,code);
+    };
+
+    return (
+      <>
+        {selectRuleReturnData && selectRuleReturnData.length ? (
+          <div>
+            <div className={'rule_action_return_border'}>
+              <div className={'rule_border_title'}>返回值</div>
+              <div>
+                {selectRuleReturnData.map((item) => (
+                  <div style={{ display: 'flex' }}>
+                    {this.renderFormCompItem(
+                      item,
+                      showValue,
+                      handleEdit,
+                      {},
+                      boxStyle,
+                      disabled,
+                    )}
+                    <MinusCircleOutlined
+                      className={'icon_btn_style'}
+                      onClick={() => {
+                        this.handleEditExtraInfoResponse(
+                          'enable',
+                          false,
+                          parentDetail,
+                          classDataIndex,
+                          item.code,
+                        );
+                      }}
+                      style={{
+                        color: 'gray',
+                        marginLeft: isRightText ? '100px' : '15px',
+                        marginTop: '15px',
+                        display: disabled ? 'none' : 'inline-block',
+                      }}
+                    />
+                  </div>
+                ))}
+              </div>
+            </div>
+          </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}
+        <RenderCompItem regularDataList={this.props.regularDataList} ites={config} showValue={(a, b, c = parentItem, d = config) => showValue(a, b, c, d)} handleEdit={(a, b, c = parentItem, d = config) => handleEdit(a, b, c, d)} disabled={disabled}></RenderCompItem>
+        {(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 && sRuleActionData.length ? (
+          <div>
+            <div className={'rule_action_return_border'}>
+              <div className={'rule_border_title'}>动作</div>
+              <div>
+                {sRuleActionData.map((i, index) => (
+                  <div>
+                    <div className={'rule_action_item'}>
+                      {(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>
+                ))}
+              </div>
+            </div>
+          </div>
+        ) : (
+          <></>
+        )}
+      </>
+    );
+  };
+
+  renderRuleTypeItem = (
+    itemDetail,
+    parentDetail,
+    floorIndex,
+    classDataIndex,
+    ruleTypeData,
+    ruleReturnConfig,
+    isRuleInstance
+  ) => {
+    const { modalParams } = this.state;
+    const { disabled } = this.props;
+    const isHaveRuleTypeData = ruleTypeData?.length;
+    const isHaveRuleReturnConfig = 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 selectRuleReturnCode = isHaveRuleReturnConfig
+      ? _.compact(
+        itemDetail.response.filter((i) => i?.enable).map((s) => s?.code),
+      )
+      : [];
+
+    const selectRuleActionData = isHaveRuleTypeData
+      ? handleRuleTypeData.filter((r) =>
+          selectRuleActionCode.some((s) => s === r.code),
+        )
+      : [];
+
+    const selectRuleReturnData = isHaveRuleReturnConfig
+      ? itemDetail.response.length === 1 &&
+      !itemDetail.response[0]?.code &&
+      itemDetail.response[0]?.enable
+        ? [{ ...ruleReturnConfig[0], value: itemDetail.response[0]?.value }]
+        : ruleReturnConfig.filter((r) =>
+          selectRuleReturnCode.some((s) => s === r.code),
+        )
+      : [];
+
+    const RuleActionItemStyle = {
+      display: 'flex',
+      // height: '30px',
+      // lineHeight: '30px',
+      margin: '10px 0px',
+    };
+
+    const displayNoneActionStyle = (isRuleInstance && !isHaveRuleTypeData)? { display: 'none' }: {};
+    const displayNoneReturnValueStyle = (isRuleInstance && !isHaveRuleReturnConfig)? { display: 'none' }: {};
+
+    return (
+      <div>
+        <div style={{ textAlign: 'right', display: 'flex', marginBottom: 10 }}>
+          <Button
+            disabled={disabled}
+            type="link"
+            style={displayNoneActionStyle}
+            onClick={() => {
+              if (isHaveRuleTypeData) {
+                this.setState({
+                  modalParams: {
+                    ...modalParams,
+                    type: 'action',
+                    dataSource: handleRuleTypeData,
+                    classDataIndex,
+                    visible: true,
+                  },
+                });
+              } else {
+                message.warn('未配置执行动作');
+              }
+            }}
+          >
+            新增动作
+          </Button>
+          <Button
+            disabled={disabled}
+            type="link"
+            style={displayNoneReturnValueStyle}
+            onClick={() => {
+              if (isHaveRuleReturnConfig) {
+                this.setState({
+                  modalParams: {
+                    ...modalParams,
+                    type: 'returnResponse',
+                    dataSource: ruleReturnConfig,
+                    classDataIndex,
+                    visible: true,
+                  },
+                });
+              } else {
+                message.warn('未配置返回');
+              }
+            }}
+          >
+            新增返回值
+          </Button>
+        </div>
+        {(isHaveRuleTypeData &&
+          this.renderActionList(
+            itemDetail,
+            parentDetail,
+            handleRuleTypeData,
+            selectRuleActionData,
+            classDataIndex,
+            disabled,
+            RuleActionItemStyle,
+          )) ||
+          null}
+        {(isHaveRuleReturnConfig &&
+          this.renderResItem(
+            itemDetail,
+            parentDetail,
+            ruleReturnConfig,
+            selectRuleReturnData,
+            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',
+        type: 20,
+        operationCode: '',
+        propertyPath: '',
+        params: [],
+        paramNames: [],
+      },
+    ];
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  handleDeleteRule = (itemDetail, parentDetail, classDataIndex) => {
+    const { ruleClassData } = this.state;
+    const { callBack, metaObjectCode } = 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 = 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, type, callback) => {
+    callback();
+    const { callBack } = this.props;
+    const { ruleClassData } = this.state;
+    if (type === 'action') {
+      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;
+      });
+    } else {
+      ruleClassData[classDataIndex].extraInfo.response = ruleClassData[
+        classDataIndex
+        ].extraInfo.response.map((i) => {
+        if (i.code && keys.some((r) => r === i.code) && !i.enable) {
+          console.log('i', i);
+          return { ...i, enable: 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, disabled, headerButtonComponentFun } = this.props;
+    const { ruleClassData, modalParams } = this.state;
+    return (
+      <div className={'base_rule'}>
+        <div className={'base_rule_content'}>
+          {headerButtonComponentFun?headerButtonComponentFun(this.handleAddRule): (
+            <div
+              disabled={disabled}
+              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={modalParams.type === 'action' ? '新增动作' : '新增返回值'}
+            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,
+                    modalParams?.type,
+                    () => {
+                      this.setState({
+                        modalParams: { ...modalParams, visible: false },
+                      });
+                    },
+                  );
+                },
+              }}
+              columns={
+                modalParams.type === 'action'
+                  ? [
+                    {
+                      title: '执行动作名称',
+                      key: 'functionName',
+                      dataIndex: 'functionName',
+                    },
+                  ]
+                  : [
+                    {
+                      title: '字段名称',
+                      key: 'name',
+                      dataIndex: 'name',
+                    },
+                    {
+                      title: '字段编码',
+                      key: 'code',
+                      dataIndex: 'code',
+                    },
+                  ]
+              }
+              dataSource={modalParams?.dataSource}
+              rowKey={'code'}
+            />
+          </Modal>
+        )) ||
+          null}
+      </div>
+    );
+  }
+}
+export default RuleObjectComponent;