--预存款部分完成

src/pages/depositList/index.config.ts

@@ -1,3 +1,4 @@
 export default {
-  navigationBarTitleText: '收支明细'
+  navigationBarTitleText: '收支明细',
+  enableShareAppMessage: true,
 }

src/pages/depositList/index.tsx

@@ -1,71 +1,45 @@
 
 import AddressList from "@/components/AddressList"
-import InfiniteScroll from "@/components/infiniteScroll"
+import InfiniteScrollPaging from "@/components/InfiniteScrollPaging"
 import { Button, Canvas, ScrollView, Text, View } from "@tarojs/components"
 import Taro, { useReady } from "@tarojs/taro"
-import { useEffect, useState } from "react"
-import {creditListApi} from "@/api/creditLine"
+import { useCallback, useEffect, useState } from "react"
+import { depositListApi } from "@/api/deposit"
 import "./index.scss"
+import { formatDateTime, formatPriceDiv } from "@/common/fotmat"
 
 export default ()=>{
-  useEffect(()=>{
-    getData();
+  const {fetchData, state} = depositListApi();
+  // 渲染（数据）
+  const [data, setData] = useState({
+    list: [],
+    total: 0
+  });
+  // 数据更新
+  const handleChange = useCallback((result)=>{
+    setData({
+      list: result.data.list,
+      total: result.data.total
+    })
   }, [])
-  const {fetchData, state} = creditListApi();
-  const data = Array.from({length: 10});
-  const getData = async ()=>{
-    fetchData();
-  }
-  // 刷新
-  const [refreshData, setRefreshData] = useState({
-    refreshStatus: false,
-    moreStatus: false,
-    statusMore: 1
-  })
-  const handleRefresh = async ()=>{
-    setRefreshData({
-      ...refreshData,
-      refreshStatus: true
-    })
-    
-
-    setTimeout(()=>{
-      setRefreshData({
-        ...refreshData,
-        refreshStatus: false
-      })
-    }, 3000)
-  }
-  const handleMoreLoad = async ()=>{
-    setRefreshData({
-      ...refreshData,
-      moreStatus: true
-    })
-
-    // setTimeout(()=>{
-    //   setRefreshData({
-    //     ...refreshData,
-    //     moreStatus: false
-    //   })
-    // },3000)
-  }
 
   return (
     <View className="credit-used">
-      <InfiniteScroll refresherEnabled={true} refresherTriggered={refreshData.refreshStatus} moreStatus={refreshData.moreStatus} 
-      selfOnRefresherRefresh={handleRefresh} selfonScrollToLower={handleMoreLoad} statusMore={refreshData.statusMore as any}>
+      <InfiniteScrollPaging fetchData={fetchData} change={handleChange}>
         {
-          data.map((item,index)=>{
+          data.list?.map((item,index)=>{
             return (
               <View key={index} className="credit-used-list">
                 <View className="credit-used-list-left">
-                  <View className="credit-used-list-type">下单</View>
-                  <View className="credit-used-list-date">2022-04-24 16:10:11</View>
+                  <View className="credit-used-list-type">{(item as any).type_name}</View>
+                  <View className="credit-used-list-date">{formatDateTime((item as any).create_time)}</View>
 
                 </View>
                 <View className="credit-used-list-right">
                   <View>
-                    <View className={`credit-used-list-price ${index%2==0?'green':'red'}`}>-999,999.00</View>
+                    <View className={`credit-used-list-price ${(item as any).amount_received_this_time>0?'red':'green'}`}>
+                      {(item as any).amount_received_this_time>0&&"+"}{formatPriceDiv((item as any).amount_received_this_time)}
+                    </View>
                     <View className="credit-used-list-orderno">处理中</View>
                   </View>
                   <Text className="iconfont icon-a-moreback"></Text>
@@ -76,7 +50,7 @@ export default ()=>{
         }
         {/* {data.length>0&&<View className="credit-used-list"></View>} */}
         <View className="credit-used-list"></View>
-      </InfiniteScroll>
+      </InfiniteScrollPaging>
     </View>
   )
 }