上一页下一页数据请求期间新增loading；

zhangzzzz
1 parent a79b625f
Showing 9 changed files with 36 additions and 3 deletions
src/components/Common/CommonBase.js
src/components/Common/CommonBillDeliverEvent.js
src/components/Common/CommonBillEvent.js
src/components/Common/CommonCheckBillEvent.js
src/components/Common/CommonElementEvent.js
src/components/Common/CommonGroupBillEvent.js
src/components/Common/CommonNewBillEvent.js
src/components/Common/CommonNewTabBillEvent.js
src/components/Common/CommonSubBillEvent.js
@@ -4,7 +4,7 @@
  * Created by mar105 on 2019-02-15.
  */
  
-import React, { Component } from 'react';
+import React, { Component, useEffect } from 'react';
 import { message } from '@/utils/common/message';
 import moment from 'moment';
 import lodash from 'lodash';
@@ -592,6 +592,9 @@ export default (ChildComponent) =&gt; {
  
     /**   获取sql下拉数据   */
     getServiceError = async (returnData) => {
+      if (this.state.loading) {
+        this.handleSaveState({ loading: false });
+      }
       if (location.pathname.indexOf('/indexOee/') > -1) {
         this.props.dispatch({ type: 'app/throwErrorOee', payload: returnData });
       } else {
@@ -3458,8 +3461,28 @@ export default (ChildComponent) =&gt; {
             onExecInstructSet={this.handleExecInstructSet} // 调用指令集
             showCacheData={this.showCacheData}
           />
+          <div style={{ display: 'none' }} >
+            <CommonChangePageEvent  {...this.props} {...this.state} onSaveState={this.handleSaveState}/>
+          </div>
         </div>
       );
     }
   };
 };
+
+const CommonChangePageEvent = (props) => {
+
+  const { currentPageNo, currentId, masterData = {}, loading } = props;
+  const { sId } = masterData;
+
+  // 上一页下一页loading加载完成后，取消loading
+  useEffect(() => {
+    if (loading && currentPageNo && currentId && sId) {
+      if (currentId === sId) {
+        props.onSaveState({ loading: false });
+      }
+    }
+  }, [currentPageNo, sId]);
+
+  return null;
+}
@@ -2108,7 +2108,7 @@ export default (ChildComponent) =&gt; {
       if (!commonUtils.isNum(currentPosition)) { // 如果是列表直接点增加，就跳到第一条去
         currentPosition = 1;
       }
-
+      this.props.onSaveState({ loading: true });
       const value = {
         sClientType: '1', sFilterOrderBy, bFilter, sListFormmasterId, currentPosition, handleType, iCountSum: pages.total,
       };
@@ -2903,6 +2903,7 @@ export default (ChildComponent) =&gt; {
             return ;
           }
         }
+        this.props.onSaveState({ loading: true });
         const value = {
           sClientType: '1', sFilterOrderBy, bFilter, sListFormmasterId, currentPosition, handleType, iCountSum: pages?.total,
           sUpId: masterData?.sId,  sParentModelId :sSrcModelsId,
@@ -2937,6 +2938,7 @@ export default (ChildComponent) =&gt; {
         searchUpDownData: {},
         slaveSelectedRowKeys: [],
         sBillIdsArray,
+        loading: true,
       }, () =>  this.handleGetData(masterConfig, slaveConfig, checkConfig));
       return true;
     };
@@ -2367,6 +2367,7 @@ export default (ChildComponent) =&gt; {
       const value = {
         sClientType: '1', sFilterOrderBy, bFilter, sListFormmasterId, currentPosition, handleType, iCountSum: pages.total,
       };
+      this.props.onSaveState({ loading: true });
       const url = `${commonConfig.server_host}business/getBusinessDataByIndex?sModelsId=${sModelsId}`;
       /*   接收返回值   */
       const { data } = await commonServices.postValueService(token, value, url);
@@ -3081,6 +3081,7 @@ export default (ChildComponent) =&gt; {
           sClientType: '1', sFilterOrderBy, bFilter, sListFormmasterId, currentPosition, handleType, iCountSum: pages?.total,
           sUpId: masterData?.sId,  sParentModelId :sSrcModelsId,
         };
+        this.props.onSaveState({ loading: true });
         const url = `${commonConfig.server_host}business/getBusinessDataByIndex?sModelsId=${sModelsId}`;
         /*   接收返回值   */
         const { data } = await commonServices.postValueService(token, value, url);
@@ -3115,6 +3116,7 @@ export default (ChildComponent) =&gt; {
         searchUpDownData: {},
         slaveSelectedRowKeys: [],
         sBillIdsArray,
+        loading: true,
       }, () =>  this.handleGetTableData());
       return true;
     };
@@ -1742,6 +1742,7 @@ export default (ChildComponent) =&gt; {
       const value = {
         sClientType: '1', sFilterOrderBy, bFilter, sListFormmasterId, currentPosition, handleType, iCountSum: pages.total,
       };
+      this.props.onSaveState({ loading: true });
       const url = `${commonConfig.server_host}business/getBusinessDataByIndex?sModelsId=${sModelsId}`;
       /*   接收返回值   */
       const { data } = await commonServices.postValueService(token, value, url);
@@ -2265,6 +2265,7 @@ export default ChildComponent =&gt; {
           sUpId: masterData?.sId,
           sParentModelId: sSrcModelsId,
         };
+        this.props.onSaveState({ loading: true });
         const url = `${commonConfig.server_host}business/getBusinessDataByIndex?sModelsId=${sModelsId}`;
         /*   接收返回值   */
         const { data } = await commonServices.postValueService(token, value, url);
@@ -2296,6 +2297,7 @@ export default ChildComponent =&gt; {
           searchUpDownData: {},
           slaveSelectedRowKeys: [],
           sBillIdsArray,
+          loading: true
         },
         () => {
           this.handleGetData(masterConfig, slaveConfig, slave0Config, slave1Config, slave2Config, slave3Config, slave4Config);
@@ -2261,7 +2261,7 @@ export default (ChildComponent) =&gt; {
       if (!commonUtils.isNum(currentPosition)) { // 如果是列表直接点增加，就跳到第一条去
         currentPosition = 1;
       }
-
+      this.props.onSaveState({ loading: true });
       const value = {
         sClientType: '1', sFilterOrderBy, bFilter, sListFormmasterId, currentPosition, handleType, iCountSum: pages.total,
       };
@@ -2882,6 +2882,7 @@ export default (ChildComponent) =&gt; {
           sClientType: '1', sFilterOrderBy, bFilter, sListFormmasterId, currentPosition, handleType, iCountSum: pages.total,
           sUpId: masterData?.sId, sParentModelId :sSrcModelsId,
         };
+        this.props.onSaveState({ loading: true });
         const url = `${commonConfig.server_host}business/getBusinessDataByIndex?sModelsId=${sModelsId}`;
         /*   接收返回值   */
         const { data } = await commonServices.postValueService(token, value, url);
@@ -2912,6 +2913,7 @@ export default (ChildComponent) =&gt; {
         searchUpDownData: {},
         slaveSelectedRowKeys: [],
         sBillIdsArray,
+        loading: true,
       },
         () =>  {
           this.handleGetData(masterConfig, slaveConfig, checkConfig);