@bit-sun/business-component 2.4.24 → 2.4.26

package/src/components/Business/BsSulaQueryTable/index.tsx

@@ -7,11 +7,10 @@ import {
   getItemDefaultWidth,
   authFn,
   queryParams,
-  renderToString,
 } from './utils';
-import { Menu, Tooltip, Dropdown, Table, Typography } from 'antd';
+import { Menu, Tooltip, Dropdown } from 'antd';
 import SortableTable from './setting';
-import SearchItemTable from './SearchItemSetting';
+import SearchItemTable from "./SearchItemSetting";
 import { Resizable } from 'react-resizable';
 import quanping from '../../../assets/icon-quanping.svg';
 import scanning from '../../../assets/scanning.svg';
@@ -20,9 +19,8 @@ import { debounce } from 'lodash';
 import ExportIcon from '@/components/Functional/ExportFunctions/ExportIcon';
 import ENUM from '@/utils/enumConfig';
 import { handleBssulaColumnsSpecialParams } from '@/utils/utils';
-import './bssulaquerytable.less';
+
 const MemoQueryTable = React.memo(QueryTable);
-const { Text } = Typography;
 
 const ResizeableTitle = (props) => {
   const { onResize, width, ...restProps } = props;
@@ -43,77 +41,91 @@ const ResizeableTitle = (props) => {
 };
 
 export default (props: any) => {
-  const { isPage = true, pagination, tableCode } = props;
+  const bsTableCode = props?.tableCode || window.location.hash; //设置列字段的唯一标识
+  const getConfigFromlocalstorage = (type: string) => {
+    let config = localStorage.getItem(type) || '[]';
+    let configArray = JSON.parse(config);
+    let configSetting = configArray.filter(
+      (item) => item.code === bsTableCode,
+    );
+
+    if (configSetting.length && configSetting[0].detail) {
+      return JSON.parse(configSetting[0].detail);
+    }
+    return [];
+  };
+  const getInitialSearchFieldsInfo = () =>{
+    //获取搜索字段的缓存配置
+    const { fields = [] } = props;
+    let searchFieldsConfig = getConfigFromlocalstorage(ENUM.BROWSER_CACHE.SEARCH_FIELDS_CONDITION);
+    let showSearchFields = searchFieldsConfig.length ? searchFieldsConfig.map((item) => {
+      let inner = fields.filter(
+        (inneritem) => {
+          let innerKey = Array.isArray(inneritem.name) ? JSON.stringify(inneritem.name) : inneritem.name;
+          let itemKey = Array.isArray(item.name) ? JSON.stringify(item.name) : item.name;
+          return innerKey && innerKey === itemKey;
+        }
+      )[0];
+
+      return {
+        ...inner,
+        ...item,
+      };
+    }) : fields;
+    return [...showSearchFields]
+  }
   const refs = useRef(null);
   const [pagePath, setPagePath] = useState('');
   // 获取 table columns中所有的 key  防止有的地方是 dataindex
-  const checkedList = props.columns
-    .filter((col: any) => !col.hidden)
-    .map((d: any) =>
-      Array.isArray(d.key || d.dataIndex)
-        ? JSON.stringify(d.key || d.dataIndex)
-        : d.key || d.dataIndex,
-    );
-
-  const { pathname, state = {} } = useLocation();
+  const [checkedList, setCheckedList] = useState(
+    props.columns.filter((col: any) => !col.hidden).map((d: any) => Array.isArray(d.key || d.dataIndex) ? JSON.stringify(d.key || d.dataIndex) : (d.key || d.dataIndex)),
+  );
+  const { pathname } = useLocation();
+  const [id]: any = useState(
+    Number(Math.random().toString().substr(2, 0) + Date.now()).toString(36),
+  );
   const [isFullScreen, setIsFnllScreen]: any = useState(false);
   // @ts-nocheck
-  const value = props;
+  const [value, setValue]: any = useState(props);
   const [showColumn, setShowColumns] = useState([]); // 列字段
-  const [showSearchFields, setShowSearchFields] = useState(props.fields || []); //搜索项字段
-  const [showExportColumn, setShowExportColumns] = useState([]); // 导出列字段
+  const originSearchFields = getInitialSearchFieldsInfo();
+  const [showSearchFields, setShowSearchFields] = useState(originSearchFields); //搜索项字段
+  const { isPage = true, pagination, tableCode, appRequestConfig } = props;
 
   const [height, setHeight]: any = useState('100vh');
   const sortTableRef = useRef(null);
   const searchTableRef = useRef(null);
-  const exportTableRef = useRef<any>(null);
 
-  const bsTableCode = tableCode || window.location.hash; //设置列字段的唯一标识
-  const bsTableCodeExport = `${bsTableCode}___Export`; //设置导出列字段的唯一标识
   // 获取table高度
   const getTableHeight = () => {
     setTimeout(() => {
       const cancelHeight = window.top == window ? 303 : 223;
       const isFullScreen: any =
-        window.top.document.fullScreen ||
-        window.top.document.webkitIsFullScreen ||
-        window.top.document.mozFullScreen;
+      window.top.document.fullScreen ||
+      window.top.document.webkitIsFullScreen ||
+      window.top.document.mozFullScreen;
 
       // wujie子应用iframe首次加载获取不到client以及dom元素高度兼容处理
-      let realIframeClientHeight = document.body.clientHeight
-        ? document.body.clientHeight
-        : window.top?.document.body.clientHeight - 76;
-      let summaryHeight = document.querySelector(
-        `.ant-tabs-tabpane-active .table-bssula-summary`,
-      )
-        ? document.querySelector(
-            `.ant-tabs-tabpane-active .table-bssula-summary`,
-          )?.clientHeight || 22
-        : 0;
-      let listTabHeight = document.querySelector(
-        `.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`,
-      )
-        ? document.querySelector(
-            `.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`,
-          )?.clientHeight || 48
-        : 0;
+      let realIframeClientHeight = document.body.clientHeight ? document.body.clientHeight : window.top?.document.body.clientHeight - 76;
+      let summaryHeight = document.querySelector(`.ant-tabs-tabpane-active .table-bssula-summary`) ?
+          (document.querySelector(`.ant-tabs-tabpane-active .table-bssula-summary`)?.clientHeight || 22) : 0;
+      let listTabHeight = document.querySelector(`.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`) ?
+          (document.querySelector(`.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`)?.clientHeight || 48) : 0;
+
 
       const h =
-        realIframeClientHeight -
-        summaryHeight -
-        listTabHeight -
-        (document.querySelector(
-          `.ant-tabs-tabpane-active .ant-form ant-form-horizontal`,
-        )?.clientHeight || 0) -
+        realIframeClientHeight - summaryHeight - listTabHeight -
+        (document.querySelector(`.ant-tabs-tabpane-active .ant-form ant-form-horizontal`)?.clientHeight ||
+          0) -
         (isFullScreen
           ? 0
-          : document.querySelector(
-              `.ant-tabs-tabpane-active .ant-pro-page-container-warp`,
-            )?.clientHeight || 0) -
+          : document.querySelector(`.ant-tabs-tabpane-active .ant-pro-page-container-warp`)
+            ?.clientHeight || 0) -
         cancelHeight +
         'px';
       setHeight(h);
-    }, 0);
+      setValue({ ...value });
+    }, 0)
   };
 
   //监测是否按下esc键
@@ -127,20 +139,6 @@ export default (props: any) => {
     return isFull;
   }
 
-  const getConfigFromlocalstorage = (
-    type: string,
-    tableCode: string = bsTableCode,
-  ) => {
-    let config = localStorage.getItem(type) || '[]';
-    let configArray = JSON.parse(config);
-    let configSetting = configArray.filter((item) => item.code === tableCode);
-
-    if (configSetting.length && configSetting[0].detail) {
-      return JSON.parse(configSetting[0].detail);
-    }
-    return [];
-  };
-
   const setInitialTableInfo = () => {
     const resourceCodeArray = {};
     if (props.actionsRender && props.actionsRender.length) {
@@ -170,12 +168,8 @@ export default (props: any) => {
         handleBssulaColumnsSpecialParams(d);
       });
       setCommonRenderFn(props.columns);
-      const authButton = localStorage.getItem(
-        ENUM.BROWSER_CACHE.MAIN_AUTH_CODES,
-      )
-        ? JSON.parse(
-            localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES) as string,
-          )
+      const authButton = localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES)
+        ? JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES) as string)
         : [];
       Object.keys(resourceCodeArray).forEach((item: any) => {
         let Item = item;
@@ -186,41 +180,33 @@ export default (props: any) => {
           resourceCodeArray[item].visible = false;
         }
       });
+
     }
-    const { columns, exportColumns } = props;
-
-    const getShowColumns = (columnConfig: any, columns: any) => {
-      return columnConfig.length
-        ? columnConfig.map((item) => {
-            let inner = columns.filter((inneritem) => {
-              let innerKey = Array.isArray(inneritem.key || inneritem.dataIndex)
-                ? JSON.stringify(inneritem.key || inneritem.dataIndex)
-                : inneritem.key || inneritem.dataIndex;
-              let itemKey = Array.isArray(item.key || item.dataIndex)
-                ? JSON.stringify(item.key || item.dataIndex)
-                : item.key || item.dataIndex;
-              return innerKey && innerKey === itemKey;
-            })[0];
-
-            return {
-              ...inner,
-              ...item,
-            };
-          })
-        : columns.filter((column) => {
-            let columnKey = Array.isArray(column.key || column.dataIndex)
-              ? JSON.stringify(column.key || column.dataIndex)
-              : column.key || column.dataIndex;
-            return (
-              column.notRegularCheckList || checkedList.indexOf(columnKey) > -1
-            );
-          });
-    };
+    setValue({
+      ...value,
+      columns: [...props.columns],
+    });
+    const { columns } = props;
+    let columnConfig = getConfigFromlocalstorage(ENUM.BROWSER_CACHE.COLUMN_CONDITION);
+    let showColumns = columnConfig.length ? columnConfig.map((item) => {
+      let inner = columns.filter(
+        (inneritem) => {
+          let innerKey = Array.isArray(inneritem.key || inneritem.dataIndex) ? JSON.stringify(inneritem.key || inneritem.dataIndex) : (inneritem.key || inneritem.dataIndex);
+          let itemKey = Array.isArray(item.key || item.dataIndex) ? JSON.stringify(item.key || item.dataIndex) : (item.key || item.dataIndex);
+          return innerKey && innerKey === itemKey;
+        }
+      )[0];
 
-    let columnConfig = getConfigFromlocalstorage(
-      ENUM.BROWSER_CACHE.COLUMN_CONDITION,
-    );
-    let showColumns = getShowColumns(columnConfig, columns);
+      return {
+        ...inner,
+        ...item,
+      };
+    }) : columns.filter(
+      (column) => {
+        let columnKey = Array.isArray(column.key || column.dataIndex) ? JSON.stringify(column.key || column.dataIndex) : (column.key || column.dataIndex);
+        return column.notRegularCheckList || checkedList.indexOf(columnKey) > -1;
+      }
+    )
 
     showColumns.forEach((item, index) => {
       item.width = item.width || getItemDefaultWidth(item);
@@ -236,53 +222,28 @@ export default (props: any) => {
     });
     setShowColumns([...showColumns]);
 
-    let exportColumnConfig = getConfigFromlocalstorage(
-      ENUM.BROWSER_CACHE.COLUMN_CONDITION,
-      bsTableCodeExport,
-    );
-    let showExportColumns = getShowColumns(exportColumnConfig, columns);
-
-    showExportColumns.forEach((item, index) => {
-      item.width = item.width || getItemDefaultWidth(item);
-      handleBssulaColumnsSpecialParams(item);
-      item.onHeaderCell = (column) => ({
-        ...item,
-        width:
-          typeof column.width === 'number'
-            ? column.width
-            : parseInt(column.width.replace('px', '')),
-        onResize: handleResize(index),
-      });
-    });
-    setShowExportColumns([...showExportColumns]);
-  };
+  }
 
-  const setInitialSearchFieldsInfo = () => {
+  const setInitialSearchFieldsInfo = () =>{
     //获取搜索字段的缓存配置
     const { fields = [] } = props;
-    let searchFieldsConfig = getConfigFromlocalstorage(
-      ENUM.BROWSER_CACHE.SEARCH_FIELDS_CONDITION,
-    );
-    let showSearchFields = searchFieldsConfig.length
-      ? searchFieldsConfig.map((item) => {
-          let inner = fields.filter((inneritem) => {
-            let innerKey = Array.isArray(inneritem.name)
-              ? JSON.stringify(inneritem.name)
-              : inneritem.name;
-            let itemKey = Array.isArray(item.name)
-              ? JSON.stringify(item.name)
-              : item.name;
-            return innerKey && innerKey === itemKey;
-          })[0];
-
-          return {
-            ...inner,
-            ...item,
-          };
-        })
-      : fields;
-    setShowSearchFields([...showSearchFields]);
-  };
+    let searchFieldsConfig = getConfigFromlocalstorage(ENUM.BROWSER_CACHE.SEARCH_FIELDS_CONDITION);
+    let showSearchFields = searchFieldsConfig.length ? searchFieldsConfig.map((item) => {
+      let inner = fields.filter(
+        (inneritem) => {
+          let innerKey = Array.isArray(inneritem.name) ? JSON.stringify(inneritem.name) : inneritem.name;
+          let itemKey = Array.isArray(item.name) ? JSON.stringify(item.name) : item.name;
+          return innerKey && innerKey === itemKey;
+        }
+      )[0];
+
+      return {
+        ...inner,
+        ...item,
+      };
+    }) : fields;
+    setShowSearchFields([...showSearchFields])
+  }
 
   //组件初始挂载
   useEffect(() => {
@@ -298,38 +259,25 @@ export default (props: any) => {
 
   useEffect(() => {
     if (props?.columns && value?.columns) {
-      let newKeys = props.columns.map((d: any) =>
-        Array.isArray(d.key || d.dataIndex)
-          ? JSON.stringify(d.key || d.dataIndex)
-          : d.key || d.dataIndex,
-      );
-      let oldKeys = value.columns.map((d: any) =>
-        Array.isArray(d.key || d.dataIndex)
-          ? JSON.stringify(d.key || d.dataIndex)
-          : d.key || d.dataIndex,
-      );
-      JSON.stringify(newKeys) !== JSON.stringify(oldKeys) &&
-        setInitialTableInfo();
+      let newKeys = props.columns.map((d: any) => Array.isArray(d.key || d.dataIndex) ? JSON.stringify(d.key || d.dataIndex) : (d.key || d.dataIndex));
+      let oldKeys = value.columns.map((d: any) => Array.isArray(d.key || d.dataIndex) ? JSON.stringify(d.key || d.dataIndex) : (d.key || d.dataIndex));
+      JSON.stringify(newKeys) !== JSON.stringify(oldKeys) && setInitialTableInfo();
     }
-  }, [props?.columns]);
+  }, [props?.columns])
 
   useEffect(() => {
     if (props?.fields && value?.fields) {
-      let newKeys = props.fields.map((d: any) =>
-        Array.isArray(d.name) ? JSON.stringify(d.name) : d.name,
-      );
-      let oldKeys = value.fields.map((d: any) =>
-        Array.isArray(d.name) ? JSON.stringify(d.name) : d.name,
-      );
-      JSON.stringify(newKeys) !== JSON.stringify(oldKeys) &&
-        setInitialSearchFieldsInfo();
+      let newKeys = props.fields.map((d: any) => Array.isArray(d.name) ? JSON.stringify(d.name) : (d.name));
+      let oldKeys = value.fields.map((d: any) => Array.isArray(d.name) ? JSON.stringify(d.name) : (d.name));
+      JSON.stringify(newKeys) !== JSON.stringify(oldKeys) && setInitialSearchFieldsInfo();
     }
-  }, [props?.fields]);
+  },[props?.fields])
 
   useEffect(() => {
     setInitialTableInfo();
   }, [props?.refreshColumns]);
 
+
   const watchWinResize = debounce(() => {
     getTableHeight();
     if (!checkFull()) {
@@ -365,15 +313,15 @@ export default (props: any) => {
         pagination: pagination
           ? false
           : {
-              defaultPageSize: 20,
-              pageSize: 20,
-              showTotal: (total: any) => `共 ${total} 条`,
-              showQuickJumper: true,
-              hideOnSinglePage: value.hideOnSinglePage || false,
-            },
+            defaultPageSize: 20,
+            pageSize: 20,
+            showTotal: (total: any) => `共 ${total} 条`,
+            showQuickJumper: true,
+            hideOnSinglePage: value.hideOnSinglePage || false,
+          },
       },
       initialSelectedRowKeys: value.initialSelectedRowKeys || [],
-      expandable: props.expandable,
+      expandable: value.expandable,
       scroll: { x: props.overScrollX || 'max-content', y: height },
       bordered: value.bordered || false,
       sticky: true,
@@ -395,6 +343,7 @@ export default (props: any) => {
     return tableProps;
   };
 
+
   const ShowFullScreen = () => {
     const isFullScreen: any =
       window.top.document.fullScreen ||
@@ -417,10 +366,10 @@ export default (props: any) => {
     }
     if (window.top.document && isFullScreen) {
       let exitFullScreen =
-        window.top.document.exitFullscreen ||
-        window.top.document.mozCancelFullScreen ||
-        window.top.document.webkitCancelFullScreen ||
-        window.top.document.msExitFullscreen;
+      window.top.document.exitFullscreen ||
+      window.top.document.mozCancelFullScreen ||
+      window.top.document.webkitCancelFullScreen ||
+      window.top.document.msExitFullscreen;
       if (exitFullScreen) {
         exitFullScreen.call(window.top.document);
         setIsFnllScreen(false);
@@ -439,16 +388,13 @@ export default (props: any) => {
         props: {
           children: (
             <span className="ant-dropdown-link">
-              <Dropdown
-                overlay={
+                <Dropdown overlay={
                   <Menu>
                     <Menu.Item>
                       <div
                         onClick={sortTableRef?.current?.showModal}
-                        style={{ fontSize: 14, textAlign: 'center' }}
-                      >
-                        列设置
-                      </div>
+                        style={{fontSize:14, textAlign: 'center'}}
+                      >列设置</div>
                     </Menu.Item>
                     <Menu.Item>
                       <SearchItemTable
@@ -457,27 +403,16 @@ export default (props: any) => {
                         showSearchFields={showSearchFields}
                         datasource={value?.fields || []}
                         bsTableCode={bsTableCode}
+                        appRequestConfig={appRequestConfig}
                       />
                     </Menu.Item>
-                    {value?.exportConfig?.settingColumns && (
-                      <Menu.Item>
-                        <div
-                          onClick={exportTableRef?.current?.showModal}
-                          style={{ fontSize: 14, textAlign: 'center' }}
-                        >
-                          导出字段设置
-                        </div>
-                      </Menu.Item>
-                    )}
                   </Menu>
-                }
-                placement="bottomRight"
-              >
-                <span className="ant-dropdown-link">
-                  <img width={32} src={shezhi} />
-                </span>
-              </Dropdown>
-            </span>
+                } placement="bottomRight" >
+                  <span className="ant-dropdown-link">
+                    <img width={32}  src={shezhi} />
+                  </span>
+                </Dropdown>
+              </span>
           ),
         },
       },
@@ -518,14 +453,10 @@ export default (props: any) => {
             value?.exportConfig && authFn(value?.exportConfig?.code) ? (
               <ExportIcon
                 request={{
-                  url:
-                    value?.exportConfig?.url ||
-                    `/oms-ops/excel/exportAsync/${value?.exportConfig?.type}`,
-                  params: value?.exportConfig?.params,
+                  url: `/oms-ops/excel/exportAsync/${value?.exportConfig?.type}`,
+                  params: value?.exportConfig?.params || queryParams,
                 }}
                 tableRef={props.forwardedRef || refs}
-                allowSelect={value?.exportConfig?.allowSelect}
-                columnsRowKey={value?.rowKey}
               />
             ) : (
               <span />
@@ -544,44 +475,23 @@ export default (props: any) => {
 
   const handleResize =
     (index) =>
-    (e, { size }) => {
-      setShowColumns((columns: any) => {
-        let newColumns = [...columns];
-        newColumns[index] = {
-          ...newColumns[index],
-          width: size.width,
-        };
-        newColumns.forEach((d: any) => {
-          handleBssulaColumnsSpecialParams(d);
+      (e, { size }) => {
+        setShowColumns((columns: any) => {
+          let newColumns = [...columns];
+          newColumns[index] = {
+            ...newColumns[index],
+            width: size.width,
+          };
+          newColumns.forEach((d: any) => {
+            handleBssulaColumnsSpecialParams(d);
+          })
+          return [...newColumns];
         });
-        return [...newColumns];
-      });
-    };
+      };
 
   const setVisibleColumn = (columnTitle: string) => {
     sortTableRef?.current?.handleTableHeadHidden?.(columnTitle);
   };
-  const toMapByKey = (
-    arr: any[],
-    key: string,
-    fn?: (item: any, index: number) => any,
-  ) => {
-    const map = {};
-    arr.forEach((i: any) => (map[renderToString(i[key])] = i));
-    return map;
-  };
-  const getColumns = () => {
-    // 优化一下 减少复杂度
-    const titleMap = toMapByKey(value.columns, 'title');
-    // 加上排序
-    const cols = showColumn.map((i) => ({
-      ...i,
-      isPermissionColumn: titleMap[renderToString(i.title)]?.isPermissionColumn,
-      render: titleMap[renderToString(i.title)]?.render,
-    }));
-    cols.forEach((i) => handleBssulaColumnsSpecialParams(i));
-    return cols;
-  };
 
   const config = {
     visibleFieldsCount: 3,
@@ -604,126 +514,45 @@ export default (props: any) => {
     rowSelection: false, // 默认无多选
     ...handleTimeValue(),
     tableProps: setTableProps(),
-    columns: getColumns(),
+    columns: [...showColumn],
     fields: [...showSearchFields],
     ref: props.forwardedRef || refs,
     isFullScreen,
   };
 
   useEffect(() => {
-    if (!localStorage.getItem('isTabChange') || state?.updateCurrentPage) {
+    if (!localStorage.getItem('isTabChange')) {
       if (pagePath === pathname) {
         // @ts-ignore
         config.ref?.current?.tableRef?.current?.refreshTable();
       }
-    }
-    setTimeout(() => {
-      // 处理页面刷新两面
-      localStorage.removeItem('isTabChange');
-    }, 0);
-  }, [pathname]);
-
-  const expandedRowKeys = props?.expandable?.expandedRowKeys;
-
-  //todo  summary属性已经被使用，为了兼容之前的，现在使用 summaryList
-  //结构为了实现多行总结栏   定义如下(lableShow: boolean 是否显示列文本)
-  /**
-   * [
-   *  {
-   *  cont:[{key: 'spuCode',value: 100,labelShow: false}]
-   *  }
-   * ]
-   * @returns []
-   */
-  const getTableSummaryInfo = () => {
-    const { summaryList, rowSelection,expandable }: any = props;
-    if (summaryList && Array.isArray(summaryList)) {
-      const summaryRow = (rowSelection) ? [{}, ...showColumn] : [...showColumn];
-      if(expandable){
-        summaryRow.unshift({});
-      }
-      // let summaryInitial = summary().cont;
-      return (
-        <Table.Summary fixed>
-          {Array.isArray(summaryList) &&
-            summaryList.map((summaryItem, summaryIndex) => (
-              <Table.Summary.Row key={summaryIndex}>
-                {summaryRow.map((item: any, index: number) => {
-                  const { cout = [] } = summaryItem;
-                  const target = cout.filter(
-                    (inner: any) =>
-                      inner.key &&
-                      (inner.key === item.dataIndex || inner.key === item.key),
-                  )[0];
-                  if (target) {
-                    const labelText = target.labelShow ? `${item.title}:` :``;
-                    return (
-                      <Table.Summary.Cell
-                        index={index}
-                        key={`Table.Summary.Cell_${item.index}`}
-                      >
-                        <Text type="danger">
-                          {`${labelText} ${target.value ?? ''}`}
-                        </Text>
-                      </Table.Summary.Cell>
-                    );
-                  } else {
-                    return (
-                      <Table.Summary.Cell
-                        index={index}
-                        key={`Table.Summary.Cell_${item.index}`}
-                      >
-                        <Text type="danger">{` `}</Text>
-                      </Table.Summary.Cell>
-                    );
-                  }
-                })}
-              </Table.Summary.Row>
-            ))}
-        </Table.Summary>
-      );
     } else {
-      return undefined;
+      setTimeout(() => {
+        // 处理页面刷新两面
+        localStorage.removeItem('isTabChange');
+      }, 0);
     }
-  };
+  }, [pathname]);
 
   const memoConfig = useMemo(
     () => ({
       ...config,
       summary: props.summary,
-      summaryList: props.summaryList ? getTableSummaryInfo : undefined,
       statusMapping: props.statusMapping,
+      appRequestConfig: props.appRequestConfig
     }),
-    [
-      // value,
-      checkedList,
-      showColumn,
-      props.statusMapping,
-      showSearchFields,
-      expandedRowKeys,
-    ],
-  );
-  return (
-    <div id="bs-sula-query-table">
-      <MemoQueryTable {...memoConfig} />
-      <SortableTable
-        ref={sortTableRef}
-        setShowColumns={setShowColumns}
-        showColumn={showColumn}
-        datasource={value?.columns || []}
-        bsTableCode={bsTableCode}
-        onlyModal
-      />
-      {value?.exportConfig?.settingColumns && (
-        <SortableTable
-          ref={exportTableRef}
-          setShowColumns={setShowExportColumns}
-          showColumn={showExportColumn}
-          datasource={value?.columns || []}
-          bsTableCode={bsTableCodeExport}
-          onlyModal
-        />
-      )}
-    </div>
+    [value, checkedList, showColumn, props.statusMapping, showSearchFields],
   );
+  return <>
+    <MemoQueryTable {...memoConfig} />
+    <SortableTable
+      ref={sortTableRef}
+      setShowColumns={setShowColumns}
+      showColumn={showColumn}
+      datasource={value?.columns || []}
+      bsTableCode={bsTableCode}
+      appRequestConfig={appRequestConfig}
+      onlyModal
+    />
+  </>;
 };