@bit-sun/business-component 4.2.0-alpha.3 → 4.2.0-alpha.31

package/src/components/Functional/SearchSelect/index.tsx

@@ -4,10 +4,17 @@ import { useDebounceFn } from 'ahooks';
 import { Input, Button, Modal, Select, Divider, message, Spin, Form, Table, Checkbox, TreeSelect, Tooltip, Tag, Row, Col, Space, Tabs, Empty, DatePicker } from 'antd';
 import { SearchOutlined, CopyOutlined, CaretLeftOutlined } from '@ant-design/icons';
 import request from '@/utils/request';
-import _, { escapeRegExp, isNil, values } from "lodash"
+import _, { escapeRegExp, isNil, values, cloneDeep, isEmpty } from "lodash"
 import './index.less';
 import { BusinessSearchSelect, QueryMutipleInput, QueryMutipleSearchSelect } from '@/index';
-import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, getTableHeigth, getCurrentSRKs, getRenderSource, handleParams, convertUrlQueryParams, convertBodyParams, formatSelectedValue, convertResData, makeUniqueValue, handleSelectOptionsShowValue, LightHeightOption, maxTagPlaceholder, getShowStr, handleTableColumns }  from './utils';
+import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, getTableHeigth, getCurrentSRKs, getRenderSource, handleParams, convertUrlQueryParams, convertBodyParams, formatSelectedValue, convertResData, makeUniqueValue, handleSelectOptionsShowValue, LightHeightOption, maxTagPlaceholder, getShowStr, handleTableColumns, convertQueryParams }  from './utils';
+import {
+  getSearchSelectModalPageSize,
+  normalizeSearchSelectModalPageSize,
+  SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE,
+  SEARCH_SELECT_MODAL_PAGE_SIZE_OPTIONS,
+  setSearchSelectModalPageSize,
+} from './pagination';
 import { judgeIsRequestError } from '@/utils/requestUtils';
 import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
 import PropertySelector from '@/components/Business/PropertyModal';
@@ -32,6 +39,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     highestPopContainer = undefined,
     fieldComponent,
     onSaveCallback,
+    returnFormat = [],
     selectBusinessType,
   } = props;
   const {
@@ -54,6 +62,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     viewShowValueStr, // 详情展示值,不传展示组件处理的默认值
     searchStartLength, // 默认不校验长度去搜索，如果配置了，则按照配置项长度进行处理搜索
     isQuery = false, // 是否是查询条件
+    requestType = 'get', // 自定义弹窗时候的查询方式 如果是post 并且需要所有参数都放在body里 需要设置此参数 && 兼容之前逻辑
   } = rCTemp || {};
   const requestConfig = {url,method,otherParams,isMap,fixedparameter,fieldValToParam,fixedparamsDisabled,mappingTextField,mappingTextShowKeyField,mappingValueField,mappingTextShowTextField,init,extralHeaders,specialBracket,noNeedSplit,noOperate,viewShowValueStr,searchStartLength,...rCTemp};
   const resultSourceKey = handleSourceName(sourceName || requestConfig?.sourceName || ctx?.name || 'supplierCode')
@@ -61,11 +70,13 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   const selectMode = selectProps?.mode  // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
   const initVal = value || (selectMode ? [] : null);
   const pageSize = 100 // 下拉框默认分页 条数
-  const tableInitPageSize = 20 // 弹框默认分页 条数
+  const tableInitPageSize = SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE // 弹框默认分页 条数
   const currentPage = 1
   const selectParamsKey = requestConfig?.filter || 'qp-codeAndName-like'
   const selectParamsInitKey = requestConfig?.filterInit || selectParamsKey
   const currentSelectProps = {
+    // 回显字段可自定义
+    optionLabelProp: "label",
     ...selectProps,
     // 以下属性不可更改----设计配置项
     showArrow: true,
@@ -73,7 +84,6 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     filterOption: false,
     allowClear: true,
     listHeight: 160,
-    optionLabelProp: "label",
     autoClearSearchValue: false,
     placement: 'bottomRight'
   }
@@ -83,7 +93,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   const isFormPage = pathname.match(pattern)?.length > 0;
 
   const initPagination = { showQuickJumper: true, showSizeChanger: true, showTotal: (total: any) => `共 ${total} 条`, pageSize: tableInitPageSize }
-  const tableInitPagination = { ...initPagination, total: 0, current: 1 }
+  const tableInitPagination = { ...initPagination, total: 0, current: 1, pageSizeOptions: SEARCH_SELECT_MODAL_PAGE_SIZE_OPTIONS }
   const disabled = !!noOperate || selectProps?.disabled || props?.disabled;
   const isHaveDependency = fixedparameter && fieldValToParam && ctx;
   const isHaveDValue = () => {
@@ -239,7 +249,17 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     let getRequest;
     const methodName = method?.toLocaleLowerCase?.();
     if(['post','patch','put'].includes(methodName)) {
-      getRequest = request[methodName](`${url}${convertUrlQueryParams(queryParams)}`,convertBodyParams(queryParams), { headers: { ...extralHeaders }})
+      let bodyData = convertBodyParams(queryParams);
+      let urlStr = convertUrlQueryParams(queryParams);
+      
+      // Fix: support sending params in body
+      if(requestConfig.isBodyRequest) {
+         if(!bodyData) {
+            bodyData = convertQueryParams(queryParams);
+         }
+         urlStr = '';
+      }
+      getRequest = request[methodName](`${url}${urlStr}`,bodyData, { headers: { ...extralHeaders }})
     } else {
       getRequest = request.get( `${url}${convertUrlQueryParams(queryParams)}`,{headers: { ...extralHeaders }})
     }
@@ -360,19 +380,46 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     };
   },[isModalVisible])
 
+  const safeJSONParse = (str: string) => {
+    try {
+      return JSON.parse(str);
+    } catch (error) {
+      console.warn('JSON解析失败:', error);
+      return null;
+    }
+  };
+
+  // 获取回显的value值 如果开启了搜索条件 则需要过滤掉搜索条件
+  const getShowValue = (value: any) => {
+    let newValue = cloneDeep(value);
+    if(selectProps.useSearchCondition && newValue) {
+      // 回显的时候 把搜索项的内容去掉
+      if(selectMode) {
+        newValue = newValue.filter((item: any) => {
+          const parsedItem = safeJSONParse(decodeURIComponent(item));
+          // 过滤掉JSON对象（搜索条件），保留非JSON数据（实际选择项）
+          return !parsedItem || !(parsedItem && typeof parsedItem === 'object' && !Array.isArray(parsedItem));
+        });
+      }
+    }
+    return newValue;
+  }
   const showModal = () => {
     if(sDisabled) return;
-    
+
+    const cachedPageSize = getSearchSelectModalPageSize();
     setSelectOpen(false)
     setSearchValue('');
     setModalSearched(false);
+    setTablePagination({ ...tableInitPagination, pageSize: cachedPageSize, current: 1 });
 
     setIsModalVisible(true);
     // 回显
     if (value) {
       if (selectMode) {
-        setSelectedRowKeys(labelInValue ? value.map(i => i.key) : value)
-        setSelectedRows(labelInValue ? value.map(i => ({ [mappingValueField]: i.key, value: i.key, text: i.label })) : value.map(i => ({ [mappingValueField]: i, value: i })))
+        const newValue = getShowValue(value);
+        setSelectedRowKeys(labelInValue ? newValue.map(i => i.key) : newValue)
+        setSelectedRows(labelInValue ? newValue.map(i => ({ [mappingValueField]: i.key, value: i.key, text: i.label })) : newValue.map(i => ({ [mappingValueField]: i, value: i })))
         setPopValue(labelInValue ? value.map(i => ({ value: i.key, text: i.label })) : value.map(i => ({ value: i })));
         setIndeterminate(!!value.length && value.length < itemsTotal);
         setCheckedAll(itemsTotal && value.length === itemsTotal);
@@ -393,8 +440,25 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
       setSelectDataSource(source,source?.length)
       formaData(selectedValue, source);
     } else {
-      const formatResult = selectMode ? [] : null
-      onChange(formatResult, selectedValue)
+      var formatResult = selectMode ? [] : null;
+      // 支持使用查询条件 筛选
+      if (selectProps.useSearchCondition) {
+        var formValue = form.getFieldsValue();
+        // 一次性处理数据转换和过滤
+        var processedFormValue = Object.keys(formValue).reduce(function (acc, key) {
+          var value = formValue[key];
+          // 过滤空值（确保trim函数存在）
+          var trimmedValue = typeof value === 'string' ? value.trim() : value;
+          if (trimmedValue && trimmedValue !== '') {
+            acc[key] = trimmedValue;
+          }
+          return acc;
+        }, {});
+        const result = JSON.stringify(processedFormValue)
+        onChange(isEmpty(processedFormValue) ? formatResult : selectMode ? [result] : result, selectedValue);
+      } else {
+        onChange(formatResult, selectedValue);
+      }
     }
   }
   const handleOk = () => {
@@ -424,14 +488,15 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
         setConfirmLoading(false)
       })
     } else {
-      handleSelectOver(popvalue)
+      handleSelectOver(selectedRows.length ? popvalue : [])
       handleCancel();
     }
   };
 
   const formaData = (value: any, source: any) => {
     if (labelInValue) {
-      const formatResult = value.map((i: any) => ({ key: i[mappingValueField] || i.key, label: i[mappingTextField] || i.label, value: i[mappingValueField] || i.value }))
+      const getFromat = (format, val) => format.map(({key,value})=> ({[key]:val[value]}))
+      const formatResult = value.map((i: any) => (Object.assign({ key: i[mappingValueField] || i.key, label: i[mappingTextField] || i.label, value: i[mappingValueField] || i.value }, ...getFromat(returnFormat, i))))
       onChange(selectMode ? formatResult : formatResult[0], value,source)
     } else {
       const formatResult = selectMode ? value.map((i: any) => i.value) : _.get(value[0], 'value')
@@ -476,15 +541,17 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
 
   const onSearchTable = () => {
     const params = form.getFieldsValue();
+    const pageSize = normalizeSearchSelectModalPageSize(tablePagination?.pageSize);
     setModalSearched(true);
     setTableFormParams(params);
-    getData({ ...params, pageSize: tableInitPageSize }, 2, null);
+    getData({ ...params, pageSize, currentPage: 1 }, 2, null);
   }
 
   const onResetTable = () => {
+    const pageSize = normalizeSearchSelectModalPageSize(tablePagination?.pageSize);
     form.resetFields();
     setTableFormParams({});
-    getData({ pageSize: tableInitPageSize, currentPage: 1 }, 2)
+    getData({ pageSize, currentPage: 1 }, 2)
   }
 
   const toggleCollapsed = () => {
@@ -492,7 +559,9 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   };
 
   const handleTableChange = (pagination) => {
-    getData({ ...tableFormParams, pageSize: pagination.pageSize, currentPage: pagination.current }, 2)
+    const pageSize = normalizeSearchSelectModalPageSize(pagination.pageSize);
+    setSearchSelectModalPageSize(pageSize);
+    getData({ ...tableFormParams, pageSize, currentPage: pagination.current }, 2)
   }
 
   // 扁平化二维数组的方法
@@ -931,7 +1000,20 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
           footer={
             selectMode || modalTableProps?.modalRadioNeedFooter
               ? [
-                  <Button key="back" onClick={handleCancel}>
+                  selectProps.useSearchCondition ? (
+                    <div 
+                      key="instructions" 
+                      style={{ 
+                        position: 'absolute', 
+                        width: 'calc(100% - 500px)', 
+                        textAlign: 'left' 
+                      }}
+                    >
+                      <div>操作说明：结果集过多时，可无需选择具体数据，系统将直接按已设筛选条件查询</div>
+                      <Input style={{marginTop: '3px', height: '22px'}} value={value} />
+                    </div>
+                  ) : <></>,
+                  <Button key="back" onClick={handleCancel} style={{margin: selectProps.useSearchCondition ? '10px 0' : 0}}>
                     取消
                   </Button>,
                   <Button

package/src/components/Functional/SearchSelect/pagination.ts

@@ -0,0 +1,57 @@
+export const SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE = 100;
+
+export const SEARCH_SELECT_MODAL_PAGE_SIZE_OPTIONS = [10, 20, 50, 100, 500, 1000];
+
+export const SEARCH_SELECT_MODAL_PAGE_SIZE_CACHE_KEY = 'businessComponentSearchSelectPageSize';
+
+/**
+ * 规范化选择器弹窗分页大小，缓存异常时统一回退到每页 100 条。
+ *
+ * @param pageSize 待校验的分页大小
+ * @returns 合法的分页大小
+ */
+export const normalizeSearchSelectModalPageSize = (pageSize: unknown): number => {
+  const normalizedPageSize = Number(pageSize);
+  return SEARCH_SELECT_MODAL_PAGE_SIZE_OPTIONS.includes(normalizedPageSize)
+    ? normalizedPageSize
+    : SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE;
+};
+
+/**
+ * 读取所有选择器弹窗共用的分页大小。
+ *
+ * @returns 缓存中的分页大小，无有效缓存时返回每页 100 条
+ */
+export const getSearchSelectModalPageSize = (): number => {
+  if (typeof window === 'undefined') {
+    return SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE;
+  }
+
+  try {
+    return normalizeSearchSelectModalPageSize(
+      window.localStorage.getItem(SEARCH_SELECT_MODAL_PAGE_SIZE_CACHE_KEY),
+    );
+  } catch (error) {
+    return SEARCH_SELECT_MODAL_DEFAULT_PAGE_SIZE;
+  }
+};
+
+/**
+ * 保存所有选择器弹窗共用的分页大小。
+ *
+ * @param pageSize 用户选择的分页大小
+ */
+export const setSearchSelectModalPageSize = (pageSize: unknown): void => {
+  if (typeof window === 'undefined') {
+    return;
+  }
+
+  try {
+    window.localStorage.setItem(
+      SEARCH_SELECT_MODAL_PAGE_SIZE_CACHE_KEY,
+      String(normalizeSearchSelectModalPageSize(pageSize)),
+    );
+  } catch (error) {
+    // 浏览器禁用本地缓存时保留当前分页行为，不阻断选择器使用。
+  }
+};

package/src/components/Functional/SearchSelect/utils.tsx

@@ -42,7 +42,8 @@ export const hasMoreQueryFields = (modalTableProps: any) => {
 }
 export const getTableHeigth = (list: any) => {
   const totalRows = Math.ceil((list?.length+1) / 4);
-  if(totalRows == 1) return 358;  // modal弹窗760 调整为700 适应小屏     
+  if(totalRows == 1) return 358;  // modal弹窗760 调整为700 适应小屏    
+  if(totalRows == 3) return 403;  // modal弹窗760 调整为700 适应小屏   
   return 411 - totalRows*10  
 }
 
@@ -116,23 +117,25 @@ export const handleParams = (params: any) => {
         delete params[key];
       } else if (element && key.indexOf('*fullDate*') >= 0) {
         const dataParams = key.split('*fullDate*');
-        dataParams.forEach((value, index) => {
-          if (index === 0) {
-            params[value] = moment(element[index])
-              .millisecond(0)
-              .second(0)
-              .minute(0)
-              .hour(0)
-              .format('YYYY-MM-DD HH:mm:ss');
-          } else {
-            params[value] = moment(element[index])
-              .millisecond(59)
-              .second(59)
-              .minute(59)
-              .hour(23)
-              .format('YYYY-MM-DD HH:mm:ss');
-          }
-        });
+        if(params?.[key] && params?.[key]?.length) {
+          dataParams.forEach((value, index) => {
+            if (index === 0) {
+              params[value] = moment(element[index])
+                .millisecond(0)
+                .second(0)
+                .minute(0)
+                .hour(0)
+                .format('YYYY-MM-DD HH:mm:ss');
+            } else {
+              params[value] = moment(element[index])
+                .millisecond(59)
+                .second(59)
+                .minute(59)
+                .hour(23)
+                .format('YYYY-MM-DD HH:mm:ss');
+            }
+          });
+        }
         delete params[key];
       } else if (typeof element === 'boolean' && key.indexOf('*checkBox*') >= 0) {
         const dataParams = key.split('*checkBox*');
@@ -233,6 +236,13 @@ export const convertBodyParams = (params: any) => {
   }
 
   // body参数来源：sku选择器固定参数 > 调用所传bodyParams > 默认参数-无
+  // post 方式参数 来源默认的bodyParams 以及原有搜索项的参数
+  if(params?.requestType && (params?.requestType?.toLocaleLowerCase() == 'post')) {
+    return omit({
+      ...params?.bodyParams,
+      ...params,
+    },['bodyParams', 'noUrlQueryParams', 'requestType']);
+  }
   return unique_params || params?.bodyParams || null;
 }
 

package/src/components/Functional/TreeSearchSelect/index.tsx

@@ -201,7 +201,8 @@ const TreeSearchSelect = (props: any) => {
           showSearch={showSearch}
           style={style}
           value={value}
-          dropdownStyle={{ maxHeight: 400, maxWidth: 100, overflow: 'auto' }}
+          dropdownMatchSelectWidth={false}
+          dropdownStyle={{ maxHeight: 400,  overflow: 'auto' }}
           treeData={treeData}
           placeholder={placeholder}
           allowClear={allowClear}

package/src/components/Solution/RuleComponent/README.md

@@ -0,0 +1,187 @@
+# RuleObjectComponent 规则组件
+
+## 简介
+`RuleObjectComponent` 是一个功能强大的规则构建器组件，支持可视化的条件组合（并且/或者逻辑嵌套）、动态参数插入、执行动作配置以及返回值配置。它广泛应用于需要灵活定义业务规则的场景。
+
+## 组件路径
+`src/components/Solution/RuleComponent/index.js`
+
+## Props 属性说明
+
+| 属性名 | 类型 | 必填 | 说明 |
+|Ref | --- | --- | --- |
+| regularDataList | `Array` | 是 | 规则左侧“对象”选择树的数据源。 |
+| operationList | `Array` | 是 | 规则中间“操作符”下拉列表的数据源。 |
+| ruleClassData | `Array` | 是 | 规则组件的核心数据模型，用于回显和存储规则配置。 |
+| callBack | `Function` | 是 | 数据变更时的回调函数，返回最新的 `ruleClassData`。 |
+| systemVariableList | `Array` | 否 | “插入参数”功能的数据源，允许用户选择系统变量而非固定值。 |
+| initialThresholdQuery | `Object` | 否 | 用于获取规则值域（右侧输入框/选择框）的初始查询参数。 |
+| ruleGroupInfo | `Object` | 否 | 规则组信息，用于规则组实例场景。 |
+| ruleTypeData | `Array` | 否 | “动作”配置的数据源。 |
+| ruleReturnConfig | `Array` | 否 | “返回值”配置的数据源。 |
+| disabled | `Boolean` | 否 | 是否禁用（只读模式）。 |
+| canDelete | `Boolean` | 否 | 是否显示删除规则按钮。 |
+| onlyOneRule | `Boolean` | 否 | 是否限制为单条规则（不显示新增规则按钮）。 |
+| onlyCondition | `Boolean` | 否 | 是否仅展示条件部分（隐藏动作和返回值）。 |
+| onlyAction | `Boolean` | 否 | 是否仅展示动作部分。 |
+| needShowInsertSQL | `Boolean` | 否 | 是否显示“插入SQL”功能按钮。 |
+| headerButtonComponentFun | `Function` | 否 | 自定义头部按钮渲染函数。 |
+
+## 数据结构示例
+
+### ruleClassData 结构
+```json
+[
+  {
+    "ruleName": "规则1",
+    "subExpression": [
+      {
+        "operationType": "logic", // logic 或 relation
+        "operationCode": "and",   // logic时为 and/or
+        "subExpression": [ ... ]  // 嵌套子条件
+      },
+      {
+        "operationType": "relation",
+        "elementId": "...",       // 左侧对象ID
+        "operationCode": "...",   // 操作符
+        "params": ["..."],        // 右侧值
+        // 新增参数条件控制
+        "isReqCondition": true,
+        "reqConditionData": {
+           "reqParamName": "param1",
+           "dataTypeCode": "21",
+           "operationCode": "eq",
+           "params": ["value"]
+        }
+      }
+    ],
+    "extraInfo": {
+      "execute": [], // 动作
+      "response": [] // 返回值
+    }
+  }
+]
+```
+
+## 功能特性
+1.  **多层级逻辑嵌套**：支持无限层级的“并且/或者”逻辑组合。
+2.  **动态表单渲染**：根据选择的对象属性类型（`dataTypeCode`），自动渲染对应的输入组件（文本框、日期选择、业务选择器等）。
+3.  **参数插入**：支持将系统变量作为条件值。
+4.  **参数条件控制**：支持为特定条件配置请求参数名称、类型及校验规则。
+5.  **动作与返回值**：支持配置规则命中后的执行动作及返回值。
+
+## 代码演示
+
+```tsx
+import React, { useState } from 'react';
+import { RuleComponent } from '../../../index';
+
+export default () => {
+  const [ruleClassData, setRuleClassData] = useState([]);
+  const [disabled, setDisabled] = useState(false);
+
+  // 模拟规则对象数据源
+  const regularDataList = [
+    {
+      id: 'user_info',
+      name: '用户信息',
+      code: 'user',
+      valueType: 'object',
+      propertyList: [
+        { id: 'age', name: '年龄', code: 'age', valueType: '22', inputType: 11, choiceType: 10,  },
+        { id: 'name', name: '姓名', code: 'name', valueType: '21', inputType: 11, choiceType: 10,  },
+      ]
+    },
+    {
+      id: 'order_info',
+      name: '订单信息',
+      code: 'order',
+      valueType: 'object',
+      propertyList: [
+        { id: 'amount', name: '金额', code: 'amount', valueType: '22', inputType: 11, choiceType: 10,  },
+      ]
+    }
+  ];
+
+  // 模拟操作符数据源
+  const operationList = [
+    {
+      code: '21', // 字符串
+      operationList: [
+        { code: 'eq', name: '等于' },
+        { code: 'cn', name: '包含' },
+      ]
+    },
+    {
+      code: '22', // 数值
+      operationList: [
+        { code: 'eq', name: '等于' },
+        { code: 'gt', name: '大于' },
+        { code: 'lt', name: '小于' },
+      ]
+    }
+  ];
+
+  // 模拟系统变量
+  const systemVariableList = [
+    { code: 'sys_uid', name: '当前用户ID' },
+    { code: 'sys_time', name: '当前时间' },
+  ];
+
+  const handleSave = () => {
+    console.log('保存规则数据:', JSON.stringify(ruleClassData, null, 2));
+    alert('规则数据已输出到控制台，请查看！');
+  };
+
+  return (
+    <div style={{ background: '#f0f2f5', padding: 20, width: '1200px' }}>
+      <div style={{ marginBottom: 16, textAlign: 'right' }}>
+        <button
+          onClick={() => setDisabled(!disabled)}
+          style={{
+            backgroundColor: '#faad14',
+            color: '#fff',
+            border: 'none',
+            padding: '6px 15px',
+            borderRadius: '2px',
+            cursor: 'pointer',
+            marginRight: '10px'
+          }}
+        >
+          {disabled ? '启用编辑' : '禁用编辑'}
+        </button>
+        <button
+          onClick={handleSave}
+          style={{
+            backgroundColor: '#1890ff',
+            color: '#fff',
+            border: 'none',
+            padding: '6px 15px',
+            borderRadius: '2px',
+            cursor: 'pointer'
+          }}
+        >
+          保存规则
+        </button>
+      </div>
+      <RuleComponent
+        regularDataList={regularDataList}
+        operationList={operationList}
+        ruleClassData={ruleClassData}
+        needShowInsertSQL={true}
+        needShowReqCondition={true}
+        systemVariableList={systemVariableList}
+        disabled={disabled}
+        callBack={(newData) => {
+          console.log('Rule Changed:', newData);
+          setRuleClassData([...newData]);
+        }}
+      />
+      <div style={{ marginTop: 20 }}>
+        <h4>当前规则数据：</h4>
+        <pre>{JSON.stringify(ruleClassData, null, 2)}</pre>
+      </div>
+    </div>
+  );
+};
+```

package/src/components/Solution/RuleComponent/RenderCompItem.tsx

@@ -589,7 +589,7 @@ export default function RenderCompItem(props:any){
           null}
         {/* 单选/多选  配送方式选择器  */}
         {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 310 && (
+          (ites?.choiceType === 310 || ites?.choiceType === 311)&& (
             <BusinessSearchSelect
               selectBusinessType="deliveryMode"
               selectProps={{
@@ -606,6 +606,14 @@ export default function RenderCompItem(props:any){
               labelInValue={true}
               value={showValue(ites.code)}
               requestConfig={{
+                ...(ites?.choiceType === 311
+                  ? {
+                      otherParams: {
+                        // 配送方式只选择标准配送方式
+                        'qp-recordChannnelCode-eq': 80,
+                      },
+                    }
+                  : {}),
                 filterInit: 'qp-code-in',
               }}
               onChange={(value) => {