fix

src/components/MyProTable/index.tsx

@@ -0,0 +1,34 @@
+import 'antd/lib/table/style';
+import 'antd/lib/typography/style';
+import type { ParamsType } from '@ant-design/pro-provider';
+import Summary from 'rc-table/lib/Footer/Summary';
+import React, { useMemo, useState } from 'react';
+import { ProTable, ProTableProps } from '@ant-design/pro-components';
+
+/**
+ * 
+ *ProTable组件外封装了一层传参和ProTable一样，只是可以自己附加一些操作，全局管理一些参数比如table的尺寸
+ * @param props - Table properties
+ */
+const MyProTable = <DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = "text">(
+    props: ProTableProps<DataType, Params, ValueType>
+): JSX.Element => {
+    const [size,setSize]=useState<"small" | "large" | "middle">(localStorage.getItem("tableSize") as ("small" | "large" | "middle")  || "small")
+    // 尺寸改变设置到本地,全局变动
+    function sizeChangge(size: any) {
+        localStorage.setItem("tableSize", size)
+        setSize(size)
+    }
+    // 组件主体逻辑可以在此编写
+    console.log(size)
+    return <ProTable
+        size={size}//全局默认尺寸假如外面传入会覆盖
+        {...props}
+        onSizeChange={sizeChangge}
+    />
+};
+
+// 将 Summary 属性添加到 CustomTableContainer 上
+MyProTable.Summary = Summary;
+
+export default MyProTable;

src/pages/Distributor/Account/index.tsx

@@ -1,10 +1,11 @@
-import { ActionType, BetaSchemaForm, PageContainer, ProFormInstance, ProTable } from "@ant-design/pro-components"
+import { ActionType, BetaSchemaForm, PageContainer, ProFormInstance } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { distributorAccountAdd, distributorAccountList, distributorAccountUpdate } from "@/services/distributor/account"
 import { Button, message } from "antd"
 import { useRef, useState } from "react"
 import { PlusCircleOutlined } from "@ant-design/icons"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     const actionRef = useRef<ActionType>();
@@ -30,7 +31,7 @@ const Page: React.FC = () => {
         })
     }
     return <PageContainer>
-        <ProTable<any, any>
+        <MyProTable<any, any>
             actionRef={actionRef}
             headerTitle={"账号列表"}
             rowKey={(r) => r.id}

src/pages/Distributor/AppList/index.tsx

@@ -1,10 +1,10 @@
-import { PageContainer, ProTable } from "@ant-design/pro-components"
-import { Table } from "antd"
-import { columns, childrenColumns } from "./tableConfig"
+import { PageContainer } from "@ant-design/pro-components"
+import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
-import { useMemo, useState } from "react"
+import { useState } from "react"
 import { useModel } from "@umijs/max"
 import { appList } from "@/services/distributor/appList"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { state, getEnum } = useModel("global")
@@ -18,7 +18,7 @@ const Page: React.FC = () => {
             onChange: (e) => setKey(e),
         }}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             headerTitle={"抖音小程序列表"}
             rowKey={(r) => r.id}
             search={{
@@ -34,20 +34,6 @@ const Page: React.FC = () => {
                 }
             }}
             columns={columns({ appType: key })}
-            // expandable={{
-            //     rowExpandable: (record) => record?.appCarrierList?.length > 0,
-            //     expandRowByClick: true,
-            //     expandedRowRender: (record) => {
-            //         return <Table
-            //             columns={childrenColumns}
-            //             dataSource={record.appCarrierList}
-            //             rowKey={(r) => r.id}
-            //             pagination={false}
-            //             size='small'
-            //             bordered
-            //         />
-            //     },
-            // }}
         />
     </PageContainer>
 

src/pages/Distributor/AppManage/index.tsx

@@ -1,4 +1,4 @@
-import { ActionType, ModalForm, PageContainer, ProFormCheckbox, ProFormSelect, ProFormText, ProTable } from "@ant-design/pro-components"
+import { ActionType, ModalForm, PageContainer, ProFormCheckbox, ProFormSelect,} from "@ant-design/pro-components"
 import { Button, Drawer, message, Table } from "antd"
 import { columns, childrenColumns, columnsOpen } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
@@ -6,6 +6,7 @@ import { useMemo, useRef, useState } from "react"
 import { useModel } from "@umijs/max"
 import { accountConfig, accountConfigEnabled, accountConfigList, delAccountConfig, manageList } from "@/services/distributor/appManage"
 import { distributorAccountAll } from "@/services/distributor/account"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { state, getEnum } = useModel("global")
@@ -45,7 +46,7 @@ const Page: React.FC = () => {
             onChange: (e) => setKey(e),
         }}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             headerTitle={"抖音小程序列表"}
             rowKey={(r) => r.id}
             search={{
@@ -61,20 +62,6 @@ const Page: React.FC = () => {
                 }
             }}
             columns={columns({ appType: key, setOpenTalbe })}
-            // expandable={{
-            //     rowExpandable: (record) => record?.appCarrierList?.length > 0,
-            //     expandRowByClick: true,
-            //     expandedRowRender: (record) => {
-            //         return <Table
-            //             columns={childrenColumns}
-            //             dataSource={record.appCarrierList}
-            //             rowKey={(r) => r.id}
-            //             pagination={false}
-            //             size='small'
-            //             bordered
-            //         />
-            //     },
-            // }}
         />
         <Drawer
             open={!!openTable}
@@ -92,7 +79,7 @@ const Page: React.FC = () => {
                 })
             }}>批量新增账号</Button>}
         >
-            <ProTable
+            <MyProTable
                 actionRef={actionRef}
                 search={false}
                 toolBarRender={false}

src/pages/Distributor/CorpManage/index.tsx

@@ -1,10 +1,11 @@
-import { ActionType, PageContainer, ProTable } from "@ant-design/pro-components"
-import { Button, message, Modal, QRCode, Table } from "antd"
+import { ActionType, PageContainer } from "@ant-design/pro-components"
+import { Button, message, Modal, QRCode } from "antd"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { corpListOfPage, corpPreAuth, corpSyncAll } from "@/services/distributor/corpManage"
 import { useRef, useState } from "react"
 import { PlusOutlined } from "@ant-design/icons"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let getList = useAjax((params) => corpListOfPage(params), { type: 'table' })
@@ -40,7 +41,7 @@ const Page: React.FC = () => {
         })
     }
     return <PageContainer >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             actionRef={actionRef}
             headerTitle={"企微列表"}
             rowKey={(r) => r.id}

src/pages/Distributor/DyMiniApp/index.tsx

@@ -1,13 +1,14 @@
 import { miniAppList } from "@/services/distributor/miniApp"
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { Table } from "antd"
 import { columns, childrenColumns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let getList = useAjax((params) => miniAppList(params), { type: 'table' })
     return <PageContainer>
-        <ProTable<any, any>
+        <MyProTable<any, any>
             headerTitle={"抖音小程序列表"}
             rowKey={(r) => r.id}
             search={{

src/pages/Distributor/WxMiniApp/index.tsx

@@ -1,13 +1,14 @@
 import { miniAppList } from "@/services/distributor/miniApp"
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { Table } from "antd"
 import { columns, childrenColumns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let getList = useAjax((params) => miniAppList(params), { type: 'table' })
     return <PageContainer>
-        <ProTable<any, any>
+        <MyProTable<any, any>
             headerTitle={"微信小程序列表"}
             rowKey={(r) => r.id}
             search={{

src/pages/MiniApp/AdBack/index.tsx

@@ -1,8 +1,8 @@
 import { useAjax } from "@/Hook/useAjax"
 import { appAccountConfig, doAuthOfBUnit, getAppAccountConfig, tencentAdAccountDoAuth, tencentAdAccountToAuth } from "@/services/miniApp/adBack"
-import { BetaSchemaForm, PageContainer, ProCard, ProForm, ProFormInstance, ProFormRadio, ProFormSelect, ProFormText } from "@ant-design/pro-components"
+import { BetaSchemaForm, PageContainer, ProCard,  ProFormInstance} from "@ant-design/pro-components"
 import { history, useModel } from "@umijs/max"
-import { Button, Divider, List, message, Modal, Radio, Space } from "antd"
+import { Button, message, Modal, Radio, Space } from "antd"
 import { useEffect, useRef, useState } from "react"
 import formConfig from "./formConfig"
 import { searchToObj } from "@/utils"

src/pages/MiniApp/BookManage/Long/index.tsx

@@ -1,4 +1,4 @@
-import { ActionType, BetaSchemaForm, PageContainer, ProFormInstance, ProTable } from "@ant-design/pro-components"
+import { ActionType, BetaSchemaForm, PageContainer, ProFormInstance } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
@@ -9,6 +9,7 @@ import ReadText from "../components/readText"
 import formConfig from "./formConfig"
 import ReadBook from "../components/readBook"
 import { ColumnHeightOutlined, EditFilled } from "@ant-design/icons"
+import MyProTable from "@/components/MyProTable"
 const wordCountRanges: any = {
     "": { start: null, end: null }, // 全部
     "0-2": { start: 0, end: 2 * 10000 },
@@ -166,7 +167,7 @@ const Page: React.FC = (props: Props) => {
     return <PageContainer title={false}
         tabProps={{ type: 'card' }}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             // params={publicData}
             actionRef={actionRef}
             headerTitle={"小说列表"}

src/pages/MiniApp/BookManage/Short/index.tsx

@@ -1,4 +1,4 @@
-import { ActionType, BetaSchemaForm, PageContainer, ProFormInstance, ProTable } from "@ant-design/pro-components"
+import { ActionType, BetaSchemaForm, PageContainer, ProFormInstance } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
@@ -8,6 +8,7 @@ import { Button, Card, Drawer, message, Popconfirm, Space, Tag } from "antd"
 import ReadText from "../components/readText"
 import formConfig from "./formConfig"
 import { ColumnHeightOutlined, EditFilled } from "@ant-design/icons"
+import MyProTable from "@/components/MyProTable"
 const wordCountRanges: any = {
     "": { start: null, end: null }, // 全部
     "0-2": { start: 0, end: 2 * 10000 },
@@ -175,7 +176,7 @@ const Page: React.FC = (props: Props) => {
         tabProps={{ type: 'card' }}
         loading={globaleConfig?.loading}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             actionRef={actionRef}
             headerTitle={"小说列表"}
             rowKey={(r) => r.bookId}

src/pages/MiniApp/BookManage/components/readBook/index.tsx

@@ -1,5 +1,5 @@
 import { Button, Col, Row, Image, Spin, Space, Drawer, Empty } from "antd";
-import { JSXElementConstructor, Key, ReactElement, ReactFragment, ReactPortal, useEffect, useMemo, useRef, useState } from "react";
+import { useEffect,  useRef, useState } from "react";
 import { MyIcon } from "@/global";
 import { useToken } from "@ant-design/pro-components";
 function ReadBook(props: { next: (listData: { id: number }) => Promise<any>, listData: any }) {

src/pages/MiniApp/Consume/index.tsx

@@ -1,9 +1,10 @@
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { shortBookCoinList, longBookCoinList } from "@/services/miniApp/consume"
 import { useModel } from "@umijs/max"
 import { useMemo } from "react"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -21,7 +22,7 @@ const Page: React.FC = () => {
     return <PageContainer
         tabProps={{ type: 'card' }}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             params={{
                 appId: initialState?.selectApp?.id || "",
                 distributorId: initialState?.currentUser?.distributorId,

src/pages/MiniApp/EmsCnpl/Users/index.tsx

@@ -1,8 +1,9 @@
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import { listOfPage } from "@/services/miniApp/emsCnpl"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -10,7 +11,7 @@ const Page: React.FC = () => {
     return <PageContainer
         title={false}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
           scroll={{ x: 'max-content' }}
             params={{
                 appId: initialState?.selectApp?.id || "",

src/pages/MiniApp/EntWeChat/Auth/index.tsx

@@ -1,4 +1,4 @@
-import { ActionType, PageContainer, ProTable } from "@ant-design/pro-components"
+import { ActionType, PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
@@ -6,6 +6,7 @@ import { configUser, getAllAvailableKfs, getAllBindKfs, revoke } from "@/service
 import { Button, message, Modal, Space, Tag } from "antd"
 import { PlusOutlined } from "@ant-design/icons"
 import { useRef, useState } from "react"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -55,7 +56,7 @@ const Page: React.FC = () => {
     return <PageContainer
         title={false}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             actionRef={actionRef}
             scroll={{ x: true }}
             toolBarRender={() => [
@@ -80,7 +81,7 @@ const Page: React.FC = () => {
             loading={ConfigUser?.loading}
             destroyOnClose
         >
-            <ProTable<any, any>
+            <MyProTable<any, any>
                 scroll={{ x: true, y: 600 }}
                 params={{
                     appId: initialState?.selectApp?.id || "",

src/pages/MiniApp/EntWeChat/Users/index.tsx

@@ -1,9 +1,10 @@
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import { getAllKfs, getCustoms } from "@/services/miniApp/entWeChat"
 import { useEffect } from "react"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -18,7 +19,7 @@ const Page: React.FC = () => {
     },[])
     return <PageContainer title={false}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
           scroll={{ x: 'max-content' }}
             params={publicData}
             headerTitle={"企微用户列表"}

src/pages/MiniApp/Extend/Book/index.tsx

@@ -1,4 +1,4 @@
-import { ActionType, PageContainer, ProTable } from "@ant-design/pro-components"
+import {  PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { history, useModel } from "@umijs/max"
@@ -6,6 +6,7 @@ import { Button } from "antd"
 import { PlusCircleOutlined } from "@ant-design/icons"
 import { listOfPage } from "@/services/miniApp/extend"
 import { useEffect, useRef } from "react"
+import MyProTable from "@/components/MyProTable"
 type Props = {
     isModal?: boolean
     value?: any
@@ -27,7 +28,7 @@ const Page: React.FC<Props> = (props) => {
     return <PageContainer title={false}
         header={isModal ? { breadcrumb: {} } : {}}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             scroll={{ x: true }}
             toolBarRender={() => {
                 return !isModal ? [

src/pages/MiniApp/Extend/Page/index.tsx

@@ -1,10 +1,11 @@
-import { ActionType, PageContainer, ProTable } from "@ant-design/pro-components"
+import { ActionType, PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import PageExtend from "./extend"
 import { useEffect, useRef } from "react"
 import { listOfPage } from "@/services/miniApp/extend"
+import MyProTable from "@/components/MyProTable"
 type Props = {
     isModal?: boolean
     value?: any
@@ -27,7 +28,7 @@ const Page: React.FC<Props> = (props) => {
     return <PageContainer title={false}
         header={isModal ? { breadcrumb: {} } : {}}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             scroll={{ x: true }}
             actionRef={actionRef}
             toolBarRender={() => {

src/pages/MiniApp/MiniAppUser/WeChat/index.tsx

@@ -1,10 +1,11 @@
-import { ActionType, PageContainer, ProTable } from "@ant-design/pro-components"
+import { ActionType, PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import { wechatMiniappUserDel, wechatMiniappUserListOfPage, wechatMiniappUserUpdateEnabled } from "@/services/miniApp/miniAppUser/weChat"
 import { useCallback, useRef } from "react"
 import { message } from "antd"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -34,7 +35,7 @@ const Page: React.FC = () => {
     }, [])
     return <PageContainer title={false}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             actionRef={actionRef}
             scroll={{ x: true }}
             params={{

src/pages/MiniApp/MiniAppUser/bookList/index.tsx

@@ -1,10 +1,11 @@
-import { ActionType, ProTable } from "@ant-design/pro-components"
+import { ActionType } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import {  useRef, useState } from "react"
-import { Button, Drawer, Modal } from "antd"
+import { Button, Modal } from "antd"
 import { shelfLisOfPage } from "@/services/miniApp/miniAppUser"
 import { useModel } from "@umijs/max"
+import MyProTable from "@/components/MyProTable"
 type Props={
     data: {
         id: number
@@ -29,7 +30,7 @@ const Page: React.FC<Props> = (props) => {
             width={"50%"}
             destroyOnClose
         >
-            <ProTable<any, any>
+            <MyProTable<any, any>
                 actionRef={actionRef}
                 scroll={{ x: true ,y:'50vh'}}
                 headerTitle={false}

src/pages/MiniApp/MiniAppUser/loginList/index.tsx

@@ -1,10 +1,11 @@
-import { ActionType, ProTable } from "@ant-design/pro-components"
+import { ActionType } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useRef, useState } from "react"
 import { Button, Modal } from "antd"
 import { loginListOfPage } from "@/services/miniApp/miniAppUser"
 import { useModel } from "@umijs/max"
+import MyProTable from "@/components/MyProTable"
 type Props = {
     data: {
         id: number
@@ -29,7 +30,7 @@ const Page: React.FC<Props> = (props) => {
             width={"50%"}
             destroyOnClose
         >
-            <ProTable<any, any>
+            <MyProTable<any, any>
                  actionRef={actionRef}
                  scroll={{ x: true ,y:'50vh'}}
                  headerTitle={false}

src/pages/MiniApp/PayLog/Long/index.tsx

@@ -1,9 +1,10 @@
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import { longBookOrderList } from "@/services/miniApp/payLog"
 import { useCallback } from "react"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -17,7 +18,7 @@ const Page: React.FC = () => {
     }, [])
     return <PageContainer title={false}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
             scroll={{ x: 'max-content' }}
             params={{
                 appId: initialState?.selectApp?.id || "",

src/pages/MiniApp/PayLog/Short/index.tsx

@@ -4,6 +4,7 @@ import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import { shortBookOrderList, shortBookOrderReportOrder } from "@/services/miniApp/payLog"
 import { useCallback, useRef } from "react"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -19,7 +20,7 @@ const Page: React.FC = () => {
     }, [])
     return <PageContainer title={false}
     >
-        <ProTable<any, any>
+        <MyProTable
             actionRef={actionRef}
             scroll={{ x: 'max-content' }}
             loading={getList?.loading || ShortBookOrderReportOrder?.loading}
@@ -37,7 +38,6 @@ const Page: React.FC = () => {
                 return await getList.run(params)
             }}
             columns={columns(submit)}
-        // bordered
         />
     </PageContainer>
 

src/pages/MiniApp/ReadLog/Long/index.tsx

@@ -1,15 +1,16 @@
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import { longBookReadLogList } from "@/services/miniApp/readLog"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
     let getList = useAjax((params) => longBookReadLogList(params), { type: 'table' })
     return <PageContainer title={false}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
           scroll={{ x: 'max-content' }}
             params={{
                 appId: initialState?.selectApp?.id || "",

src/pages/MiniApp/ReadLog/Short/index.tsx

@@ -1,8 +1,9 @@
-import { PageContainer, ProTable } from "@ant-design/pro-components"
+import { PageContainer } from "@ant-design/pro-components"
 import { columns } from "./tableConfig"
 import { useAjax } from "@/Hook/useAjax"
 import { useModel } from "@umijs/max"
 import { shortBookReadLogList } from "@/services/miniApp/readLog"
+import MyProTable from "@/components/MyProTable"
 
 const Page: React.FC = () => {
     let { initialState } = useModel("@@initialState")
@@ -10,7 +11,7 @@ const Page: React.FC = () => {
     return <PageContainer
         title={false}
     >
-        <ProTable<any, any>
+        <MyProTable<any, any>
           scroll={{ x: 'max-content' }}
             params={{
                 appId: initialState?.selectApp?.id || "",