分页

chenxt
1 parent aa13c26a
Showing 6 changed files with 106 additions and 42 deletions
src/components/Common/CommonHooks/useCommonBase.js
src/components/Common/CommonTable/index.js
src/components/VlistNew/index.js
src/mes/common/commonModelComponent/index.js
src/mes/common/routerComponent/index.js
src/mes/productionExec/productionExecMain/index.js
@@ -285,6 +285,7 @@ const useCommonBase = props =&gt; {
       isWait,
       configData,
       clearSelectData,
+      isPagination, // mes的通用列表需要真分页，所以增加isPagination参数控制是否分页
     } = params;
     const {
       token,
@@ -294,6 +295,7 @@ const useCommonBase = props =&gt; {
       formData,
       [`${name}DelData`]: tableDelData
     } = state;
+
     let {
       menuChildData,
       [`${name}SelectedRowKeys`]: tableSelectedRowKeys,
@@ -323,7 +325,10 @@ const useCommonBase = props =&gt; {
         }
       }
     }
-
+    if ( isPagination ) {
+      condition.pageSize = condition.pageSize || 10; /* 前台传入页数或者默认页数 */
+      condition.pageNum = condition.pageNum || 1; /* 前台传入页数或者默认页数 */
+    }
     // 凹印人检特殊处理
     if (configData?.sGrd === "slaveWyrj2") {
       const {
@@ -436,7 +441,12 @@ const useCommonBase = props =&gt; {
           menuChildData,
           pageLoading: false,
           iPageSize,
-          masterConditionData
+          masterConditionData,
+          mesTotalCount: isPagination ? dataReturn.dataset.totalCount : null,
+          mesPageSize: isPagination ? dataReturn.dataset.pageSize : null,
+          mesPageNum: isPagination ? dataReturn.dataset.currentPageNo : null,
+          isPagination,
+          mesPageChange: false,
         };
         // 添加动态列数据
@@ -50,7 +50,8 @@ import {
   Tooltip,
   Row,
   Progress,
-  Modal
+  Modal,
+  Pagination
 } from "antd";
 import { DndProvider, DropTarget, DragSource } from "react-dnd";
 import {
@@ -3347,6 +3348,9 @@ class CommonTableRc extends React.Component {
       components.header = { cell: ResizeableTitle };
     }
     let bPagination = true; /* 默认表格分页s  */
+    let {mesTotalCount , mesPageSize, mesPageNum, isPagination} = this.props.tableProps || {};
+    console.log(this.props.tableProps, 'this.props.tableProps');
+
     if (commonUtils.isNotEmptyObject(this.props)) {
       bPagination =
         commonUtils.isNotEmptyObject(this.props.tableProps) &&
@@ -3560,6 +3564,7 @@ class CommonTableRc extends React.Component {
     const { expKeys } = this.state;
     const { sModelType } = this.props?.parentProps || {}
     /*   返回值  */
+
     return {
       components,
       rowKey: sModelType?.includes('/indexPage/commonList') ? 'sSlaveId' : this.rowKey,
@@ -3573,7 +3578,7 @@ class CommonTableRc extends React.Component {
       columns: tableColumn /*   表头   */,
       // rowSelection: this.props.rowSelection !== undefined ? this.props.rowSelection : this.getRowSelection(this.props.name, 'slave'), /*   添加的复选框(checkbox)功能   */
       rowSelection,
-      // pagination: false, /*   不分页   */
+      pagination: false, /*   不分页   */
       rowClassName: this.setRowClassName.bind(this, "slave"),
       onRow: (record, index) => {
         if (this.isDragAndDrop) {
@@ -3670,6 +3675,7 @@ class CommonTableRc extends React.Component {
           }
         }
         : false /* 表格是否分页 */,
+      isPagination: isPagination,
       onChange: this.onChange
     };
   };
@@ -10819,6 +10825,7 @@ class CommonTableRc extends React.Component {
     /*  获取table中的props  */
     const tableProps = this.getTableProps();
+    console.log("🚀 ~ CommonTableRc ~ render ~ tableProps:", tableProps)
     let autoHeight = this.props.tableProps.AutoTableHeight;
     const realizeHeight =
@@ -11144,6 +11151,15 @@ class CommonTableRc extends React.Component {
         this.setState({ affixMenuVisible: false });
       }
     };
+    let { mesTotalCount , mesPageSize, mesPageNum, isPagination} = this.props.tableProps || {};
+    const handleMesPaginationChange = (page, pageSize) => {
+       this.props.onSaveState({
+          mesPageNum: page,
+          mesPageSize: pageSize,
+          mesPageChange: true
+        });
+    }
+    console.log(tableProps, 'tablePropstableProps');
     return (
       <FormItem
@@ -11242,7 +11258,8 @@ class CommonTableRc extends React.Component {
               />
             </DndProvider>
           ) : (
-            <Table
+            <div style={{position: 'relative', width: '100%', height: '100%'}}>
+              <Table
               {...tableProps}
               addRow={addProps}
               delProps={delProps}
@@ -11260,7 +11277,15 @@ class CommonTableRc extends React.Component {
               size="small"
               sticky={this.sticky}
               showSorterTooltip={false}
-            />
+            >
+
+            </Table>
+             <div style={{textAlign: 'center', position: 'absolute', bottom: '50px', left: '50%', transform: 'translateX(-50%)', fontSize:'30px'}} >
+              {
+                isPagination && <Pagination size="default " simple defaultCurrent={mesPageNum} total={mesTotalCount}  onChange={handleMesPaginationChange} />
+              }
+             </div>
+            </div>
           )}
         </div>
         {previewVisible ? (
@@ -1051,3 +1051,4 @@ function scrollTo(option) {
 exports.VList = VList;
 exports.scrollTo = scrollTo;
+exports.vidMap = vidMap;
@@ -260,9 +260,12 @@ const useCommonModelEvent = props =&gt; {
     Array.isArray(formData) && formData.length > 0
       ? (formData[0]?.sName || formData[0]?.sModelType || '')
       : '';
+
   // 初始化事件
   useEffect(
     async () => {
+      console.log(props?.mesPageChange, 'props?.mesPageChange');
+
       if (commonUtils.isNotEmptyArr(formData)) {
         let pageLayout = [];
         let addState = {};
@@ -287,7 +290,6 @@ const useCommonModelEvent = props =&gt; {
             result = await handleGetDataPop(tableList, true, true)
           } else if (!commonUtils.isEmptyObject(copyTo) && !refreshCount) {
             result = await handleGetData(tableList, true, true);
-
           } else if (noGetData) {
             result = await handleGetData(
               tableList.filter(
@@ -298,7 +300,9 @@ const useCommonModelEvent = props =&gt; {
               true
             );
           } else {
-            result = await handleGetData(tableList, true, true);
+            if (props?.mesPageChange || props?.mesPageChange === undefined) {
+              result = await handleGetData(tableList, true, true);
+            }
           }
           if (!currentId) {
             addState.bFinish = props.bFinish ? props.bFinish + 1 : 1;
@@ -342,7 +346,8 @@ const useCommonModelEvent = props =&gt; {
       formData.length,
       refreshCount,
       noGetData,
-      JSON.stringify(sFilterConditions)
+      JSON.stringify(sFilterConditions),
+      props?.mesPageChange === true
     ]
   );
   useEffect(() => {
@@ -904,7 +909,14 @@ const useCommonModelEvent = props =&gt; {
       if (currentIds && tableName !== 'master') {
         conditonValues.sParentId = currentIds;
       }
+      // 2026 新增如果是indexPage/commonList那么需要真分页
+      const { sName, bPagination = false } = config || {};
+      let isPagination = false
+      if (sName.includes('/indexPage/commonList') && bPagination) {
+        isPagination = true
+        console.log(props, 'isPagination');
+      }
       const result =
         (await props.onGetDataSet({
           name: tableName,
@@ -913,14 +925,16 @@ const useCommonModelEvent = props =&gt; {
             ...masterState,
             sId: currentIds,
             sSqlCondition: { ...conditonValues, ...sFilterConditions, },
-            bFilter
+            bFilter,
+            pageNum: isPagination ? props?.mesPageNum || 1 : undefined,
+            pageSize: isPagination ? props?.mesPageSize || 10 : undefined,
           },
           sModelTypes: props.parentProps,
-          isWait: true
+          isWait: true,
+          isPagination
         })) || {};
       props.setTempRef(result);
-
       if (tableName?.includes("master")) {
         const masterData = result[`${tableName}Data`];
         result[`${tableName}Data`] = masterData?.[0] || {};
@@ -2547,35 +2561,49 @@ const CommonTableComponent = props =&gt; {
     // }
     props.onTableBtnClick(params);
   };
-  const tableProps = {
-    ...baseProps,
-    tableBtnsConfig: btnsConfig,
-    // tableBtnsWidth: '100px',
-    // tableBtnsConfig: (params) => {
-    //   console.log('=====params', params);
-    //   return btnsConfig;
-    // },
-    onTableBtnClick,
-    tableProps: {
-      onChange: () => { },
-      rowKey: baseProps?.config?.sId === "17091154460006421964039036672000" ? 'sSlaveId' : 'sId'
-      // AutoTableHeight: 200
-    },
-    onViewClick: (tableName, sFieldName, record, index, config) => {
-      // 异常事件提报-提报信息-事件类型字段点击事件
-      if (tableName === "slave" && sFieldName === "sClassifyName") {
-        props.onTableBtnClick({
-          name: tableName,
-          record,
-          config
-        });
-      }
-    },
-    onViewChoose: (tableName, sFieldName, record, index, isColor) => {
-      handleViewChoose(tableName, sFieldName, record, index, isColor);
+  // const pagination = {
+  //   pageSize: commonConfig.pageSize,
+  //   ...slavePagination,
+  //   size: isSmall ? 'small' : 'large',
+  //   pageSizeOptions: commonConfig.pageSizeOptions,
+  //   showSizeChanger: !isSmall,
+  //   showQuickJumper: !isSmall,
+  // };
+    const { mesTotalCount , mesPageSize, mesPageNum, isPagination } = baseProps?.parentProps || {};
+    const tableProps = {
+      ...baseProps,
+      tableBtnsConfig: btnsConfig,
+      // tableBtnsWidth: '100px',
+      // tableBtnsConfig: (params) => {
+      //   console.log('=====params', params);
+      //   return btnsConfig;
+      // },
+      onTableBtnClick,
+      tableProps: {
+        onChange: () => { },
+        rowKey: baseProps?.config?.sId === "17091154460006421964039036672000" ? 'sSlaveId' : 'sId',
+        mesTotalCount,
+        mesPageSize,
+        mesPageNum,
+        isPagination,
+        // AutoTableHeight: 200
+      },
+      onViewClick: (tableName, sFieldName, record, index, config) => {
+        // 异常事件提报-提报信息-事件类型字段点击事件
+        if (tableName === "slave" && sFieldName === "sClassifyName") {
+          props.onTableBtnClick({
+            name: tableName,
+            record,
+            config
+          });
+        }
+      },
+      onViewChoose: (tableName, sFieldName, record, index, isColor) => {
+        handleViewChoose(tableName, sFieldName, record, index, isColor);
-    }
-  };
+      }
+    };
+  console.log("🚀 ~ CommonTableComponent ~ tableProps:", tableProps)
   const handleViewChoose = (tableName, sFieldName, record, index, isColor) => {
     if (isColor) {
       const { sId } = record; /* 控制表主键 */
@@ -68,7 +68,7 @@ const RouterComponent = props =&gt; {
   const selectedType = Object.keys(types).find(type =>
     sModelType?.includes(type)
   );
-  
+
   if (selectedType) {
     return types[selectedType]({ sModelsId: keyId, props });
   } else if (sModelsId === "12710101117126502477360") {
@@ -1080,7 +1080,7 @@ const ProductionExecContent0 = props =&gt; {
   } = props;
   const viewRowOld = {...workOrderInfoData[0], ...changeExecInfo,};
-  
+
   const newTableProps = {
     ...tableProps,
     data: tableProps.data.map((item, index) => {