--对接地址列表

src/components/AddressList/index.tsx

@@ -1,7 +1,8 @@
 
 import { Button, Navigator, ScrollView, Text, View } from "@tarojs/components"
-import { memo, useState } from "react"
+import { memo, useEffect, useState } from "react"
 import "./index.scss"
+import {addressListApi} from "@/api/addressManager"
 
 interface Params{
   refresherEnabled?: boolean,//是否开启刷新
@@ -11,13 +12,21 @@ interface Params{
 
 // 地址列表
 const AddressList = memo((props:Params)=>{
+  const {fetchData, state} = addressListApi()
+  // 获取数据
+  const getData = ()=>{
+    fetchData();
+  }
+  useEffect(()=>{
+    getData();
+  },[])
+
   // 处理刷新
   const [refreshState, setRefreshState] = useState(false);
-  const handleRefresh = ()=>{
+  const handleRefresh = async ()=>{
     setRefreshState(true);
-    setTimeout(()=>{
-      setRefreshState(false);
-    },500)
+    await fetchData();
+    setRefreshState(false);
   }
   const data = Array.from({length:15});
 
@@ -25,21 +34,24 @@ const AddressList = memo((props:Params)=>{
     <View className="address-scroll-view">
       <ScrollView scrollY refresherEnabled={props.refresherEnabled} enhanced refresherTriggered={refreshState} onRefresherRefresh={handleRefresh}>
         {
-          data.length>0?
-          data.map((item,index)=>{
+          state?.data?.list?.length>0?
+          state?.data?.list?.map((item,index)=>{
+          // data.length>0?
+          // data.map((item,index)=>{
             return(
-              <View onClick={()=>props.onSelect&&props.onSelect(item,index)} className={`address-list ${index==0&&'address-active'}`}>
+              <View onClick={()=>props.onSelect&&props.onSelect(item,index)} className={`address-list ${item.is_default&&'address-active'}`}>
                 <View className="address-user">
-                  XL纺织
+                  {item.name}
                   {
-                    index==0?<Text className="address-list-default">默认</Text>:
-                    <Text className="address-list-phone">1656488999</Text>
+                    item.is_default?<Text className="address-list-default">默认</Text>:
+                    <Text className="address-list-phone">{item.phone}</Text>
                   }
                 </View>
                 <View className="address-list-bottom">
                   <View className="address-list-info">
-                    **省**市**区**街道****仓库
-                    <Text className="address-list-phone">181****9790</Text>
+                    {/* **省**市**区**街道****仓库 */}
+                    {item.province_name+item.city_name+item.district_name} {item.address_detail}
+                    <Text className="address-list-phone">{item.phone}</Text>
                   </View>
                   <Navigator url="/pages/addressAdd/index?type=edit" hoverClass="none" className="address-edit">
                     <Text className="iconfont icon-bianji"></Text>