@bit-sun/business-component 2.3.6 → 2.3.7

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

@@ -1,2074 +1,2107 @@
-import React, { Component } from 'react';
-import { Select, Input, InputNumber, DatePicker, TimePicker } from 'antd';
-import styles from './index.less';
-import { getRegularThresholdRange } from './services';
-import moment from 'moment';
-import { handleError, judgeIsEmpty } from '../../../utils/utils';
-import { queryIdentityInfo, findChangedThresholdQuery, setParams } from './util';
-import { request as SulaRequest } from 'bssula';
-import { stringify } from 'querystring';
-import {
-  BusinessSearchSelect,
-  BusinessTreeSearchSelect,
-  BsCascader
-} from '../../../index';
-const { RangePicker } = DatePicker;
-
-export default class RuleField extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      selectOperation: '',
-      dataTypeCode: '',
-      dataChoiceBusinessType: '',
-      dataInputBusinessType: '',
-      fieldValues: [],
-      thresholdQuery: {},
-      thresholdList: [],
-      options: [],
-    };
-  }
-
-  componentDidMount() {
-    const {
-      selectOperation,
-      dataTypeCode,
-      dataChoiceBusinessType,
-      dataInputBusinessType,
-      options,
-      values,
-      initialThresholdQuery,
-      queryIdentify,
-      propertyCode,
-      queryIdentifyType,
-    } = this.props;
-    this.setState(
-      {
-        selectOperation,
-        thresholdQuery: initialThresholdQuery
-          ? {
-              ...initialThresholdQuery,
-            }
-          : {},
-        dataTypeCode,
-        dataChoiceBusinessType,
-        dataInputBusinessType,
-        fieldValues: [...values],
-        options,
-      },
-      () => {
-        !judgeIsEmpty(queryIdentify) &&
-          this.getRegularThresholdRange(
-            queryIdentify,
-            propertyCode,
-            queryIdentifyType,
-          );
-      },
-    );
-    window.addEventListener('testEvent', this.eventHandle);
-  }
-
-  eventHandle = (obj) => {
-    const { thresholdQuery } = this.state;
-    const { queryIdentify, propertyCode, queryIdentifyType } = this.props;
-    this.setState(
-      {
-        thresholdQuery: {
-          ...thresholdQuery,
-          ...obj.data,
-        },
-      },
-      () => {
-        this.getRegularThresholdRange(
-          queryIdentify,
-          propertyCode,
-          queryIdentifyType,
-        );
-      },
-    );
-  };
-
-  componentWillUnmount() {
-    window.removeEventListener('testEvent', this.eventHandle);
-  }
-
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.selectOperation != this.props.selectOperation) {
-      this.setState({
-        selectOperation: nextProps.selectOperation,
-      });
-    }
-    if (nextProps.dataTypeCode != this.props.dataTypeCode) {
-      this.setState({
-        dataTypeCode: nextProps.dataTypeCode,
-      });
-    }
-    if (nextProps.dataChoiceBusinessType != this.props.dataChoiceBusinessType) {
-      this.setState({
-        dataChoiceBusinessType: nextProps.dataChoiceBusinessType,
-      });
-    }
-    if (nextProps.dataInputBusinessType != this.props.dataInputBusinessType) {
-      this.setState({
-        dataInputBusinessType: nextProps.dataInputBusinessType,
-      });
-    }
-    // if (nextProps.selectOperation != this.props.selectOperation) {
-    //     this.setState({
-    //         options: nextProps.options
-    //     })
-    // }
-    if (
-      nextProps.queryIdentify &&
-      nextProps.queryIdentify != this.props.queryIdentify
-    ) {
-      this.getRegularThresholdRange(
-        nextProps.queryIdentify,
-        nextProps.propertyCode,
-        nextProps.queryIdentifyType,
-      );
-    }
-
-    if (
-      JSON.stringify(nextProps.initialThresholdQuery) !=
-      JSON.stringify(this.props.initialThresholdQuery)
-    ) {
-      console.log(
-        findChangedThresholdQuery(
-          this.props.initialThresholdQuery,
-          nextProps.initialThresholdQuery,
-        ),
-      );
-      let changedPropsVal = findChangedThresholdQuery(
-        this.props.initialThresholdQuery,
-        nextProps.initialThresholdQuery,
-      );
-      this.setState(
-        {
-          thresholdQuery: {
-            ...nextProps.initialThresholdQuery,
-          },
-        },
-        () => {
-          if (changedPropsVal.indexOf(nextProps.propertyCode) > -1) {
-            this.getRegularThresholdRange(
-              nextProps.queryIdentify,
-              nextProps.propertyCode,
-              nextProps.queryIdentifyType,
-            );
-          }
-        },
-      );
-    }
-  }
-
-  //规则对象属性枚举值查询处理 queryIdentify有值是表示该属性有枚举选择
-  getRegularThresholdRange = async (
-    queryIdentify,
-    propertyCode,
-    queryIdentifyType,
-  ) => {
-    if (!queryIdentify) return;
-    const { thresholdQuery } = this.state;
-    let extraRequestUrl = '';
-    let querParams = setParams(propertyCode, thresholdQuery);
-    if (queryIdentityInfo.find((item) => item.identity == propertyCode)) {
-      //判断查询属性枚举时有没有必传参数，如果必传参数没有值则不调用查询接口
-      let needQueryList = queryIdentityInfo
-        .find((item) => item.identity == propertyCode)
-        .queryParam.filter((item) => item.isRequired)
-        .map((item) => item.queryKey);
-      if (
-        needQueryList.some(
-          (item) => !querParams[item] || !querParams[item].length,
-        )
-      ) {
-        return;
-      }
-      extraRequestUrl =
-        queryIdentityInfo.find((item) => item.identity == propertyCode)
-          .requestUrl || '';
-    }
-    if (queryIdentifyType === 'dictCodeIdentify') {
-      extraRequestUrl = `bscDictItem/selectDictItemsByDictCode`; // 字典接口
-      querParams = { dictCode: queryIdentify };
-    } else if (queryIdentifyType === 'dynamicDictCodeIdentify') {
-      extraRequestUrl = `dictDynamicItem/getDynamicData/${queryIdentify}`; // 字典接口
-      // querParams = { dictCode: queryIdentify }
-    }
-
-    if (extraRequestUrl) {
-      if (queryIdentify == 'maintain_area_code') {
-        extraRequestUrl = `/basic/${extraRequestUrl}${
-          querParams.memberCardCode
-        }?${stringify(querParams)}`;
-      } else if (queryIdentifyType == 'dictCodeIdentify') {
-        extraRequestUrl = `/basic/${extraRequestUrl}?${stringify(querParams)}`;
-      } else if (queryIdentifyType == 'dynamicDictCodeIdentify') {
-        extraRequestUrl = `/basic/${extraRequestUrl}`;
-      }
-
-      SulaRequest({
-        url: extraRequestUrl,
-        method: 'get',
-        converter: (res) => {
-          if (handleError(res)) {
-            let handleData = res?.data || [];
-            if (queryIdentifyType === 'dictCodeIdentify') {
-              handleData = handleData?.length
-                ? handleData.map((i) => ({
-                  code: i.dictItemCode,
-                  name: i.dictItemName,
-                }))
-                : [];
-            }
-            if (queryIdentifyType === 'dynamicDictCodeIdentify') {
-              handleData = handleData?.length
-                ? handleData.map((i) => ({
-                  code: i.code.toString(),
-                  name: i.name,
-                }))
-                : [];
-            }
-            this.setState({
-              thresholdList: handleData,
-            });
-          }
-          return handleData;
-        },
-      });
-    } else {
-      if (queryIdentifyType == 'objectPropertyListIdentify') {
-        this.setState({
-          thresholdList: queryIdentify,
-        });
-      } else if (queryIdentifyType == 'objectPropertyCodeIdentify') {
-        // TODO待处理
-        this.setState({
-          thresholdList: [],
-        });
-      } else {
-        querParams.queryIdentify = queryIdentify;
-        let res = await getRegularThresholdRange(querParams);
-        if (handleError(res)) {
-          this.setState({
-            thresholdList: res?.data || [],
-          });
-        }
-      }
-    }
-  };
-
-  renderConditionField = () => {
-    let {
-      selectOperation,
-      dataTypeCode,
-      dataChoiceBusinessType,
-      dataInputBusinessType,
-      options,
-      values,
-      valueNames,
-      callback,
-      queryIdentify,
-      disabled,
-      customerWidth,
-    } = this.props;
-    const { thresholdList } = this.state;
-    const dateFormat = 'YYYY-MM-DD';
-    const fullDateFormat = 'YYYY-MM-DD HH:mm:ss';
-    const styleCommon = {
-      width: customerWidth || '150px',
-    };
-    if (!selectOperation) return <Input disabled style={styleCommon}></Input>;
-    const SET_TYPE = ['in', 'nin', 'cn', 'ncn']; //集合类型
-    const INTERVAL_TYPE = ['be', 'bed', 'nbe', 'nbed', 'ber', 'bel']; //区间类型
-    const IS_KONG = ['en']; // 为空
-    if (IS_KONG.indexOf(selectOperation) > -1) {
-      return '';
-    }
-    // queryIdentify有值是表示该属性有枚举选择
-    if (!judgeIsEmpty(queryIdentify)) {
-      if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-        return (
-          <>
-            <Select
-              disabled={disabled}
-              showSearch
-              filterOption={(input, option) =>
-                option.props.children
-                  ?.toLowerCase()
-                  .indexOf(input.toLowerCase()) >= 0
-              }
-              onChange={(value, option) => {
-                values[0] = value;
-                valueNames[0] = option?.props?.children || '';
-                callback(values, valueNames);
-              }}
-              value={values[0]}
-              style={styleCommon}
-            >
-              {thresholdList.map((item) => (
-                <Select.Option value={item.code}>{item.name}</Select.Option>
-              ))}
-            </Select>
-            <span>~</span>
-            <Select
-              value={values[1]}
-              disabled={disabled}
-              showSearch
-              filterOption={(input, option) =>
-                option.props.children
-                  ?.toLowerCase()
-                  .indexOf(input.toLowerCase()) >= 0
-              }
-              onChange={(value, option) => {
-                values[1] = value;
-                valueNames[1] = option?.props?.children || '';
-                callback(values, valueNames);
-              }}
-              style={styleCommon}
-            >
-              {thresholdList.map((item) => (
-                <Select.Option value={item.code}>{item.name}</Select.Option>
-              ))}
-            </Select>
-          </>
-        );
-      } else {
-        return (
-          <Select
-            disabled={disabled}
-            showSearch
-            filterOption={(input, option) =>
-              option.props.children
-                ?.toLowerCase()
-                .indexOf(input.toLowerCase()) >= 0
-            }
-            onChange={(value, option) => {
-              if (SET_TYPE.indexOf(selectOperation) > -1) {
-                let valueNames1 = Array.isArray(option)
-                  ? option.map((item) => item?.props?.children || '')
-                  : [];
-                values = [...value];
-                valueNames = [...valueNames1];
-              } else {
-                values = [value];
-                valueNames = [option?.props?.children || ''];
-              }
-              callback(values, valueNames);
-            }}
-            value={SET_TYPE.indexOf(selectOperation) > -1 ? values : values[0]}
-            style={styleCommon}
-            mode={
-              SET_TYPE.indexOf(selectOperation) > -1 ? 'multiple' : 'default'
-            }
-          >
-            {thresholdList.map((item) => (
-              <Select.Option value={item.code}>{item.name}</Select.Option>
-            ))}
-          </Select>
-        );
-      }
-    } else if (dataInputBusinessType == 11 || dataInputBusinessType == 12) {
-      // 11 单选 12 多选
-      // 物理仓
-      if (dataChoiceBusinessType == 110) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="physicalWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择物理仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  mappingValueField: 'physicalWarehouseCode',
-                  filterInit: 'qp-physicalWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="physicalWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择物理仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  mappingValueField: 'physicalWarehouseCode',
-                  filterInit: 'qp-physicalWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="physicalWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择物理仓',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                mappingValueField: 'physicalWarehouseCode',
-                filterInit: 'qp-physicalWarehouseCode-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 逻辑仓
-      if (dataChoiceBusinessType == 120) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="realWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择逻辑仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  mappingValueField: 'realWarehouseCode',
-                  filterInit: 'qp-realWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="realWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择逻辑仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  mappingValueField: 'realWarehouseCode',
-                  filterInit: 'qp-realWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="realWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择逻辑仓',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                mappingValueField: 'realWarehouseCode',
-                filterInit: 'qp-realWarehouseCode-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 虚拟仓
-      if (dataChoiceBusinessType == 130) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="virtualWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择虚拟仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  mappingValueField: 'virtualWarehouseCode',
-                  filterInit: 'qp-virtualWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="virtualWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择虚拟仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  mappingValueField: 'virtualWarehouseCode',
-                  filterInit: 'qp-virtualWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="virtualWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择虚拟仓',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                mappingValueField: 'virtualWarehouseCode',
-                filterInit: 'qp-virtualWarehouseCode-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 渠道仓
-      if (dataChoiceBusinessType == 140) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="channelWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择渠道仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  mappingValueField: 'channelWarehouseCode',
-                  filterInit: 'qp-channelWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="channelWarehouse"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择渠道仓',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  mappingValueField: 'channelWarehouseCode',
-                  filterInit: 'qp-channelWarehouseCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="channelWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择渠道仓',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                mappingValueField: 'channelWarehouseCode',
-                filterInit: 'qp-channelWarehouseCode-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 商品SPU选择器
-      if (dataChoiceBusinessType == 150) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="spuCommodity"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择SPU',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  filterInit: 'qp-itemCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="spuCommodity"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择SPU',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  filterInit: 'qp-itemCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="spuCommodity"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择SPU',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                filterInit: 'qp-itemCode-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 商品SKU选择器
-      if (dataChoiceBusinessType == 160) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="skuCommodity"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择商品',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  filterInit: 'qp-skuCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="skuCommodity"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择商品',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  filterInit: 'qp-skuCode-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="skuCommodity"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择商品',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                filterInit: 'qp-skuCode-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 省市区
-      if (dataChoiceBusinessType == 190) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BsCascader
-                disabled={disabled}
-                isAll={true}
-                needNameAndCode={true}
-                notChangeOnSelect={true}
-                initRequestSource={async () => {
-                  return await SulaRequest({
-                    url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
-                    method: 'get',
-                    converter: ({ data }) => {
-                      const handleData =
-                        data && data[0]
-                          ? data?.map((item) => {
-                              return {
-                                text: item.name,
-                                value: item.id,
-                                level: item.level,
-                                id: item.id,
-                              };
-                            })
-                          : [];
-                      return handleData;
-                    },
-                  });
-                }}
-                style={{ width: 240 }}
-                value={{ PCDName: valueNames[0] || [] }}
-                onChange={(value) => {
-                  values[0] = value.PCDCode;
-                  valueNames[0] = value.PCDName;
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BsCascader
-                disabled={disabled}
-                onlyCode={true}
-                isAll={true}
-                needNameAndCode={true}
-                notChangeOnSelect={true}
-                initRequestSource={async () => {
-                  return await SulaRequest({
-                    url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
-                    method: 'get',
-                    converter: ({ data }) => {
-                      const handleData =
-                        data && data[0]
-                          ? data?.map((item) => {
-                              return {
-                                text: item.name,
-                                value: item.id,
-                                level: item.level,
-                                id: item.id,
-                              };
-                            })
-                          : [];
-                      return handleData;
-                    },
-                  });
-                }}
-                style={{ width: 240 }}
-                value={{ PCDName: valueNames[1] || [] }}
-                onChange={(value) => {
-                  values[1] = value.PCDCode;
-                  valueNames[1] = value.PCDName;
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BsCascader
-              disabled={disabled}
-              onlyCode={true}
-              isAll={true}
-              needNameAndCode={true}
-              notChangeOnSelect={true}
-              initRequestSource={async () => {
-                return await SulaRequest({
-                  url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
-                  method: 'get',
-                  converter: ({ data }) => {
-                    const handleData =
-                      data && data[0]
-                        ? data?.map((item) => {
-                            return {
-                              text: item.name,
-                              value: item.id,
-                              level: item.level,
-                              id: item.id,
-                            };
-                          })
-                        : [];
-                    return handleData;
-                  },
-                });
-              }}
-              style={{ width: 240 }}
-              value={{ PCDName: valueNames || [] }}
-              onChange={(value) => {
-                values = value.PCDCode;
-                valueNames = value.PCDName;
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 行政组织选择器
-      if (dataChoiceBusinessType == 210) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="department"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="department"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={dataInputBusinessType === 12}
-              businessType="department"
-              labelInValue={true}
-              value={values[0]}
-              style={styleCommon}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 采购组织选择器
-      if (dataChoiceBusinessType == 220) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="purchase-organization"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="purchase-organization"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={dataInputBusinessType === 12}
-              businessType="purchase-organization"
-              labelInValue={true}
-              value={values[0]}
-              style={styleCommon}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 销售组织选择器
-      if (dataChoiceBusinessType == 230) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="sales-organization"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="sales-organization"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={dataInputBusinessType === 12}
-              businessType="sales-organization"
-              labelInValue={true}
-              value={values[0]}
-              style={styleCommon}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 供应商选择器
-      if (dataChoiceBusinessType == 240) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="supplier2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择供应商',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="supplier2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择供应商',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="supplier2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择供应商',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 客户选择器
-      if (dataChoiceBusinessType == 250) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="customer2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择客户',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="customer2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择客户',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="customer2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择客户',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 店铺选择器
-      if (dataChoiceBusinessType == 260) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="shopFile2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择店铺',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="shopFile2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择店铺',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="shopFile2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择店铺',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 员工选择器
-      if (dataChoiceBusinessType == 270) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="employee2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择员工',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  filterInit: 'qp-id-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="employee2"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择员工',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  filterInit: 'qp-id-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="employee2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择员工',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                filterInit: 'qp-id-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 库存组织选择器
-      if (dataChoiceBusinessType == 280) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="stock-organization"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessTreeSearchSelect
-                disabled={disabled}
-                treeCheckable={dataInputBusinessType === 12}
-                businessType="stock-organization"
-                labelInValue={true}
-                value={values[0]}
-                style={styleCommon}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={dataInputBusinessType === 12}
-              businessType="stock-organization"
-              labelInValue={true}
-              value={values[0]}
-              style={styleCommon}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-      // 配送方式选择器
-      if (dataChoiceBusinessType == 310) {
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <BusinessSearchSelect
-                selectBusinessType="deliveryMode"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择配送方式',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[0]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[0] = value.map((i) => i.key);
-                    valueNames[0] = value.map((i) => i.label || '');
-                  } else {
-                    values[0] = [value.key];
-                    valueNames[0] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-              <span>~</span>
-              <BusinessSearchSelect
-                selectBusinessType="deliveryMode"
-                selectProps={{
-                  style: styleCommon,
-                  placeholder: '请选择配送方式',
-                  ...(dataInputBusinessType === 12
-                    ? {
-                        mode: 'multiple',
-                        maxTagCount: 1,
-                      }
-                    : {}),
-                }}
-                disabled={disabled}
-                labelInValue={true}
-                value={values[1]}
-                requestConfig={{
-                  filterInit: 'qp-code-in',
-                }}
-                onChange={(value) => {
-                  if (dataInputBusinessType === 12) {
-                    values[1] = value.map((i) => i.key);
-                    valueNames[1] = value.map((i) => i.label || '');
-                  } else {
-                    values[1] = [value.key];
-                    valueNames[1] = [value.label || ''];
-                  }
-                  callback(values, valueNames);
-                }}
-                getPopupContainer={() => document.body}
-              />
-            </>
-          );
-        } else {
-          return (
-            <BusinessSearchSelect
-              selectBusinessType="deliveryMode"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择配送方式',
-                ...(dataInputBusinessType === 12
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={dataInputBusinessType === 12 ? values : values[0]}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                if (dataInputBusinessType === 12) {
-                  values = value.map((i) => i.key);
-                  valueNames = value.map((i) => i.label || '');
-                } else {
-                  values = [value.key];
-                  valueNames = [value.label || ''];
-                }
-                callback(values, valueNames);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          );
-        }
-      }
-    } else {
-      if (
-        dataTypeCode == 22 ||
-        dataTypeCode == 21 ||
-        dataTypeCode == 24 ||
-        dataTypeCode == 23
-      ) {
-        //数值22, 字符串21, 布尔类型24, long23
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <Input
-                defaultValue={values[0]}
-                disabled={disabled}
-                style={styleCommon}
-                onBlur={(e) => {
-                  values[0] = e.target.value;
-                  valueNames[0] = e.target.value;
-                  callback(values, valueNames);
-                }}
-              />
-              <span>~</span>
-              <Input
-                defaultValue={values[1]}
-                disabled={disabled}
-                style={styleCommon}
-                onBlur={(e) => {
-                  values[1] = e.target.value;
-                  valueNames[1] = e.target.value;
-                  callback(values, valueNames);
-                }}
-              />
-            </>
-          );
-        } else {
-          return (
-            <Input
-              defaultValue={values.join(',')}
-              disabled={disabled}
-              style={styleCommon}
-              onBlur={(e) => {
-                values = e.target.value.split(',');
-                valueNames = e.target.value.split(',');
-                callback(values, valueNames);
-              }}
-            />
-          );
-        }
-      } else if (dataTypeCode == 41) {
-        // 日期41
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <RangePicker
-              // showTime
-              disabled={disabled}
-              style={{ width: customerWidth || '300px' }}
-              format={dataTypeCode == 41 ? dateFormat : fullDateFormat}
-              value={[
-                values[0] ? moment(values[0]) : '',
-                values[1] ? moment(values[1]) : '',
-              ]}
-              onChange={(dates, dateStrings) => {
-                // 业务产品要求时间范围取值固定00:00:00-23:59:59，有问题请找产品业务
-                let dateStringFormat = [];
-                if (dataTypeCode == 41) {
-                  dateStringFormat[0] = dateStrings[0]
-                    ? moment(dateStrings[0]).format('YYYY-MM-DD')
-                    : '';
-                  dateStringFormat[1] = dateStrings[1]
-                    ? moment(dateStrings[1]).format('YYYY-MM-DD')
-                    : '';
-                } else {
-                  dateStringFormat[0] = dateStrings[0]
-                    ? moment(dateStrings[0]).format('YYYY-MM-DD 00:00:00')
-                    : '';
-                  dateStringFormat[1] = dateStrings[1]
-                    ? moment(dateStrings[1]).format('YYYY-MM-DD 23:59:59')
-                    : '';
-                }
-                values = [...dateStringFormat];
-                valueNames = [...dateStringFormat];
-                callback(values, valueNames);
-              }}
-            />
-          );
-        } else {
-          return (
-            <>
-              <DatePicker
-                format={dataTypeCode == 41 ? dateFormat : fullDateFormat}
-                disabled={disabled}
-                style={{ width: customerWidth || '300px' }}
-                value={values[0] ? moment(values[0]) : ''}
-                onChange={(date, dateString) => {
-                  values[0] = dateString;
-                  valueNames[0] = dateString;
-                  callback(values, valueNames);
-                }}
-              />
-            </>
-          );
-        }
-      } else if (dataTypeCode == 40) {
-        // 时间40
-        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
-          return (
-            <>
-              <TimePicker
-                key="1"
-                disabled={disabled}
-                value={values[0] ? moment(values[0]) : ''}
-                style={styleCommon}
-                onChange={(time, timeString) => {
-                  values[0] = timeString;
-                  valueNames[0] = timeString;
-                  callback(values, valueNames);
-                }}
-              />
-              <span>~</span>
-              <TimePicker
-                key="2"
-                disabled={disabled}
-                value={values[1] ? moment(values[1]) : ''}
-                style={styleCommon}
-                onChange={(time, timeString) => {
-                  values[1] = timeString;
-                  valueNames[1] = timeString;
-                  callback(values, valueNames);
-                }}
-              />
-            </>
-          );
-        } else {
-          return (
-            <TimePicker
-              defaultValue={values[0] ? moment(values[0]) : ''}
-              disabled={disabled}
-              style={styleCommon}
-              onChange={(time, timeString) => {
-                values[0] = timeString;
-                valueNames[0] = timeString;
-                callback(values, valueNames);
-              }}
-            />
-          );
-        }
-      }
-    }
-    return '';
-  };
-
-  render() {
-    return (
-      <div style={{ marginLeft: '10px' }} className={styles.rule_field_style}>
-        {this.renderConditionField()}
-      </div>
-    );
-  }
-}
+import React, { Component } from 'react';
+import { Select, Input, InputNumber, DatePicker, TimePicker } from 'antd';
+import styles from './index.less';
+import { getRegularThresholdRange } from './services';
+import moment from 'moment';
+import { handleError, judgeIsEmpty } from '../../../utils/utils';
+import { queryIdentityInfo, findChangedThresholdQuery, setParams } from './util';
+import { request as SulaRequest } from 'bssula';
+import { stringify } from 'querystring';
+import {
+  BusinessSearchSelect,
+  BusinessTreeSearchSelect,
+  BsCascader
+} from '../../../index';
+const { RangePicker } = DatePicker;
+
+export default class RuleField extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      selectOperation: '',
+      dataTypeCode: '',
+      dataChoiceBusinessType: '',
+      dataInputBusinessType: '',
+      fieldValues: [],
+      thresholdQuery: {},
+      thresholdList: [],
+      options: [],
+    };
+  }
+
+  componentDidMount() {
+    const {
+      selectOperation,
+      dataTypeCode,
+      dataChoiceBusinessType,
+      dataInputBusinessType,
+      options,
+      values,
+      initialThresholdQuery,
+      queryIdentify,
+      propertyCode,
+      queryIdentifyType,
+    } = this.props;
+    this.setState(
+      {
+        selectOperation,
+        thresholdQuery: initialThresholdQuery
+          ? {
+              ...initialThresholdQuery,
+            }
+          : {},
+        dataTypeCode,
+        dataChoiceBusinessType,
+        dataInputBusinessType,
+        fieldValues: [...values],
+        options,
+      },
+      () => {
+        !judgeIsEmpty(queryIdentify) &&
+          this.getRegularThresholdRange(
+            queryIdentify,
+            propertyCode,
+            queryIdentifyType,
+          );
+      },
+    );
+    window.addEventListener('testEvent', this.eventHandle);
+  }
+
+  eventHandle = (obj) => {
+    const { thresholdQuery } = this.state;
+    const { queryIdentify, propertyCode, queryIdentifyType } = this.props;
+    this.setState(
+      {
+        thresholdQuery: {
+          ...thresholdQuery,
+          ...obj.data,
+        },
+      },
+      () => {
+        this.getRegularThresholdRange(
+          queryIdentify,
+          propertyCode,
+          queryIdentifyType,
+        );
+      },
+    );
+  };
+
+  componentWillUnmount() {
+    window.removeEventListener('testEvent', this.eventHandle);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.selectOperation != this.props.selectOperation) {
+      this.setState({
+        selectOperation: nextProps.selectOperation,
+      });
+    }
+    if (nextProps.dataTypeCode != this.props.dataTypeCode) {
+      this.setState({
+        dataTypeCode: nextProps.dataTypeCode,
+      });
+    }
+    if (nextProps.dataChoiceBusinessType != this.props.dataChoiceBusinessType) {
+      this.setState({
+        dataChoiceBusinessType: nextProps.dataChoiceBusinessType,
+      });
+    }
+    if (nextProps.dataInputBusinessType != this.props.dataInputBusinessType) {
+      this.setState({
+        dataInputBusinessType: nextProps.dataInputBusinessType,
+      });
+    }
+    // if (nextProps.selectOperation != this.props.selectOperation) {
+    //     this.setState({
+    //         options: nextProps.options
+    //     })
+    // }
+    if (
+      nextProps.queryIdentify &&
+      nextProps.queryIdentify != this.props.queryIdentify
+    ) {
+      this.getRegularThresholdRange(
+        nextProps.queryIdentify,
+        nextProps.propertyCode,
+        nextProps.queryIdentifyType,
+      );
+    }
+
+    if (
+      JSON.stringify(nextProps.initialThresholdQuery) !=
+      JSON.stringify(this.props.initialThresholdQuery)
+    ) {
+      console.log(
+        findChangedThresholdQuery(
+          this.props.initialThresholdQuery,
+          nextProps.initialThresholdQuery,
+        ),
+      );
+      let changedPropsVal = findChangedThresholdQuery(
+        this.props.initialThresholdQuery,
+        nextProps.initialThresholdQuery,
+      );
+      this.setState(
+        {
+          thresholdQuery: {
+            ...nextProps.initialThresholdQuery,
+          },
+        },
+        () => {
+          if (changedPropsVal.indexOf(nextProps.propertyCode) > -1) {
+            this.getRegularThresholdRange(
+              nextProps.queryIdentify,
+              nextProps.propertyCode,
+              nextProps.queryIdentifyType,
+            );
+          }
+        },
+      );
+    }
+  }
+
+  //规则对象属性枚举值查询处理 queryIdentify有值是表示该属性有枚举选择
+  getRegularThresholdRange = async (
+    queryIdentify,
+    propertyCode,
+    queryIdentifyType,
+  ) => {
+    if (!queryIdentify) return;
+    const { thresholdQuery } = this.state;
+    let extraRequestUrl = '';
+    let querParams = setParams(propertyCode, thresholdQuery);
+    if (queryIdentityInfo.find((item) => item.identity == propertyCode)) {
+      //判断查询属性枚举时有没有必传参数，如果必传参数没有值则不调用查询接口
+      let needQueryList = queryIdentityInfo
+        .find((item) => item.identity == propertyCode)
+        .queryParam.filter((item) => item.isRequired)
+        .map((item) => item.queryKey);
+      if (
+        needQueryList.some(
+          (item) => !querParams[item] || !querParams[item].length,
+        )
+      ) {
+        return;
+      }
+      extraRequestUrl =
+        queryIdentityInfo.find((item) => item.identity == propertyCode)
+          .requestUrl || '';
+    }
+    if (queryIdentifyType === 'dictCodeIdentify') {
+      extraRequestUrl = `bscDictItem/selectDictItemsByDictCode`; // 字典接口
+      querParams = { dictCode: queryIdentify };
+    } else if (queryIdentifyType === 'dynamicDictCodeIdentify') {
+      extraRequestUrl = `dictDynamicItem/getDynamicData/${queryIdentify}`; // 字典接口
+      // querParams = { dictCode: queryIdentify }
+    }
+
+    if (extraRequestUrl) {
+      if (queryIdentify == 'maintain_area_code') {
+        extraRequestUrl = `/basic/${extraRequestUrl}${
+          querParams.memberCardCode
+        }?${stringify(querParams)}`;
+      } else if (queryIdentifyType == 'dictCodeIdentify') {
+        extraRequestUrl = `/basic/${extraRequestUrl}?${stringify(querParams)}`;
+      } else if (queryIdentifyType == 'dynamicDictCodeIdentify') {
+        extraRequestUrl = `/basic/${extraRequestUrl}`;
+      }
+
+      SulaRequest({
+        url: extraRequestUrl,
+        method: 'get',
+        converter: (res) => {
+          if (handleError(res)) {
+            let handleData = res?.data || [];
+            if (queryIdentifyType === 'dictCodeIdentify') {
+              handleData = handleData?.length
+                ? handleData.map((i) => ({
+                  code: i.dictItemCode,
+                  name: i.dictItemName,
+                }))
+                : [];
+            }
+            if (queryIdentifyType === 'dynamicDictCodeIdentify') {
+              handleData = handleData?.length
+                ? handleData.map((i) => ({
+                  code: i.code.toString(),
+                  name: i.name,
+                }))
+                : [];
+            }
+            this.setState({
+              thresholdList: handleData,
+            });
+          }
+          return handleData;
+        },
+      });
+    } else {
+      if (queryIdentifyType == 'objectPropertyListIdentify') {
+        this.setState({
+          thresholdList: queryIdentify,
+        });
+      } else if (queryIdentifyType == 'objectPropertyCodeIdentify') {
+        // TODO待处理
+        this.setState({
+          thresholdList: [],
+        });
+      } else {
+        querParams.queryIdentify = queryIdentify;
+        let res = await getRegularThresholdRange(querParams);
+        if (handleError(res)) {
+          this.setState({
+            thresholdList: res?.data || [],
+          });
+        }
+      }
+    }
+  };
+
+  renderConditionField = () => {
+    let {
+      selectOperation,
+      dataTypeCode,
+      dataChoiceBusinessType,
+      dataInputBusinessType,
+      options,
+      values,
+      valueNames,
+      callback,
+      queryIdentify,
+      disabled,
+      customerWidth,
+    } = this.props;
+    const { thresholdList } = this.state;
+    const dateFormat = 'YYYY-MM-DD';
+    const fullDateFormat = 'YYYY-MM-DD HH:mm:ss';
+    const styleCommon = {
+      width: customerWidth || '150px',
+    };
+    if (!selectOperation) return <Input disabled style={styleCommon}></Input>;
+    const SET_TYPE = ['in', 'nin', 'cn', 'ncn']; //集合类型
+    const INTERVAL_TYPE = ['be', 'bed', 'nbe', 'nbed', 'ber', 'bel']; //区间类型
+    const IS_KONG = ['en']; // 为空
+    if (IS_KONG.indexOf(selectOperation) > -1) {
+      return '';
+    }
+    // queryIdentify有值是表示该属性有枚举选择
+    if (!judgeIsEmpty(queryIdentify)) {
+      if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+        return (
+          <>
+            <Select
+              disabled={disabled}
+              showSearch
+              filterOption={(input, option) =>
+                option.props.children
+                  ?.toLowerCase()
+                  .indexOf(input.toLowerCase()) >= 0
+              }
+              onChange={(value, option) => {
+                values[0] = value;
+                valueNames[0] = option?.props?.children || '';
+                callback(values, valueNames);
+              }}
+              value={values[0]}
+              style={styleCommon}
+            >
+              {thresholdList.map((item) => (
+                <Select.Option value={item.code}>{item.name}</Select.Option>
+              ))}
+            </Select>
+            <span>~</span>
+            <Select
+              value={values[1]}
+              disabled={disabled}
+              showSearch
+              filterOption={(input, option) =>
+                option.props.children
+                  ?.toLowerCase()
+                  .indexOf(input.toLowerCase()) >= 0
+              }
+              onChange={(value, option) => {
+                values[1] = value;
+                valueNames[1] = option?.props?.children || '';
+                callback(values, valueNames);
+              }}
+              style={styleCommon}
+            >
+              {thresholdList.map((item) => (
+                <Select.Option value={item.code}>{item.name}</Select.Option>
+              ))}
+            </Select>
+          </>
+        );
+      } else {
+        return (
+          <Select
+            disabled={disabled}
+            showSearch
+            filterOption={(input, option) =>
+              option.props.children
+                ?.toLowerCase()
+                .indexOf(input.toLowerCase()) >= 0
+            }
+            onChange={(value, option) => {
+              if (SET_TYPE.indexOf(selectOperation) > -1) {
+                let valueNames1 = Array.isArray(option)
+                  ? option.map((item) => item?.props?.children || '')
+                  : [];
+                values = [...value];
+                valueNames = [...valueNames1];
+              } else {
+                values = [value];
+                valueNames = [option?.props?.children || ''];
+              }
+              callback(values, valueNames);
+            }}
+            value={SET_TYPE.indexOf(selectOperation) > -1 ? values : values[0]}
+            style={styleCommon}
+            mode={
+              SET_TYPE.indexOf(selectOperation) > -1 ? 'multiple' : 'default'
+            }
+          >
+            {thresholdList.map((item) => (
+              <Select.Option value={item.code}>{item.name}</Select.Option>
+            ))}
+          </Select>
+        );
+      }
+    } else if (dataInputBusinessType == 11 || dataInputBusinessType == 12) {
+      // 11 单选 12 多选
+      // 物理仓
+      if (dataChoiceBusinessType == 110) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="physicalWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择物理仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  mappingValueField: 'physicalWarehouseCode',
+                  filterInit: 'qp-physicalWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="physicalWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择物理仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  mappingValueField: 'physicalWarehouseCode',
+                  filterInit: 'qp-physicalWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="physicalWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择物理仓',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                mappingValueField: 'physicalWarehouseCode',
+                filterInit: 'qp-physicalWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 逻辑仓
+      if (dataChoiceBusinessType == 120) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="realWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择逻辑仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  mappingValueField: 'realWarehouseCode',
+                  filterInit: 'qp-realWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="realWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择逻辑仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  mappingValueField: 'realWarehouseCode',
+                  filterInit: 'qp-realWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="realWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择逻辑仓',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                mappingValueField: 'realWarehouseCode',
+                filterInit: 'qp-realWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 虚拟仓
+      if (dataChoiceBusinessType == 130) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="virtualWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择虚拟仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  mappingValueField: 'virtualWarehouseCode',
+                  filterInit: 'qp-virtualWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="virtualWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择虚拟仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  mappingValueField: 'virtualWarehouseCode',
+                  filterInit: 'qp-virtualWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="virtualWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择虚拟仓',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                mappingValueField: 'virtualWarehouseCode',
+                filterInit: 'qp-virtualWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 渠道仓
+      if (dataChoiceBusinessType == 140) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="channelWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择渠道仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  mappingValueField: 'channelWarehouseCode',
+                  filterInit: 'qp-channelWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="channelWarehouse"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择渠道仓',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  mappingValueField: 'channelWarehouseCode',
+                  filterInit: 'qp-channelWarehouseCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="channelWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择渠道仓',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                mappingValueField: 'channelWarehouseCode',
+                filterInit: 'qp-channelWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 商品SPU选择器
+      if (dataChoiceBusinessType == 150) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="spuCommodity"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择SPU',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  filterInit: 'qp-itemCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="spuCommodity"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择SPU',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  filterInit: 'qp-itemCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="spuCommodity"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择SPU',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                filterInit: 'qp-itemCode-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 商品SKU选择器
+      if (dataChoiceBusinessType == 160) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="skuCommodity"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择商品',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  filterInit: 'qp-skuCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="skuCommodity"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择商品',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  filterInit: 'qp-skuCode-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="skuCommodity"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择商品',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                filterInit: 'qp-skuCode-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 省市区
+      if (dataChoiceBusinessType == 190) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BsCascader
+                disabled={disabled}
+                isAll={true}
+                needNameAndCode={true}
+                notChangeOnSelect={true}
+                initRequestSource={async () => {
+                  return await SulaRequest({
+                    url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
+                    method: 'get',
+                    converter: ({ data }) => {
+                      const handleData =
+                        data && data[0]
+                          ? data?.map((item) => {
+                              return {
+                                text: item.name,
+                                value: item.id,
+                                level: item.level,
+                                id: item.id,
+                              };
+                            })
+                          : [];
+                      return handleData;
+                    },
+                  });
+                }}
+                style={{ width: 240 }}
+                value={{ PCDName: valueNames[0] || [] }}
+                onChange={(value) => {
+                  values[0] = value.PCDCode;
+                  valueNames[0] = value.PCDName;
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BsCascader
+                disabled={disabled}
+                onlyCode={true}
+                isAll={true}
+                needNameAndCode={true}
+                notChangeOnSelect={true}
+                initRequestSource={async () => {
+                  return await SulaRequest({
+                    url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
+                    method: 'get',
+                    converter: ({ data }) => {
+                      const handleData =
+                        data && data[0]
+                          ? data?.map((item) => {
+                              return {
+                                text: item.name,
+                                value: item.id,
+                                level: item.level,
+                                id: item.id,
+                              };
+                            })
+                          : [];
+                      return handleData;
+                    },
+                  });
+                }}
+                style={{ width: 240 }}
+                value={{ PCDName: valueNames[1] || [] }}
+                onChange={(value) => {
+                  values[1] = value.PCDCode;
+                  valueNames[1] = value.PCDName;
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          return (
+            <BsCascader
+              disabled={disabled}
+              onlyCode={true}
+              isAll={true}
+              needNameAndCode={true}
+              notChangeOnSelect={true}
+              initRequestSource={async () => {
+                return await SulaRequest({
+                  url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
+                  method: 'get',
+                  converter: ({ data }) => {
+                    const handleData =
+                      data && data[0]
+                        ? data?.map((item) => {
+                            return {
+                              text: item.name,
+                              value: item.id,
+                              level: item.level,
+                              id: item.id,
+                            };
+                          })
+                        : [];
+                    return handleData;
+                  },
+                });
+              }}
+              style={{ width: 240 }}
+              value={{ PCDName: valueNames || [] }}
+              onChange={(value) => {
+                values = value.PCDCode;
+                valueNames = value.PCDName;
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 行政组织选择器
+      if (dataChoiceBusinessType == 210) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="department"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="department"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          return (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={dataInputBusinessType === 12}
+              businessType="department"
+              labelInValue={true}
+              value={values[0]}
+              style={styleCommon}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 采购组织选择器
+      if (dataChoiceBusinessType == 220) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="purchase-organization"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="purchase-organization"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          return (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={dataInputBusinessType === 12}
+              businessType="purchase-organization"
+              labelInValue={true}
+              value={values[0]}
+              style={styleCommon}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 销售组织选择器
+      if (dataChoiceBusinessType == 230) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="sales-organization"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="sales-organization"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          return (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={dataInputBusinessType === 12}
+              businessType="sales-organization"
+              labelInValue={true}
+              value={values[0]}
+              style={styleCommon}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 供应商选择器
+      if (dataChoiceBusinessType == 240) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="supplier2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择供应商',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="supplier2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择供应商',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="supplier2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择供应商',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 客户选择器
+      if (dataChoiceBusinessType == 250) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="customer2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择客户',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="customer2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择客户',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="customer2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择客户',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 店铺选择器
+      if (dataChoiceBusinessType == 260) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="shopFile2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择店铺',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="shopFile2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择店铺',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="shopFile2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择店铺',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 员工选择器
+      if (dataChoiceBusinessType == 270) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="employee2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择员工',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  filterInit: 'qp-id-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="employee2"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择员工',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  filterInit: 'qp-id-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="employee2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择员工',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                filterInit: 'qp-id-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 库存组织选择器
+      if (dataChoiceBusinessType == 280) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="stock-organization"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessTreeSearchSelect
+                disabled={disabled}
+                treeCheckable={dataInputBusinessType === 12}
+                businessType="stock-organization"
+                labelInValue={true}
+                value={values[0]}
+                style={styleCommon}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          return (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={dataInputBusinessType === 12}
+              businessType="stock-organization"
+              labelInValue={true}
+              value={values[0]}
+              style={styleCommon}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+      // 配送方式选择器
+      if (dataChoiceBusinessType == 310) {
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <BusinessSearchSelect
+                selectBusinessType="deliveryMode"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择配送方式',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[0]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[0] = value.map((i) => i.key);
+                    valueNames[0] = value.map((i) => i.label || '');
+                  } else {
+                    values[0] = [value.key];
+                    valueNames[0] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+              <span>~</span>
+              <BusinessSearchSelect
+                selectBusinessType="deliveryMode"
+                selectProps={{
+                  style: styleCommon,
+                  placeholder: '请选择配送方式',
+                  ...(dataInputBusinessType === 12
+                    ? {
+                        mode: 'multiple',
+                        maxTagCount: 1,
+                      }
+                    : {}),
+                }}
+                disabled={disabled}
+                labelInValue={true}
+                value={values[1]}
+                requestConfig={{
+                  filterInit: 'qp-code-in',
+                }}
+                onChange={(value) => {
+                  if (dataInputBusinessType === 12) {
+                    values[1] = value.map((i) => i.key);
+                    valueNames[1] = value.map((i) => i.label || '');
+                  } else {
+                    values[1] = [value.key];
+                    valueNames[1] = [value.label || ''];
+                  }
+                  callback(values, valueNames);
+                }}
+                getPopupContainer={() => document.body}
+              />
+            </>
+          );
+        } else {
+          const currentValue = dataInputBusinessType === 12 ?
+            values?.map((s,vIndex)=> ({key: s, label: valueNames[vIndex]}))||[]
+            : values[0]&&{key:values[0],label:valueNames[0]}||{}
+          return (
+            <BusinessSearchSelect
+              selectBusinessType="deliveryMode"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择配送方式',
+                ...(dataInputBusinessType === 12
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={currentValue}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                if (dataInputBusinessType === 12) {
+                  values = value.map((i) => i.key)||[];
+                  valueNames = value.map((i) => i.label || '')||[];
+                } else {
+                  values = value?.key?[value.key]:[];
+                  valueNames = value?.label?[value.label]:[];
+                }
+                callback(values, valueNames);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          );
+        }
+      }
+    } else {
+      if (
+        dataTypeCode == 22 ||
+        dataTypeCode == 21 ||
+        dataTypeCode == 24 ||
+        dataTypeCode == 23
+      ) {
+        //数值22, 字符串21, 布尔类型24, long23
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <Input
+                defaultValue={values[0]}
+                disabled={disabled}
+                style={styleCommon}
+                onBlur={(e) => {
+                  values[0] = e.target.value;
+                  valueNames[0] = e.target.value;
+                  callback(values, valueNames);
+                }}
+              />
+              <span>~</span>
+              <Input
+                defaultValue={values[1]}
+                disabled={disabled}
+                style={styleCommon}
+                onBlur={(e) => {
+                  values[1] = e.target.value;
+                  valueNames[1] = e.target.value;
+                  callback(values, valueNames);
+                }}
+              />
+            </>
+          );
+        } else {
+          return (
+            <Input
+              defaultValue={values.join(',')}
+              disabled={disabled}
+              style={styleCommon}
+              onBlur={(e) => {
+                values = e.target.value.split(',');
+                valueNames = e.target.value.split(',');
+                callback(values, valueNames);
+              }}
+            />
+          );
+        }
+      } else if (dataTypeCode == 41) {
+        // 日期41
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <RangePicker
+              // showTime
+              disabled={disabled}
+              style={{ width: customerWidth || '300px' }}
+              format={dataTypeCode == 41 ? dateFormat : fullDateFormat}
+              value={[
+                values[0] ? moment(values[0]) : '',
+                values[1] ? moment(values[1]) : '',
+              ]}
+              onChange={(dates, dateStrings) => {
+                // 业务产品要求时间范围取值固定00:00:00-23:59:59，有问题请找产品业务
+                let dateStringFormat = [];
+                if (dataTypeCode == 41) {
+                  dateStringFormat[0] = dateStrings[0]
+                    ? moment(dateStrings[0]).format('YYYY-MM-DD')
+                    : '';
+                  dateStringFormat[1] = dateStrings[1]
+                    ? moment(dateStrings[1]).format('YYYY-MM-DD')
+                    : '';
+                } else {
+                  dateStringFormat[0] = dateStrings[0]
+                    ? moment(dateStrings[0]).format('YYYY-MM-DD 00:00:00')
+                    : '';
+                  dateStringFormat[1] = dateStrings[1]
+                    ? moment(dateStrings[1]).format('YYYY-MM-DD 23:59:59')
+                    : '';
+                }
+                values = [...dateStringFormat];
+                valueNames = [...dateStringFormat];
+                callback(values, valueNames);
+              }}
+            />
+          );
+        } else {
+          return (
+            <>
+              <DatePicker
+                format={dataTypeCode == 41 ? dateFormat : fullDateFormat}
+                disabled={disabled}
+                style={{ width: customerWidth || '300px' }}
+                value={values[0] ? moment(values[0]) : ''}
+                onChange={(date, dateString) => {
+                  values[0] = dateString;
+                  valueNames[0] = dateString;
+                  callback(values, valueNames);
+                }}
+              />
+            </>
+          );
+        }
+      } else if (dataTypeCode == 40) {
+        // 时间40
+        if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
+          return (
+            <>
+              <TimePicker
+                key="1"
+                disabled={disabled}
+                value={values[0] ? moment(values[0]) : ''}
+                style={styleCommon}
+                onChange={(time, timeString) => {
+                  values[0] = timeString;
+                  valueNames[0] = timeString;
+                  callback(values, valueNames);
+                }}
+              />
+              <span>~</span>
+              <TimePicker
+                key="2"
+                disabled={disabled}
+                value={values[1] ? moment(values[1]) : ''}
+                style={styleCommon}
+                onChange={(time, timeString) => {
+                  values[1] = timeString;
+                  valueNames[1] = timeString;
+                  callback(values, valueNames);
+                }}
+              />
+            </>
+          );
+        } else {
+          return (
+            <TimePicker
+              defaultValue={values[0] ? moment(values[0]) : ''}
+              disabled={disabled}
+              style={styleCommon}
+              onChange={(time, timeString) => {
+                values[0] = timeString;
+                valueNames[0] = timeString;
+                callback(values, valueNames);
+              }}
+            />
+          );
+        }
+      }
+    }
+    return '';
+  };
+
+  render() {
+    return (
+      <div style={{ marginLeft: '10px' }} className={styles.rule_field_style}>
+        {this.renderConditionField()}
+      </div>
+    );
+  }
+}