完成地址管理新增、删除、编辑、设置默认地址，修改navbar组件

Liuyi

2024-09-29 0560eed4a389f806dc3254a526e929e8476c868a

 pages/address/index.vue

@@ -1,17 +1,14 @@
<script setup>
   import { ref ,onMounted } from 'vue'
   import { searchAddress } from '../../api/index.js';
   import { searchAddress,editAddress,setAddressDefaultApi,deleteAddressApi } from '../../api/index.js';
   import { onShow } from "@dcloudio/uni-app"
   const addressList = ref([])
   async function getAddressList(){
      await searchAddress({limit:100,page:1}).then((res) =>{
         if(res.code == 200){
            res.data.list.forEach((item) =>{
                res.data.list.forEach((item) =>{
                   if(item.isDefault == 1){
                      item.isDefault = true
                   }else{
                      item.isDefault = false
                   }
                   item.isDefault = item.isDefault == 1 ? true : false
                  item.addressWhole = item.regionName.replace(/[,#]/g,' ') + item.address
                })
            })
@@ -19,14 +16,49 @@
         }
      })
   }
   function navTo(){
      let title = '新增地址'
      let id = 0
      uni.navigateTo({
         url:'/pages/addressAdd/index'
   async function setDefault(isDefault,id,index1){
      if(isDefault == true){
         console.log('true')
      }else{
         console.log('false')
         await setAddressDefaultApi(id).then((res) =>{
            if(res.code == 200){
               getAddressList()
            }else{
               uni.showToast({
                  title: '设置失败',
                  image: '../../static/images/other/success.svg',
                  duration:500     
               })
            }
         })
      }
   }
   async function deleteAddress(id){
      await deleteAddressApi(id).then((res) =>{
         if(res.code == 200){
            uni.showToast({
               title: '删除成功',
               image: '../../static/images/other/success.svg',
               duration:500     
            })
            getAddressList()
         }
      })
   }
   onMounted(()=>{
	
   function navToModify(id){
      uni.navigateTo({
         url:`/pages/addressAdd/index?id=${id}`
      })
   }
   function navToAdd(){
      let id = null
      uni.navigateTo({
         url:`/pages/addressAdd/index?id=${id}`
      })
   }
   onShow(async() =>{
      getAddressList()
   })
</script>
@@ -45,15 +77,15 @@
                  <view class="address-divide"></view>
                  <view class="handel">
                     <view class="handel-left">
                         <radio color = "#4996E3" :value="item.id" :checked="item.isDefault"></radio>
                         <radio color = "#4996E3" :value="item.id" :checked="item.isDefault" @click="setDefault(item.isDefault,item.id,index)"></radio>
                        <text>设为默认</text>
                     </view>
                     <view class="handel-right">
                        <view>
                        <view @click="navToModify(item.id)">
                           <image src="../../static/images/address/edit.png" alt=""></image>
                           <text>编辑</text>
                        </view>
                        <view>
                        <view @click="deleteAddress(item.id)">
                           <image src="../../static/images/address/delete.png" alt=""></image>
                           <text>删除</text>
                        </view>
@@ -62,7 +94,7 @@
               </view>
            </block>
         </view>
         <view class="subBtn" @click="navTo()">新增收货地址</view>
         <view class="subBtn" @click="navToAdd()">新增收货地址</view>
      </view>
   </view>
</template>