静态页面

src/components/ScrollPageRefresh/index.jsx

 
 export default function ScrollPageRefresh (props) {
 
-  const { IsEmpty = false, ApiName = '', ListRefresh = true, ListName = 'records', RequestParams = {}, RequestData = null, RequestUrlData = null, PageSize = 10, Refresh = () => { }, Push = () => { }, RefreshBg = 'none' } = props
+  const { KeepChildren = null, SearchKey = null, IsEmpty = false, ApiName = '', ListRefresh = true, ListName = 'records', RequestParams = {}, RequestData = null, RequestUrlData = null, PageSize = 10, Refresh = () => { }, Push = () => { }, RefreshBg = 'none' } = props
   const [IsPullUp, setIsPullUp] = useState(false)
   const [IsPullDown, setIsPullDown] = useState(false)
   const [HasNextPage, setHasNextPage] = useState(true)
     }
   }, [PageNum])
 
+  useEffect(() => {
+    console.log(props.children)
+  }, [])
+
+  useEffect(() => {
+    if (SearchKey !== null) {
+      OnRefresh()
+    }
+  }, [SearchKey])
+
   const GetPageList = (done = () => { }) => { // 获取列表
     let RequestBody = {
       ...apis[ApiName],
       })
     }
   }
-  
-  const [Reset] = useState(OnRefresh)
 
   const OnPullUp = () => {
     if (HasNextPage) {
     }
   }
 
-  useEffect(() => {
-    if (props.onEmit) {
-      props.onEmit(
-        // something
-      )
-    }
-  }, [])
-
   return (
     <view className='ScrollPageRefresh'>
       <ScrollPage IsEmpty={IsEmpty} ListRefresh={ListRefresh} OnRefresh={OnRefresh} IsPullUp={IsPullUp} IsPullDown={IsPullDown} OnPullUp={OnPullUp} HasMore={HasNextPage} RefreshBg={RefreshBg}>
+        {
+          KeepChildren
+        }
         {
           props.children
         }

src/components/WuYeBaoXiu/index.jsx

 
   return (
     <view className='WuYeBaoXiu'>
-      <ScrollPageRefresh IsEmpty={IsEmpty} ApiName={`getGongDanList`} ListName={`pagelist`} RequestUrlData={{ orgId: user.orgId }} RequestParams={{ type: 2 }} Refresh={Refresh} Push={Push}>
+      <ScrollPageRefresh
+        IsEmpty={IsEmpty}
+        ApiName={`getGongDanList`}
+        ListName={`pagelist`}
+        RequestUrlData={{ orgId: user.orgId }}
+        RequestParams={{ type: 2 }}
+        Refresh={Refresh}
+        Push={Push}
+        KeepChildren={
+          <view>
+            {/* 大图 */}
+            <view className='BigImg'>
+              {
+                BannerList.length > 0 &&
+                <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({ type: BannerList[0].contentType, id: BannerList[0].targetId })}></image>
+              }
+            </view>
 
-        {/* 大图 */}
-        <view className='BigImg'>
-          {
-            BannerList.length > 0 &&
-            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({type: BannerList[0].contentType, id: BannerList[0].targetId})}></image>
-          }
-        </view>
-
-        {/* 我要报修 */}
-        <view className='WoYaoBaoXiu'>
-          <view onClick={() => { Taro.navigateTo({ url: `/pages/WuYe/TianJiaBaoXiu/index` }) }}>
-            <text className='iconfont iconjia'></text>
-            <text>我要报修</text>
+            {/* 我要报修 */}
+            <view className='WoYaoBaoXiu'>
+              <view onClick={() => { Taro.navigateTo({ url: `/pages/WuYe/TianJiaBaoXiu/index` }) }}>
+                <text className='iconfont iconjia'></text>
+                <text>我要报修</text>
+              </view>
+            </view>
           </view>
-        </view>
-
+        }
+      >
         {/* 报修列表 */}
         <view className='List'>
           {
             ))
           }
         </view>
-
       </ScrollPageRefresh>
     </view>
   )

src/components/WuYeFuWu/index.jsx

     setPageList(PageList.concat(e))
   }
 
-  return (
-    <view className='WuYeFuWu'>
-      <ScrollPageRefresh IsEmpty={IsEmpty} ApiName={`getWuYeFuWuList`} Refresh={Refresh} Push={Push}>
+  const KeepChildren = () => {
+    return (
+      <view>
         {/* 大图 */}
         <view className='BigImg'>
           {
             BannerList.length > 0 &&
-            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({type: BannerList[0].contentType, id: BannerList[0].targetId})}></image>
+            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({ type: BannerList[0].contentType, id: BannerList[0].targetId })}></image>
           }
         </view>
 
             </view>
           </view>
         </view>
+      </view>
+    )
+  }
+
+  return (
+    <view className='WuYeFuWu'>
+      <ScrollPageRefresh
+        KeepChildren
+        IsEmpty={IsEmpty}
+        ApiName={`getWuYeFuWuList`}
+        Refresh={Refresh}
+        Push={Push}
+        KeepChildren={
+          <view>
+            {/* 大图 */}
+            <view className='BigImg'>
+              {
+                BannerList.length > 0 &&
+                <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({ type: BannerList[0].contentType, id: BannerList[0].targetId })}></image>
+              }
+            </view>
 
+            {/* 物业办事指南 */}
+            <view className='BanShiZhiNan'>
+              <text>物业办事指南</text>
+              <view className='flex-h'>
+                <view className='Line'><view></view></view>
+                <view className='flex-item'>
+                  <text>1、业主收楼手续办理</text>
+                  <text>2、物业转名手续办理</text>
+                  <text>3、业主卡、住户卡办理</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        }
+      >
         {/* 服务列表 */}
         <view className='List'>
           {

src/components/WuYeGongGao/index.jsx

 
   return (
     <view className='WuYeGongGao'>
-      <ScrollPageRefresh IsEmpty={IsEmpty} ApiName={`getGongGaoList`} RequestUrlData={{ orgId: user.orgId }} Refresh={Refresh} Push={Push}>
-
-        {/* 大图 */}
-        <view className='BigImg'>
-          {
-            BannerList.length > 0 &&
-            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({type: BannerList[0].contentType, id: BannerList[0].targetId})}></image>
-          }
-        </view>
-
+      <ScrollPageRefresh
+        IsEmpty={IsEmpty}
+        ApiName={`getGongGaoList`}
+        RequestUrlData={{ orgId: user.orgId }}
+        Refresh={Refresh}
+        Push={Push}
+        KeepChildren={
+          <view>
+            {/* 大图 */}
+            <view className='BigImg'>
+              {
+                BannerList.length > 0 &&
+                <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({ type: BannerList[0].contentType, id: BannerList[0].targetId })}></image>
+              }
+            </view>
+          </view>
+        }
+      >
         {/* 列表 */}
         <view className='List'>
           {
             ))
           }
         </view>
-
       </ScrollPageRefresh>
     </view>
   )

src/components/WuYeJiaoFei/index.jsx

     <view className='WuYeJiaoFei flex-v'>
       <view className='flex-item'>
         <view>
-          <ScrollPageRefresh IsEmpty={IsEmpty} ApiName={`getJiaoFeiList`} ListName={`list`} RequestUrlData={{ type: 0 }} Refresh={Refresh} Push={Push}>
-
-            {/* 大图 */}
-            <view className='BigImg'>
-              {
-                BannerList.length > 0 &&
-                <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({ type: BannerList[0].contentType, id: BannerList[0].targetId })}></image>
-              }
-            </view>
-
+          <ScrollPageRefresh
+            IsEmpty={IsEmpty}
+            ApiName={`getJiaoFeiList`}
+            ListName={`list`}
+            RequestUrlData={{ type: 0 }}
+            Refresh={Refresh}
+            Push={Push}
+            KeepChildren={
+              <view>
+                {/* 大图 */}
+                <view className='BigImg'>
+                  {
+                    BannerList.length > 0 &&
+                    <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => nav2detail({ type: BannerList[0].contentType, id: BannerList[0].targetId })}></image>
+                  }
+                </view>
+              </view>
+            }
+          >
             {/* 缴费列表 */}
             <view className='List'>
               <CheckboxGroup onChange={handleGroupChange}>
                 }
               </CheckboxGroup>
             </view>
-
           </ScrollPageRefresh>
         </view>
       </view>

src/pages/FuLi/ShangPinFilter/index.jsx

   const { user } = useModel('user')
   const [Key, setKey] = useState('')
   const [PageList, setPageList] = useState([])
-  const [Child, setChild] = useState(null)
+  const [SearchKey, setSearchKey] = useState('')
 
   const Refresh = (e) => { // 下拉刷新
     setPageList(e)
   }
 
   const SearchConfirm = () => {
-    console.log(Key)
-  }
-
-  const handleEvt = (...evts) => {
-    // 这里可以接受 evts
+    setSearchKey(Key)
   }
 
   return (
           </view>
         </view>
         <view className='flex-item'>
-          <ScrollPageRefresh ApiName={`getGoodsList`} Refresh={Refresh} Push={Push} onEmit={handleEvt}>
+          <ScrollPageRefresh SearchKey={SearchKey} RequestParams={{key: SearchKey}} ApiName={`getGoodsList`} Refresh={Refresh} Push={Push}>
             <view className='PirzeList'>
               {
                 PageList.map((item, index) => (

src/pages/FuLi/index.jsx

         {/* 正文 */}
         <view className='flex-item'>
           <view>
-            <ScrollPageRefresh ApiName={`getGoodsList`} Refresh={Refresh} Push={Push}>
-              <view className='FuLiContent'>
-
-                {/* 用户面板 */}
-                <view className='UserTab'>
-                  <view>
-                    <view className='Info flex-h'>
-                      <view className='Icon'>
+            <ScrollPageRefresh
+              ApiName={`getGoodsList`}
+              Refresh={Refresh}
+              Push={Push}
+              KeepChildren={
+                <view className='FuLiContent'>
+                  {/* 用户面板 */}
+                  <view className='UserTab'>
+                    <view>
+                      <view className='Info flex-h'>
+                        <view className='Icon'>
+                          {
+                            user !== null &&
+                            <image mode='aspectFill' src={user.avatarurl} class='centerLabel'></image>
+                          }
+                        </view>
+                        <view className='flex-item'>
+                          <text>{user === null ? '未登录' : user.nickname || '未授权用户信息'}</text>
+                          <text>积分{user === null ? '-' : user.points || 0}</text>
+                        </view>
                         {
-                          user !== null &&
-                          <image mode='aspectFill' src={user.avatarurl} class='centerLabel'></image>
+                          user.havaSigned !== undefined &&
+                          <text className={user.havaSigned - 0 === 1 ? '' : 'active'} onClick={ToSign}>{user.havaSigned - 0 === 1 ? '已签到' : '签到'}</text>
                         }
                       </view>
-                      <view className='flex-item'>
-                        <text>{user === null ? '未登录' : user.nickname || '未授权用户信息'}</text>
-                        <text>积分{user === null ? '-' : user.points || 0}</text>
-                      </view>
-                      {
-                        user.havaSigned !== undefined &&
-                        <text className={user.havaSigned - 0 === 1 ? '' : 'active'} onClick={ToSign}>{user.havaSigned - 0 === 1 ? '已签到' : '签到'}</text>
-                      }
-                    </view>
-                    <view className='Rule flex-h'>
-                      <view className='flex-item' onClick={() => { Taro.navigateTo({ url: '/pages/FuLi/JiFenGuiZe/index' }) }}>
-                        <text className='iconfont iconjifen'></text>
-                        <text>积分规则</text>
-                      </view>
-                      <view className='flex-item' onClick={() => { Taro.navigateTo({ url: '/pages/FuLi/JiFenMingXi/index' }) }}>
-                        <text className='iconfont iconjifenguize'></text>
-                        <text>积分明细</text>
+                      <view className='Rule flex-h'>
+                        <view className='flex-item' onClick={() => { Taro.navigateTo({ url: '/pages/FuLi/JiFenGuiZe/index' }) }}>
+                          <text className='iconfont iconjifen'></text>
+                          <text>积分规则</text>
+                        </view>
+                        <view className='flex-item' onClick={() => { Taro.navigateTo({ url: '/pages/FuLi/JiFenMingXi/index' }) }}>
+                          <text className='iconfont iconjifenguize'></text>
+                          <text>积分明细</text>
+                        </view>
                       </view>
                     </view>
                   </view>
-                </view>
 
-                {/* 搜索框 */}
-                <view className='SearchContainer'>
-                  <view onClick={() => { Taro.navigateTo({ url: `/pages/FuLi/ShangPinFilter/index` }) }}>
-                    <text className='iconfont iconsousuo'></text>
-                    <text>附近热搜：火锅</text>
+                  {/* 搜索框 */}
+                  <view className='SearchContainer'>
+                    <view onClick={() => { Taro.navigateTo({ url: `/pages/FuLi/ShangPinFilter/index` }) }}>
+                      <text className='iconfont iconsousuo'></text>
+                      <text>附近热搜：火锅</text>
+                    </view>
                   </view>
                 </view>
-
+              }
+            >
+              <view className='FuLiContent'>
                 {/* 积分礼品列表 */}
                 <view className='PirzeList'>
                   {
                     ))
                   }
                 </view>
-
               </view>
             </ScrollPageRefresh>
           </view>