样式优化整合

src/pages/Finance/Cost/components/CommonContact.tsx

@@ -1,4 +1,5 @@
 import ProTable, { ProColumns } from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import { Button, Drawer } from 'antd';
 import React from 'react';
 import { CommonProps } from './data';
@@ -48,7 +49,7 @@ const CommonContact: React.FC<CommonProps> = (props) => {
     >
       <ProTable
         columns={columnsDZ}
-        pagination={{ defaultPageSize: 10 }} //默认显示条数
+        {...tableProps}
         request={async (params: any) =>
           await getCommonAddressList(params).then((res) => {
             let data = res.data.records;

src/pages/Finance/Cost/components/CommonInvoice.tsx

@@ -1,4 +1,5 @@
 import ProTable, { ProColumns } from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import { Button, Drawer } from 'antd';
 import React from 'react';
 import { CommonProps } from './data';
@@ -51,7 +52,7 @@ const CommonInvoice: React.FC<CommonProps> = (props) => {
     >
       <ProTable
         columns={columnsFP}
-        pagination={{ defaultPageSize: 10 }} //默认显示条数
+        {...tableProps}
         request={async (params: any) =>
           await getCommonInvoiceList(params).then((res) => {
             let data = res.data.records;

src/pages/Finance/Cost/components/Complete.tsx

@@ -1,4 +1,5 @@
 import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import { Button, Input, message, Space } from 'antd';
 import React, { useRef, useState } from 'react';
 import { addInvoice, getList } from './service';
@@ -105,7 +106,7 @@ const Complete: React.FC<{}> = () => {
           // columnWidth: '50px',
           // fixed: true,
         }}
-        pagination={{ defaultPageSize: 10 }} //默认显示条数
+        {...tableProps}
         // bordered
         tableAlertRender={({ selectedRowKeys, selectedRows, onCleanSelected }) => (
           <Space size={24}>

src/pages/Finance/Cost/index.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useRef, } from 'react';
 import { Tabs, Button, Spin, Input, message, Modal, Statistic, PageHeader, Card, Form, Row, Col, DatePicker } from 'antd';
 import ProTable, { ProColumns, ActionType } from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import Complete from './components/Complete';
 import { getList, getOrder, delOrder, delSection, woPay, woPayZero, getWoOrder, upoladVoucher } from './service';
 import '@/assets/xsy_style.less';
@@ -697,7 +698,7 @@ const finance: React.FC<{}> = () => {
                       };
                       return result;
                     })}
-                    pagination={{ defaultPageSize: 10 }}
+                    {...tableProps}
                     toolBarRender={() => [
                       <>
                         <Input type="text" placeholder='项目名称' value={proName} onChange={(event) => setProName(event.target.value)} />

src/pages/Finance/Earnest/index.tsx

@@ -1,4 +1,5 @@
 import ProTable, { ProColumns } from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import { Card, message, PageHeader, Spin, Tabs, Upload } from 'antd';
 import React, { useState, } from 'react';
 import { getEnrnest } from './service'
@@ -91,6 +92,7 @@ const Earnest: React.FC<{}> = () => {
               };
               return result;
             })}
+            {...tableProps}
           />
         </Card>
       </Spin>

src/pages/Finance/ProjectManager/RevenueRecognition/components/All.tsx

@@ -1,4 +1,5 @@
 import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import { Card } from 'antd';
 import React, { useRef, useState } from 'react';
 import { getAllList } from '../service';
@@ -217,8 +218,7 @@ const Index: React.FC<{}> = () => {
         }}
         onReset={() => setPage({ pageSize: 10, pageNo: 1 })}
         pagination={{
-          pageSize: 10,
-          showSizeChanger: false,
+          ...tableProps.pagination,
           onChange: (page, pageSize) => setPage({ pageSize: pageSize, pageNo: page }),
           onShowSizeChange: (current, pageSize) => setPage({ pageSize: pageSize, pageNo: current }),
         }}

src/pages/Finance/ProjectManager/RevenueRecognition/components/AlreadyConfirmed.tsx

@@ -1,6 +1,7 @@
 import React, { useRef, useState } from 'react';
 import type { ProColumns, ActionType } from '@ant-design/pro-table';
 import ProTable from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import AlreadyView from './AlreadyView';
 import { getConfirmedList } from '../service';
 import { Button } from 'antd';
@@ -227,8 +228,7 @@ const AlreadyConfirmed: React.FC<{}> = () => {
         }}
         onReset={() => setPage({ pageSize: 10, pageNo: 1 })}
         pagination={{
-          pageSize: 10,
-          showSizeChanger: false,
+          ...tableProps.pagination,
           onChange: (page, pageSize) => setPage({ pageSize: pageSize, pageNo: page }),
           onShowSizeChange: (current, pageSize) => setPage({ pageSize: pageSize, pageNo: current }),
         }}

src/pages/Finance/ProjectManager/RevenueRecognition/components/WaitConfirmed.tsx

@@ -1,6 +1,7 @@
 import React, { useRef, useState } from 'react';
 import type { ProColumns, ActionType } from '@ant-design/pro-table';
 import ProTable from '@ant-design/pro-table';
+import tableProps from '@/utils/tableProps';
 import WaitView from './WaitView';
 import { ConfirmBill, getConfirmedList, ReviewRejected } from '../service';
 import { Button, message, Modal, Popconfirm, Spin } from 'antd';
@@ -265,8 +266,7 @@ const WaitConfirmed: React.FC<{}> = () => {
           }}
           onReset={() => setPage({ pageSize: 10, pageNo: 1 })}
           pagination={{
-            pageSize: 10,
-            showSizeChanger: false,
+            ...tableProps.pagination,
             onChange: (page, pageSize) => setPage({ pageSize: pageSize, pageNo: page }),
             onShowSizeChange: (current, pageSize) => setPage({ pageSize: pageSize, pageNo: current }),
           }}