@bit-sun/business-component 2.2.49 → 2.3.0-alpha.2

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

@@ -0,0 +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 {
+          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>
+    );
+  }
+}