@bit-sun/business-component 2.0.37 → 2.0.39-alpha.0

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

@@ -1,534 +1,535 @@
-// @ts-nocheck
-import React, { useState, useEffect, useRef, useMemo } from 'react';
-import { useLocation } from 'umi';
-import { QueryTable } from 'bssula';
-import {
-  handleTextDouble,
-  handleTextLineFeed,
-  handleTextOverflow,
-  handleTooltip,
-  handleTooltipHours,
-  tableColumnsImage,
-  userColumns,
-  getItemDefaultWidth,
-  authFn,
-  queryParams,
-} from './utils';
-import { Menu, Tooltip,} from 'antd';
-import SortableTable from './setting';
-import { Resizable } from 'react-resizable';
-import quanping from '../../../assets/icon-quanping.svg';
-import scanning from '../../../assets/scanning.svg';
-import { debounce } from 'lodash';
-import ExportIcon from '@/components/Functional/ExportFunctions/ExportIcon';
-
-const MemoQueryTable = React.memo(QueryTable);
-
-const ResizeableTitle = (props) => {
-  const { onResize, width, ...restProps } = props;
-
-  if (!width) {
-    return <th {...restProps} />;
-  }
-  return (
-    <Resizable
-      width={width}
-      height={0}
-      onResize={onResize}
-      draggableOpts={{ enableUserSelectHack: false }}
-    >
-      <th {...restProps} />
-    </Resizable>
-  );
-};
-
-export default (props: any) => {
-  const refs = useRef(null);
-  const [pagePath, setPagePath] = useState('');
-  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, setValue]: any = useState(props);
-  const [showColumn, setShowColumns] = useState([]);
-
-  // 获取 table columns中所有的 key  防止有的地方是 dataindex
-  const [checkedList, setCheckedList] = useState(
-    value.columns.map((d: any) => d.key || d.dataIndex),
-  );
-  const { isPage = true, pagination } = props;
-
-  const [height, setHeight]: any = useState('100vh');
-  const sortTableRef = useRef(null);
-
-  // 获取table高度
-  const getTableHeight = () => {
-    const cancelHeight = window.top == window ? 303 : 223;
-    const isFullScreen: any =
-      document.fullScreen ||
-      document.webkitIsFullScreen ||
-      document.mozFullScreen;
-    const h =
-      document.body.clientHeight -
-      (document.querySelector('.table-bssula-summary')?.clientHeight || 0) -
-      (document.querySelector('.ant-form ant-form-horizontal')?.clientHeight ||
-        0) -
-      (isFullScreen
-        ? 0
-        : document.querySelector('.ant-pro-page-container-warp')
-            ?.clientHeight || 0) -
-      cancelHeight +
-      'px';
-    setHeight(h);
-    setValue({ ...value });
-  };
-
-  //监测是否按下esc键
-  function checkFull() {
-    let globalDocument = window?.parent?.document || document;
-    var isFull =
-      globalDocument.fullscreenElement ||
-      globalDocument.mozFullScreenElement ||
-      globalDocument.webkitFullscreenElement;
-    if (isFull == undefined) isFull = false;
-    return isFull;
-  }
-
-  const getConfigFromlocalstorage = () => {
-    let config = localStorage.getItem('columnCondition') || '[]';
-    let configArray = JSON.parse(config);
-    let configSetting = configArray.filter(
-      (item) => item.code === window.location.hash,
-    );
-
-    if (configSetting.length) {
-      return JSON.parse(configSetting[0].detail || '[]');
-    }
-    return [];
-  };
-
-  // 处理按钮权限
-  useEffect(() => {
-    getTableHeight();
-    window.addEventListener('resize', (e) => {
-      watchWinResize();
-    });
-
-    // @ts-ignore
-    setPagePath(pathname); // 做处理，记录当前页面渲染的初始pathname，用于进行判断当前列表页面数据是否需要重新渲染
-    if (props.notPermissionButtonNow) return;
-
-    // 获取当前列表定义数据
-    let columnConfig = getConfigFromlocalstorage();
-
-    const resourceCodeArray = {};
-    if (props.actionsRender && props.actionsRender.length) {
-      props.actionsRender.forEach((item: any) => {
-        if (item.code) {
-          if (resourceCodeArray[item.code]) {
-            resourceCodeArray[item.code + 1] = item;
-          } else {
-            resourceCodeArray[item.code] = item;
-          }
-        }
-      });
-    }
-
-    setValue({
-      ...value,
-      columns: columnConfig.length
-        ? columnConfig.map((item) => {
-            let inner = props.columns.filter(
-              (inneritem) =>
-                (inneritem.dataIndex &&
-                  inneritem.dataIndex === item.dataIndex) ||
-                (inneritem.key && inneritem.key === item.key),
-            )[0];
-
-            return {
-              ...inner,
-              ...item,
-            };
-          })
-        : props.columns,
-    });
-
-    if (props.columns && props.columns.length) {
-      props.columns.forEach((item: any) => {
-        if (item.isPermissionColumn && item.render && item.render.length) {
-          item.render.forEach((inneritem: any) => {
-            if (inneritem.code) {
-              if (resourceCodeArray[inneritem.code]) {
-                resourceCodeArray[inneritem.code + 1] = inneritem;
-              } else {
-                resourceCodeArray[inneritem.code] = inneritem;
-              }
-            }
-          });
-        }
-      });
-    }
-    setCommonRenderFn(props.columns);
-    const authButton = localStorage.getItem('menuAuth_mainProject')
-      ? JSON.parse(localStorage.getItem('menuAuth_mainProject') as string)
-      : [];
-    Object.keys(resourceCodeArray).forEach((item: any) => {
-      let Item = item;
-      if (Number(item.slice(-1)) >= 1) {
-        Item = item.substr(0, item.length - 1);
-      }
-      if (!authButton.filter((itemInner: any) => Item === itemInner).length) {
-        resourceCodeArray[item].visible = false;
-      }
-    });
-  }, []);
-
-  useEffect(() => {
-    const { columns } = value;
-    let columnConfig = getConfigFromlocalstorage();
-    let showColumns = columnConfig.length ? columnConfig.map((item) => {
-      let inner = columns.filter(
-        (inneritem) =>
-          (inneritem.dataIndex &&
-            inneritem.dataIndex === item.dataIndex) ||
-          (inneritem.key && inneritem.key === item.key),
-      )[0];
-
-      return {
-        ...inner,
-        ...item,
-      };
-    }) : columns.filter(
-      (column) => column.notRegularCheckList || checkedList.indexOf(column.key || column.dataIndex) > -1,
-    )
-    showColumns.forEach((item, index) => {
-      item.width = item.width || getItemDefaultWidth(item);
-      item.onHeaderCell = (column) => ({
-        ...item,
-        width:
-          typeof column.width === 'number'
-            ? column.width
-            : parseInt(column.width.replace('px', '')),
-        onResize: handleResize(index),
-      });
-    });
-    setShowColumns([...showColumns]);
-  }, [value, checkedList]);
-
-  const watchWinResize = debounce(() => {
-    getTableHeight();
-    if (!checkFull()) {
-      // addTabsNavStyle(true);
-      // 全屏下按键esc后要执行的动作
-      // isFullScreen 为true 此时为全屏状态  false 为非全屏状态
-      if (!isFullScreen) {
-        // 按下esc键退出全屏
-        setIsFnllScreen(false);
-      } else {
-        setIsFnllScreen(false);
-      }
-    }
-  }, 10);
-
-  const setCommonRenderFn = (columns: any[]) => {
-    columns.forEach((column) => {
-      if (column.showDetailUserInfo) {
-        column.render = ({ text }: any) => userColumns({ name: text });
-      }
-    });
-  };
-
-  // 处理 table 基本参数
-  const setTableProps = () => {
-    let tableProps = value.tableProps || {};
-    tableProps = {
-      ...tableProps,
-      size: value.size || 'middle',
-      defaultPageSize: 20,
-      pageSize: 20,
-      initialPaging: {
-        pagination: pagination
-          ? false
-          : {
-              defaultPageSize: 20,
-              pageSize: 20,
-              showTotal: (total: any) => `共 ${total} 条`,
-              showQuickJumper: true,
-              hideOnSinglePage: value.hideOnSinglePage || false,
-            },
-      },
-      initialSelectedRowKeys: value.initialSelectedRowKeys || [],
-      expandable: value.expandable,
-      scroll: { x: props.overScrollX || 'max-content', y: height },
-      bordered: value.bordered || false,
-      sticky: true,
-      rowClassName: (record: object | null | undefined, index: number) =>
-        index % 2 === 0 ? 'table_base' : 'table_odd',
-      ...value.tableProps,
-      components: {
-        header: {
-          cell: ResizeableTitle,
-        },
-      },
-    };
-
-    // @ts-ignore
-    if (tableProps?.initialPaging?.pagination) {
-      // @ts-ignore
-      tableProps.initialPaging.pagination.showSizeChanger = true;
-    }
-    return tableProps;
-  };
-
-  const menu = <Menu style={{ padding: '15px' }}></Menu>;
-
-  const addTabsNavStyle = (isFullScreen: boolean) => {
-    let globalTabsNav = document
-      .getElementById('globalTabs')
-      ?.getElementsByClassName('ant-tabs-nav');
-    console.log(globalTabsNav);
-    if (globalTabsNav && globalTabsNav[0]) {
-      if (isFullScreen) {
-        globalTabsNav[0].classList.remove('global_tab_nav_style');
-      } else {
-        globalTabsNav[0].classList.add('global_tab_nav_style');
-      }
-    }
-  };
-
-  const ShowFullScreen = () => {
-    if (window.top != window) {
-      window.parent.postMessage(
-        {
-          type: 'screenChange',
-          id: 'distribution',
-        },
-        '*',
-      );
-      setIsFnllScreen(!isFullScreen);
-    } else {
-      const isFullScreen: any =
-        document.fullScreen ||
-        document.webkitIsFullScreen ||
-        document.mozFullScreen;
-      let contentEle: any = document.querySelector(`body`);
-      // addTabsNavStyle(isFullScreen);
-      if (contentEle && !isFullScreen) {
-        let fullScreenEle =
-          contentEle.requestFullscreen ||
-          contentEle.mozRequestFullScreen ||
-          contentEle.webkitRequestFullScreen ||
-          contentEle.msRequestFullscreen;
-        if (fullScreenEle) {
-          fullScreenEle.call(contentEle);
-          setIsFnllScreen(true);
-          // getTableHeight(true);
-          return;
-        }
-      }
-      if (document && isFullScreen) {
-        let exitFullScreen =
-          document.exitFullscreen ||
-          document.mozCancelFullScreen ||
-          document.webkitCancelFullScreen ||
-          document.msExitFullscreen;
-        if (exitFullScreen) {
-          exitFullScreen.call(document);
-          setIsFnllScreen(false);
-          // getTableHeight();
-          return;
-        }
-      }
-    }
-  };
-
-  const handleTimeValue = () => {
-    let actionsRender = value.actionsRender || [];
-    actionsRender = [
-      ...actionsRender,
-      {
-        type: 'text',
-        props: {
-          children: (
-            <>
-              <Tooltip title="列设置">
-                <span className="ant-dropdown-link">
-                  <SortableTable
-                    ref={sortTableRef}
-                    setCheckedList={setCheckedList}
-                    value={value}
-                    setValue={setValue}
-                    showColumn={showColumn}
-                    checkedList={checkedList}
-                    datasource={value?.columns || []}
-                  />
-                </span>
-              </Tooltip>
-            </>
-          ),
-        },
-      },
-      {
-        type: 'text',
-        props: {
-          children: (
-            <a>
-              {isFullScreen ? (
-                <Tooltip title="取消全屏">
-                  <img
-                    onClick={() => {
-                      ShowFullScreen();
-                    }}
-                    width={32}
-                    src={scanning}
-                  />
-                </Tooltip>
-              ) : (
-                <Tooltip title="全屏">
-                  <img
-                    onClick={() => {
-                      ShowFullScreen();
-                    }}
-                    width={32}
-                    src={quanping}
-                  />
-                </Tooltip>
-              )}
-            </a>
-          ),
-        },
-      },
-      {
-        type: 'text',
-        props: {
-          children:
-            value?.exportConfig && authFn(value?.exportConfig?.code) ? (
-              <ExportIcon
-                request={{
-                  url: `/oms-ops/excel/exportAsync/${value?.exportConfig?.type}`,
-                  params: value?.exportConfig?.params || queryParams,
-                }}
-                tableRef={props.forwardedRef || refs}
-              />
-            ) : (
-              <span />
-            ),
-        },
-      },
-    ];
-    // 防止 多选框 过宽
-    if (value && value?.columns?.length > 0) {
-      if (value.rowSelection) {
-        value.rowSelection.columnWidth = 50;
-      }
-      value.columns.forEach((d: any) => {
-        // 处理要显示 时分秒的时间
-        if (d.timeRenderHour) {
-          d.render = ({ text }: any) =>
-            handleTooltipHours(text, d.timeRenderHour);
-        }
-        // 处理不显示 时分秒的时间
-        if (d.timeRender) {
-          d.render = ({ text }: any) => handleTooltip(text, d.timeRender);
-        }
-        // 处理文字太长
-        if (d.textOverflow) {
-          d.render = ({ text }: any) => handleTextOverflow(text);
-        }
-        if (d.images) {
-          d.render = ({ text }: any) => tableColumnsImage(text);
-        }
-        if (d.double) {
-          d.render = ({ record }: any) =>
-            handleTextDouble(record[d.textOne], record[d.textTwo]);
-        }
-        if (d.lineFeed) {
-          d.render = ({ text }: any) => handleTextLineFeed(text);
-        }
-
-        // 处理序号
-        if (d.indexNumber) {
-          d.render = ({ index }: any) => index + 1;
-        }
-        // 没有值默认显示 - -
-        if (!d.render) {
-          d.render = ({ text }: any) => text || '- -';
-        }
-      });
-    }
-    return {
-      ...value,
-      actionsRender,
-    };
-  };
-
-  const handleResize =
-    (index) =>
-    (e, { size }) => {
-      setShowColumns((columns: any) => {
-        let newColumns = [...columns];
-        newColumns[index] = {
-          ...newColumns[index],
-          width: size.width,
-        };
-        return [...newColumns];
-      });
-    };
-
-  const setVisibleColumn = (columnTitle: string) => {
-    sortTableRef?.current?.handleTableHeadHidden?.(columnTitle);
-  };
-
-  const config = {
-    visibleFieldsCount: 3,
-    tableWrapperStyle: {
-      padding: '10px',
-      background: '#f3f3f3',
-    },
-    setVisibleColumn: setVisibleColumn,
-    itemLayout: {
-      span: 8, // 栅格占位格数
-      labelCol: {
-        // label标签布局；可设置 span、offset
-        span: 8,
-      },
-      wrapperCol: {
-        // value布局, 方式同labelCol（horizontal状态下配置）
-        span: 16,
-      },
-    },
-    rowSelection: false, // 默认无多选
-    ...handleTimeValue(),
-    tableProps: setTableProps(),
-    columns: [...showColumn.filter((item) => !item.hidden)],
-    ref: props.forwardedRef || refs,
-    isFullScreen,
-  };
-
-  useEffect(() => {
-    if (!localStorage.getItem('isTabChange')) {
-      if (pagePath === pathname) {
-        // @ts-ignore
-        config.ref?.current?.tableRef?.current?.refreshTable();
-      }
-    } else {
-      setTimeout(() => {
-        // 处理页面刷新两面
-        localStorage.removeItem('isTabChange');
-      }, 0);
-    }
-  }, [pathname]);
-
-  const memoConfig = useMemo(
-    () => ({
-      ...config,
-      summary: props.summary,
-      statusMapping: props.statusMapping,
-    }),
-    [value, checkedList, showColumn, props.statusMapping],
-  );
-
-  return <MemoQueryTable {...memoConfig} />;
-};
+// @ts-nocheck
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import { useLocation } from 'umi';
+import { QueryTable } from 'bssula';
+import {
+  handleTextDouble,
+  handleTextLineFeed,
+  handleTextOverflow,
+  handleTooltip,
+  handleTooltipHours,
+  tableColumnsImage,
+  userColumns,
+  getItemDefaultWidth,
+  authFn,
+  queryParams,
+} from './utils';
+import { Menu, Tooltip,} from 'antd';
+import SortableTable from './setting';
+import { Resizable } from 'react-resizable';
+import quanping from '../../../assets/icon-quanping.svg';
+import scanning from '../../../assets/scanning.svg';
+import { debounce } from 'lodash';
+import ExportIcon from '@/components/Functional/ExportFunctions/ExportIcon';
+import ENUM from '@/utils/enumConfig';
+
+const MemoQueryTable = React.memo(QueryTable);
+
+const ResizeableTitle = (props) => {
+  const { onResize, width, ...restProps } = props;
+
+  if (!width) {
+    return <th {...restProps} />;
+  }
+  return (
+    <Resizable
+      width={width}
+      height={0}
+      onResize={onResize}
+      draggableOpts={{ enableUserSelectHack: false }}
+    >
+      <th {...restProps} />
+    </Resizable>
+  );
+};
+
+export default (props: any) => {
+  const refs = useRef(null);
+  const [pagePath, setPagePath] = useState('');
+  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, setValue]: any = useState(props);
+  const [showColumn, setShowColumns] = useState([]);
+
+  // 获取 table columns中所有的 key  防止有的地方是 dataindex
+  const [checkedList, setCheckedList] = useState(
+    value.columns.map((d: any) => d.key || d.dataIndex),
+  );
+  const { isPage = true, pagination } = props;
+
+  const [height, setHeight]: any = useState('100vh');
+  const sortTableRef = useRef(null);
+
+  // 获取table高度
+  const getTableHeight = () => {
+    const cancelHeight = window.top == window ? 303 : 223;
+    const isFullScreen: any =
+      document.fullScreen ||
+      document.webkitIsFullScreen ||
+      document.mozFullScreen;
+    const h =
+      document.body.clientHeight -
+      (document.querySelector('.table-bssula-summary')?.clientHeight || 0) -
+      (document.querySelector('.ant-form ant-form-horizontal')?.clientHeight ||
+        0) -
+      (isFullScreen
+        ? 0
+        : document.querySelector('.ant-pro-page-container-warp')
+            ?.clientHeight || 0) -
+      cancelHeight +
+      'px';
+    setHeight(h);
+    setValue({ ...value });
+  };
+
+  //监测是否按下esc键
+  function checkFull() {
+    let globalDocument = window?.parent?.document || document;
+    var isFull =
+      globalDocument.fullscreenElement ||
+      globalDocument.mozFullScreenElement ||
+      globalDocument.webkitFullscreenElement;
+    if (isFull == undefined) isFull = false;
+    return isFull;
+  }
+
+  const getConfigFromlocalstorage = () => {
+    let config = localStorage.getItem(ENUM.BROWSER_CACHE.COLUMN_CONDITION) || '[]';
+    let configArray = JSON.parse(config);
+    let configSetting = configArray.filter(
+      (item) => item.code === window.location.hash,
+    );
+
+    if (configSetting.length) {
+      return JSON.parse(configSetting[0].detail || '[]');
+    }
+    return [];
+  };
+
+  // 处理按钮权限
+  useEffect(() => {
+    getTableHeight();
+    window.addEventListener('resize', (e) => {
+      watchWinResize();
+    });
+
+    // @ts-ignore
+    setPagePath(pathname); // 做处理，记录当前页面渲染的初始pathname，用于进行判断当前列表页面数据是否需要重新渲染
+    if (props.notPermissionButtonNow) return;
+
+    // 获取当前列表定义数据
+    let columnConfig = getConfigFromlocalstorage();
+
+    const resourceCodeArray = {};
+    if (props.actionsRender && props.actionsRender.length) {
+      props.actionsRender.forEach((item: any) => {
+        if (item.code) {
+          if (resourceCodeArray[item.code]) {
+            resourceCodeArray[item.code + 1] = item;
+          } else {
+            resourceCodeArray[item.code] = item;
+          }
+        }
+      });
+    }
+
+    setValue({
+      ...value,
+      columns: columnConfig.length
+        ? columnConfig.map((item) => {
+            let inner = props.columns.filter(
+              (inneritem) =>
+                (inneritem.dataIndex &&
+                  inneritem.dataIndex === item.dataIndex) ||
+                (inneritem.key && inneritem.key === item.key),
+            )[0];
+
+            return {
+              ...inner,
+              ...item,
+            };
+          })
+        : props.columns,
+    });
+
+    if (props.columns && props.columns.length) {
+      props.columns.forEach((item: any) => {
+        if (item.isPermissionColumn && item.render && item.render.length) {
+          item.render.forEach((inneritem: any) => {
+            if (inneritem.code) {
+              if (resourceCodeArray[inneritem.code]) {
+                resourceCodeArray[inneritem.code + 1] = inneritem;
+              } else {
+                resourceCodeArray[inneritem.code] = inneritem;
+              }
+            }
+          });
+        }
+      });
+    }
+    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)
+      : [];
+    Object.keys(resourceCodeArray).forEach((item: any) => {
+      let Item = item;
+      if (Number(item.slice(-1)) >= 1) {
+        Item = item.substr(0, item.length - 1);
+      }
+      if (!authButton.filter((itemInner: any) => Item === itemInner).length) {
+        resourceCodeArray[item].visible = false;
+      }
+    });
+  }, []);
+
+  useEffect(() => {
+    const { columns } = value;
+    let columnConfig = getConfigFromlocalstorage();
+    let showColumns = columnConfig.length ? columnConfig.map((item) => {
+      let inner = columns.filter(
+        (inneritem) =>
+          (inneritem.dataIndex &&
+            inneritem.dataIndex === item.dataIndex) ||
+          (inneritem.key && inneritem.key === item.key),
+      )[0];
+
+      return {
+        ...inner,
+        ...item,
+      };
+    }) : columns.filter(
+      (column) => column.notRegularCheckList || checkedList.indexOf(column.key || column.dataIndex) > -1,
+    )
+    showColumns.forEach((item, index) => {
+      item.width = item.width || getItemDefaultWidth(item);
+      item.onHeaderCell = (column) => ({
+        ...item,
+        width:
+          typeof column.width === 'number'
+            ? column.width
+            : parseInt(column.width.replace('px', '')),
+        onResize: handleResize(index),
+      });
+    });
+    setShowColumns([...showColumns]);
+  }, [value, checkedList]);
+
+  const watchWinResize = debounce(() => {
+    getTableHeight();
+    if (!checkFull()) {
+      // addTabsNavStyle(true);
+      // 全屏下按键esc后要执行的动作
+      // isFullScreen 为true 此时为全屏状态  false 为非全屏状态
+      if (!isFullScreen) {
+        // 按下esc键退出全屏
+        setIsFnllScreen(false);
+      } else {
+        setIsFnllScreen(false);
+      }
+    }
+  }, 10);
+
+  const setCommonRenderFn = (columns: any[]) => {
+    columns.forEach((column) => {
+      if (column.showDetailUserInfo) {
+        column.render = ({ text }: any) => userColumns({ name: text });
+      }
+    });
+  };
+
+  // 处理 table 基本参数
+  const setTableProps = () => {
+    let tableProps = value.tableProps || {};
+    tableProps = {
+      ...tableProps,
+      size: value.size || 'middle',
+      defaultPageSize: 20,
+      pageSize: 20,
+      initialPaging: {
+        pagination: pagination
+          ? false
+          : {
+              defaultPageSize: 20,
+              pageSize: 20,
+              showTotal: (total: any) => `共 ${total} 条`,
+              showQuickJumper: true,
+              hideOnSinglePage: value.hideOnSinglePage || false,
+            },
+      },
+      initialSelectedRowKeys: value.initialSelectedRowKeys || [],
+      expandable: value.expandable,
+      scroll: { x: props.overScrollX || 'max-content', y: height },
+      bordered: value.bordered || false,
+      sticky: true,
+      rowClassName: (record: object | null | undefined, index: number) =>
+        index % 2 === 0 ? 'table_base' : 'table_odd',
+      ...value.tableProps,
+      components: {
+        header: {
+          cell: ResizeableTitle,
+        },
+      },
+    };
+
+    // @ts-ignore
+    if (tableProps?.initialPaging?.pagination) {
+      // @ts-ignore
+      tableProps.initialPaging.pagination.showSizeChanger = true;
+    }
+    return tableProps;
+  };
+
+  const menu = <Menu style={{ padding: '15px' }}></Menu>;
+
+  const addTabsNavStyle = (isFullScreen: boolean) => {
+    let globalTabsNav = document
+      .getElementById('globalTabs')
+      ?.getElementsByClassName('ant-tabs-nav');
+    console.log(globalTabsNav);
+    if (globalTabsNav && globalTabsNav[0]) {
+      if (isFullScreen) {
+        globalTabsNav[0].classList.remove('global_tab_nav_style');
+      } else {
+        globalTabsNav[0].classList.add('global_tab_nav_style');
+      }
+    }
+  };
+
+  const ShowFullScreen = () => {
+    if (window.top != window) {
+      window.parent.postMessage(
+        {
+          type: 'screenChange',
+          id: 'distribution',
+        },
+        '*',
+      );
+      setIsFnllScreen(!isFullScreen);
+    } else {
+      const isFullScreen: any =
+        document.fullScreen ||
+        document.webkitIsFullScreen ||
+        document.mozFullScreen;
+      let contentEle: any = document.querySelector(`body`);
+      // addTabsNavStyle(isFullScreen);
+      if (contentEle && !isFullScreen) {
+        let fullScreenEle =
+          contentEle.requestFullscreen ||
+          contentEle.mozRequestFullScreen ||
+          contentEle.webkitRequestFullScreen ||
+          contentEle.msRequestFullscreen;
+        if (fullScreenEle) {
+          fullScreenEle.call(contentEle);
+          setIsFnllScreen(true);
+          // getTableHeight(true);
+          return;
+        }
+      }
+      if (document && isFullScreen) {
+        let exitFullScreen =
+          document.exitFullscreen ||
+          document.mozCancelFullScreen ||
+          document.webkitCancelFullScreen ||
+          document.msExitFullscreen;
+        if (exitFullScreen) {
+          exitFullScreen.call(document);
+          setIsFnllScreen(false);
+          // getTableHeight();
+          return;
+        }
+      }
+    }
+  };
+
+  const handleTimeValue = () => {
+    let actionsRender = value.actionsRender || [];
+    actionsRender = [
+      ...actionsRender,
+      {
+        type: 'text',
+        props: {
+          children: (
+            <>
+              <Tooltip title="列设置">
+                <span className="ant-dropdown-link">
+                  <SortableTable
+                    ref={sortTableRef}
+                    setCheckedList={setCheckedList}
+                    value={value}
+                    setValue={setValue}
+                    showColumn={showColumn}
+                    checkedList={checkedList}
+                    datasource={value?.columns || []}
+                  />
+                </span>
+              </Tooltip>
+            </>
+          ),
+        },
+      },
+      {
+        type: 'text',
+        props: {
+          children: (
+            <a>
+              {isFullScreen ? (
+                <Tooltip title="取消全屏">
+                  <img
+                    onClick={() => {
+                      ShowFullScreen();
+                    }}
+                    width={32}
+                    src={scanning}
+                  />
+                </Tooltip>
+              ) : (
+                <Tooltip title="全屏">
+                  <img
+                    onClick={() => {
+                      ShowFullScreen();
+                    }}
+                    width={32}
+                    src={quanping}
+                  />
+                </Tooltip>
+              )}
+            </a>
+          ),
+        },
+      },
+      {
+        type: 'text',
+        props: {
+          children:
+            value?.exportConfig && authFn(value?.exportConfig?.code) ? (
+              <ExportIcon
+                request={{
+                  url: `/oms-ops/excel/exportAsync/${value?.exportConfig?.type}`,
+                  params: value?.exportConfig?.params || queryParams,
+                }}
+                tableRef={props.forwardedRef || refs}
+              />
+            ) : (
+              <span />
+            ),
+        },
+      },
+    ];
+    // 防止 多选框 过宽
+    if (value && value?.columns?.length > 0) {
+      if (value.rowSelection) {
+        value.rowSelection.columnWidth = 50;
+      }
+      value.columns.forEach((d: any) => {
+        // 处理要显示 时分秒的时间
+        if (d.timeRenderHour) {
+          d.render = ({ text }: any) =>
+            handleTooltipHours(text, d.timeRenderHour);
+        }
+        // 处理不显示 时分秒的时间
+        if (d.timeRender) {
+          d.render = ({ text }: any) => handleTooltip(text, d.timeRender);
+        }
+        // 处理文字太长
+        if (d.textOverflow) {
+          d.render = ({ text }: any) => handleTextOverflow(text);
+        }
+        if (d.images) {
+          d.render = ({ text }: any) => tableColumnsImage(text);
+        }
+        if (d.double) {
+          d.render = ({ record }: any) =>
+            handleTextDouble(record[d.textOne], record[d.textTwo]);
+        }
+        if (d.lineFeed) {
+          d.render = ({ text }: any) => handleTextLineFeed(text);
+        }
+
+        // 处理序号
+        if (d.indexNumber) {
+          d.render = ({ index }: any) => index + 1;
+        }
+        // 没有值默认显示 - -
+        if (!d.render) {
+          d.render = ({ text }: any) => text || '- -';
+        }
+      });
+    }
+    return {
+      ...value,
+      actionsRender,
+    };
+  };
+
+  const handleResize =
+    (index) =>
+    (e, { size }) => {
+      setShowColumns((columns: any) => {
+        let newColumns = [...columns];
+        newColumns[index] = {
+          ...newColumns[index],
+          width: size.width,
+        };
+        return [...newColumns];
+      });
+    };
+
+  const setVisibleColumn = (columnTitle: string) => {
+    sortTableRef?.current?.handleTableHeadHidden?.(columnTitle);
+  };
+
+  const config = {
+    visibleFieldsCount: 3,
+    tableWrapperStyle: {
+      padding: '10px',
+      background: '#f3f3f3',
+    },
+    setVisibleColumn: setVisibleColumn,
+    itemLayout: {
+      span: 8, // 栅格占位格数
+      labelCol: {
+        // label标签布局；可设置 span、offset
+        span: 8,
+      },
+      wrapperCol: {
+        // value布局, 方式同labelCol（horizontal状态下配置）
+        span: 16,
+      },
+    },
+    rowSelection: false, // 默认无多选
+    ...handleTimeValue(),
+    tableProps: setTableProps(),
+    columns: [...showColumn.filter((item) => !item.hidden)],
+    ref: props.forwardedRef || refs,
+    isFullScreen,
+  };
+
+  useEffect(() => {
+    if (!localStorage.getItem('isTabChange')) {
+      if (pagePath === pathname) {
+        // @ts-ignore
+        config.ref?.current?.tableRef?.current?.refreshTable();
+      }
+    } else {
+      setTimeout(() => {
+        // 处理页面刷新两面
+        localStorage.removeItem('isTabChange');
+      }, 0);
+    }
+  }, [pathname]);
+
+  const memoConfig = useMemo(
+    () => ({
+      ...config,
+      summary: props.summary,
+      statusMapping: props.statusMapping,
+    }),
+    [value, checkedList, showColumn, props.statusMapping],
+  );
+
+  return <MemoQueryTable {...memoConfig} />;
+};