feat:修改分页显示

src/modules/store-manage/CourseCatalogPage.tsx

@@ -23,10 +23,9 @@ interface RecordTypes {
 
 
 function CourseCatalogPage() {
 function CourseCatalogPage() {
   const [courseCatalogList, setCourseCatalogList] = useState([]);
   const [courseCatalogList, setCourseCatalogList] = useState([]);
-
+  const [size,setSize] =useState(10)
   const [query, setQuery] = useState({
   const [query, setQuery] = useState({
     current: 0,
     current: 0,
-    size: 10,
     storeId: User.getStoreId(),
     storeId: User.getStoreId(),
   });
   });
   
   
@@ -40,7 +39,7 @@ function CourseCatalogPage() {
   const [choosedItem, setChooseItem] = useState({});
   const [choosedItem, setChooseItem] = useState({});
   useEffect(() => {
   useEffect(() => {
     getCourseCatalogList();
     getCourseCatalogList();
-  }, [query]);
+  }, [query,size]);
 
 
   function addCatalog(){
   function addCatalog(){
     setChooseItem({});
     setChooseItem({});
@@ -121,9 +120,10 @@ function CourseCatalogPage() {
     ]
     ]
   }
   }
   function getCourseCatalogList():any {
   function getCourseCatalogList():any {
+    console.log("query",query);
     let _query = _.clone(query);
     let _query = _.clone(query);
     _query.current = query.current + 1;
     _query.current = query.current + 1;
-    StoreService.getCourseCatalogList(_query).then((res: any) => {
+    StoreService.getCourseCatalogList({..._query,size}).then((res: any) => {
       let resultData = handleCatalogListData(res.result.records)
       let resultData = handleCatalogListData(res.result.records)
       setCourseCatalogList(resultData);
       setCourseCatalogList(resultData);
       setTotal(res.result.total);
       setTotal(res.result.total);
@@ -158,14 +158,10 @@ function CourseCatalogPage() {
     }
     }
     setChooseItem(record);
     setChooseItem(record);
   }
   }
-  function onShowSizeChange(current:any, size:any) {
-    if (current == size) {
-      return;
-    }
-    let _query = { ...query };
-    _query.size = size;
-    setQuery(_query);
+  function onShowSizeChange(current:any, theSize:any) {
+    setSize(theSize);
   }
   }
+
   return (
   return (
     <div className=" page course-catalog-page">
     <div className=" page course-catalog-page">
       <div className="page-content">
       <div className="page-content">
@@ -200,15 +196,16 @@ function CourseCatalogPage() {
           <div className="box-footer">
           <div className="box-footer">
             <PageControl
             <PageControl
                current={query.current}
                current={query.current}
-               pageSize={query.size}
+               pageSize={size}
                total={total}
                total={total}
+               showSizeChanger={true}
                onShowSizeChange={onShowSizeChange}
                onShowSizeChange={onShowSizeChange}
                toPage={(page: any) => {
                toPage={(page: any) => {
                  const queryStates = _.clone(query);
                  const queryStates = _.clone(query);
                  queryStates.current = page;
                  queryStates.current = page;
+                 console.log("queryStates",queryStates);
                  setQuery(queryStates);
                  setQuery(queryStates);
                }}
                }}
-              
             />
             />
           </div>
           </div>
         </div>
         </div>