Merge branch 'dev1.0' of http://git.ycjcjy.com/civilized_city/miniapp into dev1.0

config/dev.js

     NODE_ENV: '"development"',
   },
   defineConstants: {
-    // HOST: '"http://127.0.0.1:9087"',
-    HOST: '"http://192.168.89.147:9087"',
+    HOST: '"http://127.0.0.1:9087"',
+    // HOST: '"http://192.168.89.147:9087"',
     AD_IMAGE: '"https://h5.njyunzhi.com/images/citizen_banner.png"',
     DEFAULT_POS: '"116.3476917447715,31.409912844296578"', // 霍山县人民政府 gcj02
     VERSION: '"1.1.13-20230325"',

src/components/PowerList/index.jsx

 import { View } from "@tarojs/components";
 import { PowerScrollView } from "@antmjs/vantui";
 import useShow from "@/layouts/hooks/useShow";
+import useHide from "@/layouts/hooks/useHide";
+import { throttle } from "@/utils/tools";
 
 export default React.forwardRef((props, ref) => {
-  const { request, params, renderItem, onLoadingChange, onDataChange } = props;
+  const { sid, request, params, renderItem, onLoadingChange, onDataChange } = props;
 
   const pageSize = 5;
-  const pageNumRef = React.useRef(0);
+  const pageShowRef = React.useRef(false);
   const [loading, setLoading] = React.useState(false);
   const [list, setList] = React.useState([]);
   const [finished, setFinished] = React.useState(true);
   const listRef = React.useRef([]);
-  const paramsRef = React.useRef();
   listRef.current = list;
-  paramsRef.current = params || {};
 
   const changeLoading = (val) => {
     setLoading(val);
     }
   };
 
-  const queryData = React.useCallback(
+  const queryData = React.useCallback(throttle(
     (options = {}) => {
       return new Promise((resolve, reject) => {
         changeLoading(true);
-        request({
+
+        const queryParams = {
           pageSize,
-          ...paramsRef.current,
           ...options,
-        })
+        }
+
+        request(queryParams)
           .then((res) => {
-            const { records, current, pages } = res;
+            const { records, current, total } = res;
 
             let dataset =
               current == 1
             }
             setList(dataset);
 
-            setFinished(current >= pages);
+            setFinished(dataset.length >= total);
             changeLoading(false);
             resolve();
+
+            // 写入缓存
+            Taro.setStorage({
+              key: `list-${sid}`,
+              data: JSON.stringify({
+                params: queryParams,
+              }),
+            })
+
           })
           .catch((err) => {
             changeLoading(false);
             reject(err);
           });
       });
-    },
+    }),
     []
   );
 
-  const refresh = React.useCallback(() => {
-    console.log(pageNumRef);
-    pageNumRef.current = 1;
-
-    queryData({ pageNum: pageNumRef.current });
-    console.log("refresh" + pageNumRef.current);
-  }, [queryData]);
+  const refresh = React.useCallback((options = {}) => {
+    queryData({ ...options, pageNum: 1 });
+  }, []);
 
   const onScrollToLower = React.useCallback(
-    (event = 0, isRefresh = false) => {
-      console.log("onScrollToLower" + pageNumRef.current);
-      pageNumRef.current += 1;
-      queryData({ pageNum: pageNumRef.current });
+    (page) => {
+      const currentPage = Math.ceil(page / pageSize);
+      queryData({ pageNum: currentPage + 1, ...(params || {}) });
     },
-    []
+    [params]
   );
 
   useShow(() => {
-    refresh();
+    pageShowRef.current = true;
+
+    const paramStr = Taro.getStorageSync(`list-${sid}`);
+    const finalParams = paramStr ? JSON.parse(paramStr).params : { ...params || {} };
+
+    // 如果已经加载多页数据
+    // 那么需要重新加载
+    if (finalParams.pageNum && finalParams.pageNum > 1) {
+      finalParams.pageSize = finalParams.pageNum * finalParams.pageSize;
+      finalParams.pageNum = 1;
+    }
+
+    refresh(finalParams);
   });
 
+  useHide(() => {
+    pageShowRef.current = false;
+    Taro.removeStorageSync(`list-${sid}`);
+  });
   
+  // 页面隐藏之后, 还会执行一次 useEffect
+  // 不知道是否是 Taro 的 bug
   React.useEffect(() => {
-    refresh();
-  }, [refresh, params]);
+    if (pageShowRef.current) {
+      refresh(params);
+    }
+  }, [params]);
 
   React.useImperativeHandle(ref, () => ({
-    refresh,
+    refresh: () => refresh(params),
     updateData: (dt) => setList(dt),
-  }));
+  }), [params]);
  
-
   return (
     <PowerScrollView
       scrollY

src/layouts/hooks/useHide.js

 import React from "react";
-import evtBus from '@/utils/event_bus';
+import Taro from '@tarojs/taro';
 
 /**
  * 页面显示, 隐藏 hook, 可以在 component 中使用
  */
-export default (fn, deps) => {
+export default (fn) => {
   const fnRef = React.useRef();
   fnRef.current = fn;
 
-  const [evt, func] = React.useMemo(() => {
-    const evt1 = evtBus.current();
-    const func1 = () => fnRef.current();
+  const evt = React.useMemo(() => {
+    const _evt = Taro.getCurrentInstance().router.onHide;
+    Taro.eventCenter.on(_evt, fnRef.current);
 
-    evt1.addEventListener('hide', func1);
-    evt1.addEventListener('unload', func1);
-
-    return [
-      evt1,
-      func1,
-    ];
+    return _evt;
   }, []);
 
   React.useEffect(() => {
-    evt.addEventListener('hide', func);
-    evt.addEventListener('unload', func);
-
     return () => {
-      evt.removeEventListener('hide', func);
-      evt.removeEventListener('unload', func);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
+      fnRef.current(); // 卸载的时候也执行一次
+      Taro.eventCenter.off(evt, fnRef.current);
+    }
+  }, []);
 }
+

src/layouts/hooks/useShow.js

 import React from "react";
-import evtBus from '@/utils/event_bus';
+import Taro from '@tarojs/taro';
 
 /**
  * 页面显示, 隐藏 hook, 可以在 component 中使用
  */
-export default (fn, deps) => {
+export default (fn) => {
   const fnRef = React.useRef();
   fnRef.current = fn;
 
-  const [evt, func] = React.useMemo(() => {
-    const evt1 = evtBus.current();
-    const func1 = () => console.log('--show-->') || fnRef.current();
+  const evt = React.useMemo(() => {
+    const _evt = Taro.getCurrentInstance().router.onShow;
+    Taro.eventCenter.on(_evt, fnRef.current);
 
-    evt1.addEventListener('show', func1);
-
-    return [
-      evt1,
-      func1,
-    ];
+    return _evt;
   }, []);
 
   React.useEffect(() => {
-    evt.addEventListener('show', func);
-
     return () => {
-      evt.removeEventListener('show', func);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
+      Taro.eventCenter.off(evt, fnRef.current);
+    }
+  }, []);
 }

src/layouts/index.jsx

 import { Loading, Notify, Dialog } from '@antmjs/vantui';
 import NavLoading from '@/components/NavLoading';
 import Auth from '@/components/Auth';
-import evtBus from '@/utils/event_bus';
 import TabBar from './TabBar';
 import laySty from './layout.module.less';
 
   const { person, user, duty } = useModel('user');
   const containerClass = `${laySty['page-conatiner']} ${tabBar ? laySty['with-tabbar'] : ''} ${className}`;
 
-  const evt = React.useMemo(() => {
-    return evtBus.current();
-  }, []);
-
   React.useEffect(() => {
     if (person && !user) {
       const currentPage = Taro.getCurrentPages().slice().pop();
     };
   });
 
-  Taro.useDidShow(() => {
-    // useDidShow 比 React Hook 要早
-    // 所以使用 nextTick
-    Taro.nextTick(() => {
-      evt.dispatchEvent('show');
-    });
-  });
-
-  Taro.useDidHide(() => {
-    Taro.nextTick(() => {
-      evt.dispatchEvent('hide');
-    });
-  })
-
-  Taro.useUnload(() => {
-    Taro.nextTick(() => {
-      evt.dispatchEvent('unload');
-    });
-  })
-
   return (
       <View className={laySty['page-wrapper']}>
         <Notify id="vanNotify" />

src/pages/apply/list/index.jsx

   overflow: "hidden",
 };
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+const sid2 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
   const router = Taro.useRouter();
   const { title, applyType = "" } = router.params;
       <Tabs sticky>
         <Tab title="督查员" style={tabStyle}>
           <PowerList
+            sid={sid1}
             request={getTaIssueApply}
             params={{ applyType, sourceType: "inspector", duty, issueId }}
             renderItem={(item) => (
         </Tab>
         <Tab title="市民" style={tabStyle}>
           <PowerList
+            sid={sid2}
             request={getTaIssueApply}
             params={{ applyType, sourceType: "feedback", duty }}
             renderItem={(item) => (

src/pages/check/list/index.jsx

 import Card from './components/Card';
 
 const queryParams = {isValid: true};
+const sid1 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
 
   const onClick = (typ, item) => {
   return (
     <Page roles={[ROLE_INSPECTOR]}>
       <PowerList
+        sid={sid1}
         request={getTaCheck}
         params={queryParams}
         renderItem={item => (

src/pages/check/loc/list/index.jsx

 import { getTaCheckItem } from '@/services/tacheckitem';
 import { ROLE_INSPECTOR } from '@/utils/user';
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
 
   const router = Taro.useRouter();
   return (
     <Page loading={loading} roles={[ROLE_INSPECTOR]}>
       <PowerList
+        sid={sid1}
         request={getTaCheckItem}
         params={params}
         renderItem={item => {

src/pages/checkStand/list/index.jsx

 import { getTaCheckStand } from "@/services/tacheckstand";
 import { ROLE_INSPECTOR } from "@/utils/user";
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
   const router = Taro.useRouter();
   const { checkId } = router.params;
   return (
     <Page tabBar="check" loading={loading}>
       <PowerList
+        sid={sid1}
         request={getTaCheckStand}
         params={params}
         renderItem={(item) => {

src/pages/feedback/issuelist/index.jsx

 import { getTaFeedback } from '@/services/tafeedback';
 import { getIssueStatus } from '@/utils/biz';
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
 
   const router = Taro.useRouter();
   return (
     <Page>
       <PowerList
+        sid={sid1}
         request={getTaFeedback}
         params={{bizStatus, isMine: true}}
         renderItem={(item) => (

src/pages/home/components/StatCard.jsx

   const { duty } = props;
 
   const [list, setList] = React.useState([]);
+  const dutyRef = React.useRef();
+  dutyRef.current = duty;
 
   const classNames = React.useMemo(() => {
     return [
   }), [duty]);
 
   useShow(() => {
-    if (duty) {
-      getIndexData(duty).then(setList);
+    if (dutyRef.current) {
+      getIndexData(dutyRef.current).then(setList);
     }
-  }, [duty]);
+  });
 
   return (
     <View className={classNames}>

src/pages/issue/list/index.jsx

   overflow: 'hidden',
 }
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+const sid2 = Math.random().toString(36).substring(2, 8);
+const sid3 = Math.random().toString(36).substring(2, 8);
+const sid4 = Math.random().toString(36).substring(2, 8);
+const sid5 = Math.random().toString(36).substring(2, 8);
+const sid6 = Math.random().toString(36).substring(2, 8);
+
 // 只有督查员能看到当前页面
 export default (props) => {
   // const { user } = useModel('user');
         <Tab title="全部" style={tabStyle}>
           {active == 0 && (
             <PowerList
+              sid={sid1}
               request={getTaIssue}
               params={{ mine }}
               renderItem={(item) => (
         <Tab title="未交办" style={tabStyle}>
         {active == 1 && (
           <PowerList
+            sid={sid2}
             request={getTaIssue}
             params={{ mine, bizStatus: PROCESS_START }}
             renderItem={(item) => (
         <Tab title="已交办" style={tabStyle}>
           {active == 2 && (
           <PowerList
+            sid={sid3}
             request={getTaIssue}
             params={{ mine, bizStatus: PROCESS_ASSIGNED }}
             renderItem={(item) => (
         <Tab title="已办结" style={tabStyle}>
           {active == 3 && (
           <PowerList
+            sid={sid4}
             request={getTaIssue}
             params={{ mine, bizStatus: PROCESS_END }}
             renderItem={(item) => (
         <Tab title="已逾期" style={tabStyle}>
           {active == 4 && (
           <PowerList
+            sid={sid5}
             request={getTaIssue}
             params={{ mine, bizStatus: 'expired' }}
             renderItem={(item) => (
         <Tab title="已打回" style={tabStyle}>
           {active == 5 && (
           <PowerList
+            sid={sid6}
             request={getTaIssue}
             params={{ mine, bizStatus: 'reject' }}
             renderItem={(item) => (

src/pages/issue/list2/index.jsx

   overflow: "hidden",
 };
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+const sid2 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
   const router = Taro.useRouter();
   const { title, bizStatus = "", mine = "" } = router.params;
       <Tabs sticky>
         <Tab title="督查员" style={tabStyle}>
           <PowerList
+            sid={sid1}
             request={getTaIssue}
             params={{ bizStatus, mine, sourceType: "inspector", issueId }}
             renderItem={(item) => (
         </Tab>
         <Tab title="市民" style={tabStyle}>
           <PowerList
+            sid={sid2}
             request={getTaIssue}
             params={{ bizStatus, mine, sourceType: "feedback" }}
             renderItem={(item) => (

src/pages/message/list/index.jsx

 import { useModel } from '@/store';
 import Card from './components/Card';
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+// const sid2 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
   const { duty } = useModel('user');
   
   return (
     <Page>
       <PowerList
+        sid={sid1}
         request={getTaMessage}
         renderItem={(item) => (
           <Card key={item.msgId} item={item} duty={duty} />

src/pages/notice/index.jsx

 import { getTaNotice } from '@/services/tanotice';
 import Card from './components/Card/index';
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+// const sid2 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
 
   const [loading, setLoading] = React.useState(false);
   return (
     <Page tabBar="notice">
       <PowerList
+        sid={sid1}
         request={getTaNotice}
         params={{status: 1}}
         renderItem={(item) => (

src/pages/org/issue/list/index.jsx

   overflow: "hidden",
 };
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+const sid2 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
   const router = Taro.useRouter();
   const { title, bizStatus, color } = router.params;
       <Tabs sticky>
         <Tab title="督查员" style={tabStyle}>
           <PowerList
+            sid={sid1}
             request={getTaOrgIssue}
             params={{ bizStatus, sourceType: "inspector" ,issueId}}
             renderItem={(item) => (
         </Tab>
         <Tab title="市民" style={tabStyle}>
           <PowerList
+            sid={sid2}
             request={getTaOrgIssue}
             params={{ bizStatus, sourceType: "feedback" }}
             renderItem={(item) => (

src/pages/user/list/index.jsx

 import { getSysUser, deleteSysUser } from "@/services/sysuser";
 import styles from "./index.module.less";
 
+const sid1 = Math.random().toString(36).substring(2, 8);
+// const sid2 = Math.random().toString(36).substring(2, 8);
+
 export default (props) => {
   const [loading, setLoading] = React.useState(false);
   const listRef = React.useRef();
       <view className={styles["user-warpper"]}>
         <view className={styles["user-warpper-list"]}>
           <PowerList
+            sid={sid1}
             ref={listRef}
             request={getSysUser}
             onLoadingChange={setLoading}

src/utils/tools.js

+
+// @fn 是对应请求数据
+// @ms 是用户多次触发事件的时间间隔 是一个毫秒数
+export function throttle(fn, ms = 800){
+  let flag = true;
+
+  return (...args) => {
+    console.log('-----flag----', flag);
+    if(!flag) return;
+
+    flag = false;
+    
+    const t = setTimeout(()=>{
+      clearTimeout(t);
+      flag = true
+    }, ms);
+
+    return fn(...args);
+  }
+}