--对接地址列表

src/pages/addressAdd/index.scss

@@ -8,6 +8,28 @@
     font-weight: 700;
     color: #000000;
   }
+  .add-address-default-active{
+    width: 50px;
+    height: 50px;
+    background: #007aff;
+    border-radius: 50%;
+    display: flex;align-items: center;
+    justify-content: center;
+    font-size: 45px;
+    color: white;
+    box-sizing: border-box;
+  }
+  .add-address-default-active text{
+    font-size: 35px;
+  }
+  .add-address-default-noactive{
+    width: 50px;
+    height: 50px;
+    border: 2px solid #707070;
+    border-radius: 50%;
+    box-sizing: border-box;
+    display: flex;align-items: center;justify-content: center;
+  }
 
   .add-address-save{
     width: 668px;

src/pages/addressAdd/index.tsx

@@ -1,11 +1,12 @@
 
-import { retrieval } from "@/common/common"
+import { alert, retrieval } from "@/common/common"
 import Address from "@/components/address"
 import FromList from "@/components/FromList"
 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} from "@/api/addressManager"
 
 export default ()=>{
   const [showSiteModal, setShowSiteModal] = useState(false);
@@ -21,16 +22,45 @@ export default ()=>{
   const handleSelectSite = ()=>{
     setShowSiteModal(true);
   }
-
+  const {fetchData, state} = addressAddApi()
   // 保存
-  const [formData, setFormData] = useState({
-    aa: "1",
-    bb:"2",
-    cc:"aa",
-    dd:"d"
+  const [formData, setFormData] = useState(new Proxy({
+    name: "",
+    phone:"",
+    site:"",
+    district_id:"",
+    address_detail: "",
+    is_default: false
+  }, {
+    get: function (target, propKey, receiver) {
+      
+      return Reflect.get(target, propKey, receiver);
+    },
+    set: function (target, propKey, value, receiver) {
+      console.log("进来了");
+
+      return Reflect.set(target, propKey, value, receiver);
+    }
+  }))
+  Taro.enableAlertBeforeUnload({
+    message: "编辑末保存",
+
   })
-  const handleSave = ()=>{
-    Taro.navigateBack();
+  
+
+  const handleSave = async ()=>{
+    if(hozon){
+      await fetchData({
+        name: formData.name,
+        phone:formData.phone,
+        site:formData.site,
+        district_id:formData.district_id,
+        address_detail: formData.address_detail,
+      });
+      // Taro.navigateBack();
+    }else{
+      alert.error("请完善表单！")
+    }
   }
   const [hozon, setHozon] = useState(false);
   useEffect(()=>{
@@ -41,13 +71,18 @@ export default ()=>{
 
   return (
     <View className="add-address">
-      <FromList value={formData["aa"]} label="联系人" placeholder="请输入收货人姓名"/>
-      <FromList value={formData["bb"]} label="联系方式" placeholder="请输入收货人姓名"/>
-      <FromList value={formData["cc"]} onClick={handleSelectSite} label="收货地址" type="select" placeholder="请选择/省/市/区"/>
-      <FromList value={formData["dd"]} label="详细地址" type="textarea" placeholder="请输入详细地址（街道、门牌号等）"/>
+      <FromList onInput={(ev:any)=>setFormData({...formData,name:ev.detail.value})} value={formData["name"]} label="联系人" placeholder="请输入收货人姓名"/>
+      <FromList onInput={(ev:any)=>setFormData({...formData,phone:ev.detail.value})} value={formData["phone"]} label="联系方式" placeholder="请输入联系方式"/>
+      <FromList value={formData["site"]} onClick={handleSelectSite} label="收货地址" type="select" placeholder="请选择/省/市/区"/>
+      <FromList onInput={(ev:any)=>setFormData({...formData,address_detail:ev.detail.value})} value={formData["address_detail"]} label="详细地址" type="textarea" placeholder="请输入详细地址（街道、门牌号等）"/>
       <View className="add-address-default">
         <Text>设为默认地址</Text>
-        <View>1</View>
+        <View onClick={()=>setFormData({...formData ,is_default: !formData.is_default})}>
+          {
+            formData.is_default?<View className="add-address-default-active"><Text className="iconfont icon-tick"/></View>
+            :<View className="add-address-default-noactive"></View>
+          }
+        </View>
       </View>
       
       <Button style={{"background": hozon?'#007aff':''}} hoverClass="none" className={`add-address-save`} onClick={handleSave}>