@bit-sun/business-component 1.2.3 → 1.2.4-alpha.1

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

@@ -1,30 +1,43 @@
 // @ts-nocheck
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { useDebounceFn } from 'ahooks';
 import { Input, Button, Modal, Select, Divider, message, Spin, Form, Table, Checkbox, TreeSelect, Tooltip, Tag } from 'antd';
 import { SearchOutlined, CopyOutlined, CaretLeftOutlined } from '@ant-design/icons';
 import axios from 'axios';
 import { stringify } from 'querystring';
-import _ from "loadsh"
+import _ from "lodash"
 import './index.less';
-import { BusinessSearchSelect } from '@/index';
+import { BusinessSearchSelect, QueryMutipleInput } from '@/index';
 
 const { Option } = Select;
 
-const SearchSelect = (props: any) => {
+const SearchSelect = forwardRef((props: any, ref: any) => {
   const {
     value, // 必传
     onChange,
-    selectProps={},
-    modalTableProps={},
-    labelInValue=false,
+    selectProps = {},
+    modalTableProps = {},
+    labelInValue = false,
     requestConfig,
     ctx,
     sourceName,
-    needModalTable=true,
-    getPopupContainer=undefined
+    needModalTable = true,
+    getPopupContainer = undefined,
+    fieldComponent,
   } = props;
-  const { url, otherParams, isMap, fixedparameter, fieldValToParam, mappingTextField='name', mappingTextShowKeyField,mappingValueField='code', mappingTextShowTextField } = requestConfig || {};
+  const {
+    url,
+    otherParams,// 默认参数
+    isMap,
+    fixedparameter,
+    fieldValToParam,
+    mappingTextField = 'name',
+    mappingTextShowKeyField,
+    mappingValueField = 'code',
+    mappingTextShowTextField,
+    init = true,// 是否初始请求
+    extralHeaders = {},// 额外请求头参数
+  } = requestConfig || {};
   const resultSourceKey = sourceName || requestConfig?.sourceName || 'supplierCode'
 
   const selectMode = selectProps?.mode  // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
@@ -33,6 +46,7 @@ const SearchSelect = (props: any) => {
   const tableInitPageSize = 10 // 弹框默认分页 条数
   const currentPage = 1
   const selectParamsKey = requestConfig?.filter || 'qp-codeAndName-like'
+  const selectParamsInitKey = requestConfig?.filterInit || selectParamsKey
   const currentSelectProps = {
     ...selectProps,
     // 以下属性不可更改----设计配置项
@@ -56,10 +70,16 @@ const SearchSelect = (props: any) => {
     (v?: any) => {
       // 优化搜索参数 支持传多个
       let searchParams = {};
-      if(typeof selectParamsKey === 'string') {
-        searchParams = { [selectParamsKey]: v ? initVal : searchValue }
+      if (typeof selectParamsKey === 'string') {
+        let selectParamsInitValue = initVal
+        if (labelInValue) {
+          selectParamsInitValue = Array.isArray(initVal) ? initVal.map((i: any) => i.value || i.key).join(',') : initVal
+        } else {
+          selectParamsInitValue = Array.isArray(initVal) ? initVal.join(',') : initVal
+        }
+        searchParams = v ? { [selectParamsInitKey]: selectParamsInitValue } : { [selectParamsKey]: searchValue }
       }
-      if(Array.isArray(selectParamsKey)) {
+      if (Array.isArray(selectParamsKey)) {
         selectParamsKey.forEach((i: any) => {
           searchParams = { ...searchParams, [i]: searchValue }
         })
@@ -83,8 +103,28 @@ const SearchSelect = (props: any) => {
   const [tableFormParams, setTableFormParams] = useState({});
   const [tooltipVisible, setTooltipVisible] = useState(false);
 
+  useImperativeHandle(ref, () => ({
+    refreshDataSource: (reset: boolean = false) => {
+      if (reset) {
+        if (init) {
+          run('init');
+        } else {
+          setItems([]);
+          setItemsTotal(0);
+        }
+      } else {
+        run();
+      }
+    },
+    clearDataSource: () => {
+      setItems([]);
+      setItemsTotal(0);
+    },
+    getTableFormRef: () => form,
+  }))
+
   // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
-  const getData = (params={}, type=1) => {
+  const getData = (params = {}, type = 1) => {
     if (!requestConfig) return;
 
     setFetching(true)
@@ -144,13 +184,13 @@ const SearchSelect = (props: any) => {
           delete params[key];
         } else if (typeof element === 'boolean' && key.indexOf('*checkBox*') >= 0) {
           const dataParams = key.split('*checkBox*');
-          if(element){
+          if (element) {
             params[dataParams[0]] = 0
           }
           delete params[key];
-        }else if (element && key.indexOf('*cascader*') >= 0) {
+        } else if (element && key.indexOf('*cascader*') >= 0) {
           const dataParams = key.split('*cascader*');
-          params[dataParams[0]] = element[element.length -1]
+          params[dataParams[0]] = element[element.length - 1]
           delete params[key];
         } else if (element && key.indexOf('*date*') >= 0) {
           const dataParams = key.split('*date*')
@@ -184,9 +224,9 @@ const SearchSelect = (props: any) => {
             params[`qp-${dataParams}-${params[key][0]}`] = params[key][1]
           }
           delete params[key]
-        }else if (Array.isArray(element)) {
+        } else if (Array.isArray(element)) {
           params[key] = element.join(',');
-        } else if(element == null || element === undefined || String(element).trim() === '') {
+        } else if (element == null || element === undefined || String(element).trim() === '') {
           delete params[key]
         }
       }
@@ -201,11 +241,15 @@ const SearchSelect = (props: any) => {
     }
 
     axios
-      .get(`${url}?${stringify(queryParams)}`)
+      .get(
+        `${url}?${stringify(queryParams)}`,
+        {
+          headers: { ...extralHeaders }
+        })
       .then((result: any) => {
         setFetching(false)
         result = result.data;
-        if (result.status !== '0') {
+        if ((result?.status && result.status !== '0') || (result?.code && result.code !== '000000')) {
           message.error(result.msg);
           return;
         }
@@ -224,9 +268,9 @@ const SearchSelect = (props: any) => {
             ? res[keys]
               ? res[keys].map((item: any) => {
                 let textShowText = item[mappingTextField]
-                if(mappingTextShowTextField) {
+                if (mappingTextShowTextField) {
                   textShowText = []
-                  if(Array.isArray(mappingTextShowTextField)) {
+                  if (Array.isArray(mappingTextShowTextField)) {
                     mappingTextShowTextField.forEach((r: any) => {
                       textShowText.push(item[r])
                     })
@@ -245,9 +289,9 @@ const SearchSelect = (props: any) => {
               : Array.isArray(res) &&
               res?.map((item: Record<string, any>) => {
                 let textShowText = item[mappingTextField]
-                if(mappingTextShowTextField) {
+                if (mappingTextShowTextField) {
                   textShowText = []
-                  if(Array.isArray(mappingTextShowTextField)) {
+                  if (Array.isArray(mappingTextShowTextField)) {
                     mappingTextShowTextField.forEach((r: any) => {
                       textShowText.push(item[r])
                     })
@@ -266,13 +310,13 @@ const SearchSelect = (props: any) => {
             : [];
         }
         source = Array.isArray(source) ? source : []
-        if(type === 1) {
+        if (type === 1) {
           ctx?.form?.setFieldSource(resultSourceKey, source)
           setItems(source)
           setItemsTotal(Number(res?.total || res?.totalCount || source.length))
         } else {
           setTableData(source)
-          setTablePagination({...tablePagination, total: Number(res?.total || res?.totalCount || source.length), pageSize: Number(res?.size || res?.pageSize || (params?.pageSize || pageSize)), current: Number(res?.page || res?.currentPage || (params?.currentPage || currentPage))})
+          setTablePagination({ ...tablePagination, total: Number(res?.total || res?.totalCount || source.length), pageSize: Number(res?.size || res?.pageSize || (params?.pageSize || pageSize)), current: Number(res?.page || res?.currentPage || (params?.currentPage || currentPage)) })
         }
       })
       .catch((err) => { setFetching(false) });
@@ -289,28 +333,29 @@ const SearchSelect = (props: any) => {
     if (isTouchGround && canPageAdd) {
       const nextScrollPage = scrollPage + 1;
       setScrollPage(nextScrollPage);
-      getData({currentPage: nextScrollPage}); // 调用api方法
+      getData({ currentPage: nextScrollPage }); // 调用api方法
     }
 
     //判断是否滑动到顶部
-    const isTouchTop = target.scrollTop ===0  // <=0
+    const isTouchTop = target.scrollTop === 0  // <=0
     // 判断数据是否到第一页
     const canPageJian = scrollPage > 1
     if (isTouchTop && canPageJian) {
       const preScrollPage = scrollPage - 1;
       setScrollPage(preScrollPage);
-      getData({currentPage: preScrollPage}); // 调用api方法
+      getData({ currentPage: preScrollPage }); // 调用api方法
     }
   }
 
   useEffect(() => {
-    run('init')
+    if (init) {
+      run('init')
+    }
   }, [])
 
   useEffect(() => {
-    if(value) {
+    if (value) {
       setPopValue(value);
-      onChange(value);
     }
   }, [value]);
 
@@ -322,14 +367,14 @@ const SearchSelect = (props: any) => {
     getData({ pageSize: tableInitPageSize, currentPage: 1 }, 2)
     setIsModalVisible(true);
     // 回显
-    if(value) {
-      if(selectMode) {
+    if (value) {
+      if (selectMode) {
         setSelectedRowKeys(labelInValue ? value.map(i => i.key) : value)
         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);
         // 需清空数据
-        if(!value.length) {
+        if (!value.length) {
           setDoubleArr([])
         }
       } else {
@@ -340,7 +385,7 @@ const SearchSelect = (props: any) => {
   };
 
   const handleSelectOver = (selectedValue: any) => {
-    if(selectedValue?.length) {
+    if (selectedValue?.length) {
       formaData(selectedValue);
       // 解决选择最后1页的sku，返回后，不显示名称问题
       const source = _.uniqBy(items.concat(selectedValue), 'value')
@@ -355,8 +400,8 @@ const SearchSelect = (props: any) => {
   };
 
   const formaData = (value) => {
-    if(labelInValue) {
-      const formatResult = value.map((i: any) => ({ key: i.code, label: i.name, value: i.code }))
+    if (labelInValue) {
+      const formatResult = value.map((i: any) => ({ key: i[mappingValueField], label: i[mappingTextField], value: i[mappingValueField] }))
       onChange(selectMode ? formatResult : formatResult[0])
     } else {
       const formatResult = selectMode ? value.map((i: any) => i.value) : _.get(value[0], 'value')
@@ -368,26 +413,45 @@ const SearchSelect = (props: any) => {
     form.resetFields();
     setTableFormParams({});
     setIsModalVisible(false);
-    if(selectMode) {
+    if (selectMode) {
       run();
     }
   };
 
+  const refreshItems = () => {
+    // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
+    if (fieldValToParam && ctx) {
+      let formValueList = [];
+      fieldValToParam.forEach((item: any, index: any) => {
+        const fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
+        formValueList.push(fixedParamVal);
+      });
+      if (formValueList.filter((item: any) => item).length > 0) {
+        run();
+      } else {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    } else {
+      run();
+    }
+  }
+
   const onSearchChange = (e) => {
     setSearchValue(e.target.value);
-    run();
+    refreshItems();
   }
 
   const onSearchBlur = () => {
-    setSearchValue('')
-    run();
+    setSearchValue('');
+    refreshItems();
   }
 
   const onSearchTable = () => {
     const params = form.getFieldsValue();
     setTableFormParams(params);
     getData({ ...params, pageSize: tableInitPageSize }, 2)
-    if(selectMode){
+    if (selectMode) {
       getData(params)
     }
   }
@@ -403,18 +467,18 @@ const SearchSelect = (props: any) => {
   }
 
   const onChangeCheckAll = (e) => {
-    if(e.target.checked) {
+    if (e.target.checked) {
       // 如果下拉框有所有数据就处理选中所有【items.length === itemsTotal】(最多可选100条)
       // 如果超过100条 就默认查出所有数据
       const currentItemsData = JSON.parse(JSON.stringify(items))
       const totalPage = Math.ceil(itemsTotal / tablePagination?.pageSize)
-      for(let i=0; i <= totalPage-1; i++){
-        doubleArr[i] = currentItemsData.slice(tablePagination?.pageSize*i,tablePagination?.pageSize*(i+1))
+      for (let i = 0; i <= totalPage - 1; i++) {
+        doubleArr[i] = currentItemsData.slice(tablePagination?.pageSize * i, tablePagination?.pageSize * (i + 1))
       }
       setDoubleArr(doubleArr)
       setSelectedRowKeys(currentItemsData.map(i => i.value))
       setPopValue(currentItemsData);
-      if(items.length < itemsTotal) {
+      if (items.length < itemsTotal) {
         // TODO 请求接口获取所有数据
       }
     } else {
@@ -466,13 +530,13 @@ const SearchSelect = (props: any) => {
     return res.filter(Boolean); //去掉undefined的情况
   };
 
-  const onChangeSelectedKeys=(selectKeys,selectRows) => {
+  const onChangeSelectedKeys = (selectKeys, selectRows) => {
     const nowPage = tablePagination?.current;
 
     let filterRows = []; // 存放拼接后的一维数组的变量
     let sksResult = [];
 
-    if(selectMode) {
+    if (selectMode) {
       // 处理多选分页累计选中
       // 勾选生成二维数组
       doubleArr[nowPage ? nowPage - 1 : 0] = selectRows
@@ -500,7 +564,7 @@ const SearchSelect = (props: any) => {
 
   // 生成唯一值
   const makeUniqueValue = () => {
-    const generateUnitKey = (((1+Math.random())*0x10000)|0).toString(16);
+    const generateUnitKey = (((1 + Math.random()) * 0x10000) | 0).toString(16);
     setUniqueValue(generateUnitKey);
     return generateUnitKey;
   }
@@ -511,12 +575,17 @@ const SearchSelect = (props: any) => {
     onChange: (sks, srs) => {
       onChangeSelectedKeys(sks, srs)
     },
+    getCheckboxProps: () => {
+      return ({
+        disabled: selectProps?.disabled || props?.disabled || !items.length,
+      })
+    },
   };
 
   const onDoubleClickSelect = (e, record) => {
-    if(!selectMode) {
+    if (!selectMode && !(selectProps?.disabled || props?.disabled || !items.length)) {
       const srs = [JSON.parse(JSON.stringify(record))]
-      const sks = srs.map((i:any) => i.value)
+      const sks = srs.map((i: any) => i.value)
       onChangeSelectedKeys(sks, srs)
     }
   }
@@ -524,12 +593,20 @@ const SearchSelect = (props: any) => {
   const themeColor = { color: '#1890ff' }
 
   const formItem = (list) => {
-    if(isModalVisible && list?.length) {
+    if (isModalVisible && list?.length) {
+      const setDisabled = (name: any) => {
+        const { fixedparamsDisabled = false, fixedparameter = [] }: any = requestConfig;
+        if (fixedparamsDisabled && fixedparameter.find((item: any) => item === name)) {
+          return true
+        } else {
+          return false
+        }
+      };
       return list.map((i: any) => {
-        if(i?.type === 'select' || i?.field?.type === 'select') {
+        if (i?.type === 'select' || i?.field?.type === 'select') {
           return (
             <Form.Item name={i.name} label={i.label} key={i.name}>
-              <Select style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props}>
+              <Select style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props} disabled={setDisabled(i.name)}>
                 {i?.initialSource?.length && i?.initialSource.map((m: any) => (
                   <Option value={m.value} key={m.value}>{m.text}</Option>
                 ))}
@@ -538,28 +615,42 @@ const SearchSelect = (props: any) => {
           )
         }
 
-        if(i?.type === 'treeSelect' || i?.field?.type === 'treeSelect') {
+        if (i?.type === 'treeSelect' || i?.field?.type === 'treeSelect') {
           return (
             <Form.Item name={i.name} label={i.label} key={i.name}>
-              <TreeSelect style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props}></TreeSelect>
+              <TreeSelect style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props} disabled={setDisabled(i.name)}></TreeSelect>
             </Form.Item>
           )
         }
 
-        if(i?.type === 'businessSearchSelect') {
+        if (i?.type === 'businessSearchSelect' || i?.field?.type === 'businessSearchSelect') {
           return (
             <div>
               <Form.Item name={i.name} label={i.label} key={i.name}>
-                <BusinessSearchSelect {...i.field.props} />
+                <BusinessSearchSelect {...i.field.props} disabled={setDisabled(i.name)} />
               </Form.Item>
             </div>
           )
         }
 
+        if (i?.type === 'multipleQueryInput' || i?.field?.type === 'multipleQueryInput') {
+          return (
+            <div>
+              <Form.Item name={i.name} label={i.label} key={i.name}>
+                <QueryMutipleInput onValueChange={(value) => {
+                  form.setFieldsValue({
+                    [i.name]: value
+                  })
+                }} />
+              </Form.Item>
+            </div>
+          );
+        }
+
         // 默认type是input
         return (
           <Form.Item name={i.name} label={i.label} key={i.name}>
-            <Input style={{ width: '100%' }} placeholder='请输入' allowClear maxLength={100}  {...i?.field?.props} />
+            <Input style={{ width: '100%' }} placeholder='请输入' allowClear maxLength={100}  {...i?.field?.props} disabled={setDisabled(i.name)} />
           </Form.Item>
         )
       })
@@ -569,16 +660,16 @@ const SearchSelect = (props: any) => {
   }
 
   const maxTagPlaceholder = (selectedValues) => {
-    const onClose = (e: any,item: any) => {
+    const onClose = (e: any, item: any) => {
       e.preventDefault();
-      const newValue = labelInValue ? JSON.parse(JSON.stringify(value)).filter((i: any) => i.value !== item.value): JSON.parse(JSON.stringify(value)).filter((i: any) => i !== item.value)
+      const newValue = labelInValue ? JSON.parse(JSON.stringify(value)).filter((i: any) => i.value !== item.value) : JSON.parse(JSON.stringify(value)).filter((i: any) => i !== item.value)
       onChange(newValue);
     }
     return (
       <Tooltip title={selectedValues.map((i: any) => (
         <Tag
           closable={true}
-          onClose={(e) => onClose(e,i)}
+          onClose={(e) => onClose(e, i)}
           style={{ marginRight: 3, background: '#f5f5f5', height: '24px', border: '1px solid #f0f0f0' }}
         >
           {i.label}
@@ -591,57 +682,63 @@ const SearchSelect = (props: any) => {
 
   return (
     <div className={'search_select'}>
-      <div className="search_select_show" id={`search_select_div_${uniqueValue}`}>
-        <Select
-          virtual
-          labelInValue={labelInValue}
-          value={value}
-          onChange={onChange}
-          dropdownRender={menu => (
-            <>
-              <Input
-                value={searchValue}
-                style={{ width: '98%', marginLeft: '1%' }}
-                placeholder="请输入"
-                onChange={e=> onSearchChange(e)}
-                onBlur={onSearchBlur}
-                onKeyDown={(e) => {
-                  //  阻止多选的冒泡
-                  e.stopPropagation()
-                }}
-              />
-              <Divider style={{ margin: '8px 0' }} />
-              {menu}
-            </>
-          )}
-          notFoundContent={
-            fetching ? <Spin size="small" /> :
-              <div style={{ textAlign: 'center'}}>
-                <div style={{ marginBottom: 16 }}>
-                  <CopyOutlined style={{ fontSize: '50px' }} />
+      {fieldComponent ?
+        (<div onClick={() => {
+          fieldComponent.props?.onClick?.()
+          showModal()
+        }}>{fieldComponent}</div>) :
+        (<div className="search_select_show" id={`search_select_div_${uniqueValue}`}>
+          <Select
+            virtual
+            labelInValue={labelInValue}
+            value={value}
+            onChange={onChange}
+            disabled={props.disabled}
+            dropdownRender={menu => (
+              <>
+                <Input
+                  value={searchValue}
+                  style={{ width: '98%', marginLeft: '1%' }}
+                  placeholder="请输入"
+                  onChange={e => onSearchChange(e)}
+                  onBlur={onSearchBlur}
+                  onKeyDown={(e) => {
+                    //  阻止多选的冒泡
+                    e.stopPropagation()
+                  }}
+                />
+                <Divider style={{ margin: '8px 0' }} />
+                {menu}
+              </>
+            )}
+            notFoundContent={
+              fetching ? <Spin size="small" /> :
+                <div style={{ textAlign: 'center' }}>
+                  <div style={{ marginBottom: 16 }}>
+                    <CopyOutlined style={{ fontSize: '50px' }} />
+                  </div>
+                  <div>无匹配结果，请更换其他内容再试</div>
                 </div>
-                <div>无匹配结果，请更换其他内容再试</div>
-              </div>
-          }
-          onPopupScroll={SelectScroll}
-          style={{ width: needModalTable?'calc(100% - 30px)':'calc(100%)' }}
-          placeholder="请选择"
-          maxTagPlaceholder={maxTagPlaceholder}
-          {...currentSelectProps}
-          getPopupContainer={() => (getPopupContainer && getPopupContainer()) || document.getElementById(`search_select_div_${uniqueValue}`)}
-        >
-          {items.map(item => (
-            <Option key={item.value} label={item.text}>
-              {LightHeightOption({ text: `${item.textShowKey}       ${Array.isArray(item.textShowText) && item.textShowText.join('    ') || item.textShowText}`, filterTxt: searchValue })}
-            </Option>
-          ))}
-        </Select>
-        {needModalTable && (
-          <Button style={{width: '30px', padding: '2px', height: 'auto'}} onClick={showModal} type="primary">
-            <SearchOutlined />
-          </Button>
-        )}
-      </div>
+            }
+            onPopupScroll={SelectScroll}
+            style={{ width: needModalTable ? 'calc(100% - 30px)' : 'calc(100%)' }}
+            placeholder="请选择"
+            maxTagPlaceholder={maxTagPlaceholder}
+            {...currentSelectProps}
+            getPopupContainer={() => (getPopupContainer && getPopupContainer()) || document.getElementById(`search_select_div_${uniqueValue}`)}
+          >
+            {items.map(item => (
+              <Option key={item.value} label={item.text}>
+                {LightHeightOption({ text: `${item.textShowKey}       ${Array.isArray(item.textShowText) && item.textShowText.join('    ') || item.textShowText}`, filterTxt: searchValue })}
+              </Option>
+            ))}
+          </Select>
+          {needModalTable && (
+            <Button style={{ width: '30px', padding: '2px', height: 'auto' }} onClick={showModal} type="primary">
+              <SearchOutlined />
+            </Button>
+          )}
+        </div>)}
       {needModalTable && isModalVisible && (
         <Modal
           width='80%'
@@ -649,7 +746,7 @@ const SearchSelect = (props: any) => {
           visible={isModalVisible}
           onOk={handleOk}
           onCancel={handleCancel}
-          footer={selectMode?[
+          footer={selectMode ? [
             <Button key="back" onClick={handleCancel}>
               取消
             </Button>,
@@ -661,11 +758,11 @@ const SearchSelect = (props: any) => {
             >
               确定
             </Button>,
-          ]:null}
+          ] : null}
         >
           <div className={'search_select_wrapper'}>
             <div className={'search_select_wrapper_click_flag'} onClick={() => setCaretLeftFlag(!caretLeftFlag)}>
-              <CaretLeftOutlined className={caretLeftFlag ? 'search_select_wrapper_click_flag_arrow' : 'search_select_wrapper_click_flag_arrow_1' } />
+              <CaretLeftOutlined className={caretLeftFlag ? 'search_select_wrapper_click_flag_arrow' : 'search_select_wrapper_click_flag_arrow_1'} />
             </div>
             <div className={caretLeftFlag ? 'search_select_wrapper_left' : 'search_select_wrapper_left1'}>
               <div className={'select_list_columns'}>
@@ -677,11 +774,11 @@ const SearchSelect = (props: any) => {
                 </div>
               </div>
               <div className={'select_list_searchButton'}>
-                <Button key='reset' className={'select_list_button_space'}  onClick={onResetTable}>重置</Button>
+                <Button key='reset' className={'select_list_button_space'} onClick={onResetTable}>重置</Button>
                 <Button key='search' type="primary" onClick={onSearchTable}>查询</Button>
               </div>
             </div>
-            <div className={caretLeftFlag ? 'search_select_wrapper_right': 'search_select_wrapper_right1'}>
+            <div className={caretLeftFlag ? 'search_select_wrapper_right' : 'search_select_wrapper_right1'}>
               <div>
                 <div className={'select_list_selectTips'}>
                   <div style={{ marginLeft: 8 }}>搜索结果共<span style={themeColor}>{tablePagination?.total || 0}</span>项{selectMode ? <span>， 本次已选<span style={themeColor}>{selectedRowKeys?.length || 0}</span>项</span> : ''}</div>
@@ -702,7 +799,7 @@ const SearchSelect = (props: any) => {
                     };
                   }}
                 />
-                {selectMode ? <div className={'select_list_selectAll'}><Checkbox indeterminate={indeterminate} checked={checkedAll} onChange={onChangeCheckAll} /> 全选所有页面</div> : ''}
+                {selectMode ? <div className={'select_list_selectAll'}><Checkbox indeterminate={indeterminate} checked={checkedAll} onChange={onChangeCheckAll} disabled={selectProps?.disabled || props?.disabled} /> 全选所有页面</div> : ''}
               </div>
             </div>
           </div>
@@ -710,6 +807,6 @@ const SearchSelect = (props: any) => {
       )}
     </div>
   );
-};
+});
 
 export default SearchSelect;