调通地址管理及新增接口，调整树形区域组件

Liuyi

2024-09-28 77c2bdd45ca70e57667b346585edc5034cbd821e

 pages/address/index.vue

@@ -1,16 +1,24 @@
<script setup>
   import { ref ,onMounted } from 'vue'
   const addressList = ref([
      {name:'张大左',phone:'13512334002',address:'重庆 重庆市 北碚区 互联网产业生态园 2-5-1',checked:true,id:'12'},
      {name:'张大左',phone:'13512334002',address:'重庆 重庆市 北碚区 互联网产业生态园 2-5-1',checked:true,id:'12'},
      {name:'张大左',phone:'13512334002',address:'重庆 重庆市 北碚区 互联网产业生态园 2-5-1',checked:true,id:'12'},
      {name:'张大左',phone:'13512334002',address:'重庆 重庆市 北碚区 互联网产业生态园 2-5-1',checked:true,id:'12'},
      {name:'张大左',phone:'13512334002',address:'重庆 重庆市 北碚区 互联网产业生态园 2-5-1',checked:true,id:'12'},
      {name:'张大左',phone:'13512334002',address:'重庆 重庆市 北碚区 互联网产业生态园 2-5-1',checked:true,id:'12'},
      {name:'',phone:'',address:'',checked:false,id:''},
      {name:'',phone:'',address:'',checked:false,id:''},
      {name:'',phone:'',address:'',checked:false,id:''},
   ])
   import { searchAddress } from '../../api/index.js';
   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.addressWhole = item.regionName.replace(/[,#]/g,' ') + item.address
                })
            })
            addressList.value = res.data.list
         }
      })
   }
   function navTo(){
      let title = '新增地址'
      let id = 0
@@ -18,6 +26,9 @@
         url:'/pages/addressAdd/index'
      })
   }
   onMounted(()=>{
      getAddressList()
   })
</script>
<template>
   <view class="container">
@@ -27,14 +38,14 @@
            <block v-for="(item,index) in addressList">
               <view class="address-item">
                  <view class="user-info">
                     <text>{{item.name}}</text>
                     <text>{{item.phone}}</text>
                     <text>{{item.userName}}</text>
                     <text>{{item.userPhone}}</text>
                  </view>
                  <view class="address-info">{{item.address}}</view>
                  <view class="address-info">{{item.addressWhole}}</view>
                  <view class="address-divide"></view>
                  <view class="handel">
                     <view class="handel-left">
                         <radio color = "#4996E3" :value="item.id" :checked="item.checked"></radio>
                         <radio color = "#4996E3" :value="item.id" :checked="item.isDefault"></radio>
                        <text>设为默认</text>
                     </view>
                     <view class="handel-right">