--地址管理完成

src/api/addressManager.ts

@@ -32,3 +32,25 @@ import { useRequest } from "@/use/useHttp"
       method: "get",
   })
 }
+
+/**
+ *  地址编辑
+ * @returns 
+ */
+ export const addressEditApi = () => {
+  return useRequest({
+      url: `/v1/mall/address`,
+      method: "put",
+  })
+}
+
+/**
+ *  地址删除
+ * @returns 
+ */
+ export const addressDeleteApi = () => {
+  return useRequest({
+      url: `/v1/mall/address`,
+      method: "delete",
+  })
+}

src/common/constant.js

@@ -8,7 +8,7 @@
 export const BASE_URL = `http://192.168.1.30:40001/lymarket` // 发
 // export const BASE_URL = `https://dev.zzfzyc.com/lymarket`  // 开发环境
 // export const BASE_URL = `https://www.zzfzyc.com/lymarket`  // 正式环境
-// export const BASE_URL = `http://192.168.1.165:40001/lymarket` // 王霞
+// export const BASE_URL = `http://192.168.1.4:40001/lymarket` // 王霞
 // export const BASE_URL = `http://192.168.1.224:50002/lymarket` // 添
 
 // CDN

src/components/AddressList/index.scss

@@ -22,6 +22,9 @@
     border: 1px solid #68b4ff;
     box-shadow: 0px 0px 10px 0px rgba(0,122,255,0.27); 
   }
+  .address-list:first-child{
+    margin-top: 0;
+  }
   .address-list:last-child{
     margin-bottom: 300px;
   }

src/components/AddressList/index.tsx

@@ -2,7 +2,9 @@
 import { Button, Navigator, ScrollView, Text, View } from "@tarojs/components"
 import { memo, useEffect, useState } from "react"
 import "./index.scss"
-import {addressListApi} from "@/api/addressManager"
+import {addressListApi,addressDeleteApi} from "@/api/addressManager"
+import { alert } from "@/common/common"
+import Taro, { showModal } from "@tarojs/taro"
 
 interface Params{
   refresherEnabled?: boolean,//是否开启刷新
@@ -33,8 +35,12 @@ const AddressList = memo((props:Params)=>{
   }
   useEffect(()=>{
     getData();
+    // 监听刷新
+    Taro.eventCenter.on("addressList:refresh", getData);
+    return ()=>{
+      Taro.eventCenter.off("addressList:refresh", getData);
+    }
   },[])
-
   // 处理刷新
   const [refreshState, setRefreshState] = useState(false);
   const handleRefresh = async ()=>{
@@ -52,6 +58,25 @@ const AddressList = memo((props:Params)=>{
       setFocusId(item?.id);
     }
   }
+  // 删除地址
+  const {fetchData: deleteFetch} = addressDeleteApi()
+  const handleDelete = (item:any)=>{
+    showModal(({
+      title: "提示",
+      content: "是否删除地址？",
+      async success(ev){
+        if(ev.confirm){
+          const result = await deleteFetch({id:item.id});
+          if(result.success){
+            alert.success("删除成功");
+            getData();
+          }else{
+            alert.success(result.msg);
+          }
+        }
+      }
+    }))
+  }
 
   return (
     <View className="address-scroll-view">
@@ -62,7 +87,7 @@ const AddressList = memo((props:Params)=>{
           // data.length>0?
           // data.map((item,index)=>{
             return(
-              <View onClick={()=>handleSelect(item,index)} className={`address-list ${focusId==item.id&&'address-active'}`}>
+              <View onLongPress={()=>handleDelete(item)} onClick={()=>handleSelect(item,index)} className={`address-list ${focusId==item.id&&'address-active'}`}>
                 <View className="address-user">
                   {item.name}
                   {
@@ -75,7 +100,7 @@ const AddressList = memo((props:Params)=>{
                     {/* **省**市**区**街道****仓库 */}
                     {item.province_name+item.city_name+item.district_name} {item.address_detail}
                     {
-                      item.is_default&&<Text className="address-list-phone">{item.phone}</Text>
+                      item.is_default&&<Text className="address-list-phone">{item.phone.replace(item.phone.substring(3,7), "****")}</Text>
                     }
                   </View>
                   <Navigator url={`/pages/addressAdd/index?type=edit&id=${item.id}`} hoverClass="none" className="address-edit">

src/pages/addressAdd/index.tsx

@@ -6,7 +6,7 @@ import { Button, Input, Text, Textarea, View } from "@tarojs/components"
 import Taro, { setNavigationBarTitle, useRouter } from "@tarojs/taro"
 import { useEffect, useState } from "react"
 import "./index.scss"
-import {addressAddApi, addressDetailApi} from "@/api/addressManager"
+import {addressAddApi, addressDetailApi,addressEditApi} from "@/api/addressManager"
 
 export default ()=>{
   const [showSiteModal, setShowSiteModal] = useState(false);
@@ -15,7 +15,7 @@ export default ()=>{
     if(type=="add"){
       setNavigationBarTitle({title:"新增收货地址"})
     }else{
-      // initalFormData();
+      initalFormData();
       setNavigationBarTitle({title:"编辑收货地址"})
     }
   },[])
@@ -23,19 +23,24 @@ export default ()=>{
   const {fetchData: getFromData} = addressDetailApi()
   const initalFormData = async ()=>{
     const detail = await getFromData({id});
-    const siteArray = []
-    // setFormData({
-    //   name: detail.data.name,
-    //   phone: detail.data.phone,
-    //   site: detail.data.,
-    //   siteArray: [],
-    //   district_id: detail.data.district_id,
-    //   address_detail: detail.data.address_detail,
-    //   is_default: false
-    // })
+    const { province_id,province_name,city_id,city_name,district_id,district_name } = detail.data;
+    const siteArray = [{id: province_id, name: province_name}];
+    city_id&&siteArray.push({id: city_id, name: city_name});
+    district_id&&siteArray.push({id: district_id, name: district_name});
+    setFormData({
+      name: detail.data.name,
+      phone: detail.data.phone,
+      site: siteArray.map(item=>item.name).join(" "),
+      siteArray: siteArray as any,
+      district_id: detail.data.district_id,
+      address_detail: detail.data.address_detail,
+      is_default: detail.data.is_default,
+      id: detail.data.id,
+    })
   }
   
-  const {fetchData, state} = addressAddApi()
+  const {fetchData} = addressAddApi()
+  const {fetchData: editFetch} = addressEditApi()
   // 保存
   const [formData, setFormData] = useState({
     name: "",
@@ -44,7 +49,8 @@ export default ()=>{
     siteArray: [],
     district_id:"",
     address_detail: "",
-    is_default: false
+    is_default: false,
+    id: 0
   })
   const rules = {
     name: [{
@@ -62,20 +68,27 @@ export default ()=>{
   }
   const handleSave = ()=>{
     retrieval(formData, rules).then(async ()=>{
-      const result = await fetchData({
+      const result = type=="add"?await fetchData({
         name: formData.name,
         phone:formData.phone,
-        site:formData.site,
         district_id:formData.district_id,
         address_detail: formData.address_detail,
         is_default: formData.is_default
+      }):await editFetch({
+        name: formData.name,
+        phone:formData.phone,
+        district_id:formData.district_id,
+        address_detail: formData.address_detail,
+        is_default: formData.is_default,
+        id: formData.id
       });
       if(result.success){
-        alert.success("保存成功")
+        Taro.eventCenter.trigger("addressList:refresh");
+        Taro.navigateBack();
+        alert.success("保存成功");
       }else{
         alert.error(result.msg);
       }
-      // Taro.navigateBack();
     }).catch((message)=>{
       alert.none(message)
     })
@@ -89,8 +102,6 @@ export default ()=>{
   },[formData])
   // 设置选择地址
   const handleSetSite = (ev:any)=>{
-    console.log(ev);
-    
     if(ev.length>=3){
       setFormData({
         ...formData,
@@ -123,7 +134,7 @@ export default ()=>{
       <Button style={{"background": hozon?'#007aff':''}} hoverClass="none" className={`add-address-save`} onClick={handleSave}>
         保存
       </Button>
-      <Address addressOnSelect={handleSetSite}  defaultValue={[ {name: "广东省", id: 193, level: 2}, {name: "佛山市", id: 202, level:3}, {name: "高明区", id: 204, level:4}]} addressOnClose={()=>setShowSiteModal(false)} show={showSiteModal}/>
+      <Address addressOnSelect={handleSetSite}  defaultValue={formData.siteArray} addressOnClose={()=>setShowSiteModal(false)} show={showSiteModal}/>
     </View>
   )
 }