优化分页

src/pages/quickStart/components/ConfirmConfig/index.jsx

@@ -0,0 +1,23 @@
+import React, { useState, useEffect, useRef } from 'react';
+import ProTable from '@ant-design/pro-table';
+import { Form, Input, Select, InputNumber, TreeSelect, message, Button, Modal, Radio, Upload, Switch, Card } from 'antd';
+import quickAPI from "../../service";
+import indexStyles from "../../index.less";
+import StepsButton from "../StepsButton";
+
+/**
+ * 确认配置
+ * @returns 
+ */
+const ConfirmConfig = (props) => {
+    return <>
+        <Card
+            title="门店信息"
+        >
+            <Card.Grid>组织名称：{quickStartObj.storeConfig.name}</Card.Grid>
+        </Card>
+        <StepsButton current={props.current} steps={props.steps} prev={props.prev}></StepsButton>
+    </>
+}
+
+export default ConfirmConfig;

src/pages/quickStart/components/DeviceConfig/index.jsx

@@ -130,6 +130,9 @@ const DeviceConfig = (props) => {
         }
     ];
 
+    const [currentPage, setCurrentPage] = useState(0);
+    const [pageSize, setPageSize] = useState(5);
+
     const optionsWithDisabled = [
         {
             label: '新建设备',
@@ -285,6 +288,14 @@ const DeviceConfig = (props) => {
                     search={{
                         labelWidth: 120,
                     }}
+                    pagination={{
+                        current: currentPage,
+                        pageSize: pageSize,
+                        onChange: (page, pageSize) => {
+                            setCurrentPage(page);
+                            setPageSize(pageSize);
+                        }
+                    }}
                     request={async (params) => {
                         let data = [];
                         let total = 0;

src/pages/quickStart/components/FoodMenuConfig/index.jsx

@@ -67,6 +67,9 @@ const FoodMenuConfig = (props) => {
         }
     ]
 
+    const [currentPage, setCurrentPage] = useState(0);
+    const [pageSize, setPageSize] = useState(5);
+
     return <>
         <div className={indexStyles.choose_change_state}>
             <Radio.Group
@@ -108,6 +111,14 @@ const FoodMenuConfig = (props) => {
                     search={{
                         labelWidth: 120,
                     }}
+                    pagination={{
+                        current: currentPage,
+                        pageSize: pageSize,
+                        onChange: (page, pageSize) => {
+                            setCurrentPage(page);
+                            setPageSize(pageSize);
+                        }
+                    }}
                     request={async (params) => {
                         let data = [];
                         let total = 0;

src/pages/quickStart/components/StoreConfig/index.jsx

@@ -7,6 +7,9 @@ import styles from "./index.less";
 
 const StoreConfig = (props) => {
 
+    const [currentPage, setCurrentPage] = useState(0);
+    const [pageSize, setPageSize] = useState(5);
+
     const { TextArea } = Input;
     const { Option, OptGroup } = Select;
     const [storeForm] = Form.useForm();
@@ -288,6 +291,14 @@ const StoreConfig = (props) => {
                         };
                     }}
                     columns={columns}
+                    pagination={{
+                        current: currentPage,
+                        pageSize: pageSize,
+                        onChange: (page, pageSize) => {
+                            setCurrentPage(page);
+                            setPageSize(pageSize);
+                        }
+                    }}
                 />
             }
         </div>

src/pages/quickStart/index.jsx

@@ -8,6 +8,7 @@ import FoodMenuConfig from './components/FoodMenuConfig';
 import GoodsConfig from './components/GoodsConfig';
 import BomConfig from './components/BomConfig';
 import MaterialConfig from './components/MaterialConfig';
+import ConfirmConfig from './components/ConfirmConfig';
 
 const { Step } = Steps;
 
@@ -112,11 +113,11 @@ const QuickStart = () => {
         <GoodsConfig goodsConfig={quickStartObj.goodsConfig} current={current} steps={stepsText} onFinishForm={onFinishForm} prev={prev}></GoodsConfig>,
         <BomConfig bomConfig={quickStartObj.bomConfig} current={current} steps={stepsText} onFinishForm={onFinishForm} prev={prev}></BomConfig>,
         <MaterialConfig materialConfig={quickStartObj.materialConfig} current={current} steps={stepsText} onFinishForm={onFinishForm} prev={prev}></MaterialConfig>,
-        <h1>确认配置</h1>
+        <ConfirmConfig quickStartObj={quickStartObj} current={current} steps={stepsText} onFinishForm={onFinishForm} prev={prev}></ConfirmConfig>
     ];
 
     useEffect(() => {
-        console.log('对象更新啦', quickStartObj);
+        console.log('对象更新啦', quickStartObj, JSON.stringify(quickStartObj));
     }, [quickStartObj]);
 
     return <PageContainer>