- 调通 用户商品地址

mobile-web/src/page/user/address/list.vue

@@ -1,65 +1,73 @@
 <template>
-<div>
+  <div>
 
     <headerNav title="我的地址"/>
     <van-address-list
-  v-model="chosenAddressId"
-  :class="isSelect?'':'hideselect'"
-  :list="list"
-  @add="onAdd"
-  @edit="onEdit"
-  @select="onSelect"
-/>
-</div>
+      v-model="chosenAddressId"
+      :class="isSelect?'':'hideselect'"
+      :list="list"
+      @add="onAdd"
+      @edit="onEdit"
+      @select="onSelect"
+    />
+  </div>
 </template>
 
 <script>
 
-import { GetAddressList } from "../../../api/user.js";
-import { AddressList } from 'vant';
-export default {
-    components:{
-        [AddressList.name]:AddressList,
+  import {GetAddressList} from "../../../api/user.js";
+  import {AddressList} from 'vant';
+
+  export default {
+    components: {
+      [AddressList.name]: AddressList,
     },
     data() {
-        return {
+      return {
         chosenAddressId: '1',
-        isSelect:false,
+        isSelect: false,
         list: [],
-        }
+      }
     },
 
     methods: {
-        onAdd() {
-            this.$router.push('/user/address/edit')
-        },
+      onAdd() {
+        this.$router.push('/user/address/edit')
+      },
 
-        onEdit(item, index) {
-            this.$router.push('/user/address/edit?id='+item.id);
-        },
-        onSelect(item,index){
-            if(!this.isSelect){
-                return;
-            }
-            this.$emit('selectAddress',item);
-            this.$router.go(-1);
+      onEdit(item, index) {
+        this.$router.push('/user/address/edit?id=' + item.id);
+      },
+      onSelect(item, index) {
+        if (!this.isSelect) {
+          return;
         }
+        this.$emit('selectAddress', item);
+        this.$router.go(-1);
+      }
     },
-    created:function(){
-        this.chosenAddressId=this.$route.query.id;
-        this.isSelect=this.$route.query.id>0;
-        GetAddressList().then(response=>{
-            this.list=response;
-        })
+    created: function () {
+      this.chosenAddressId = this.$route.query.id;
+      this.isSelect = this.$route.query.id > 0;
+      GetAddressList().then(response => {
+        this.list = response.map(item => {
+
+          // convert data
+          return {
+            ...item,
+            tel: item.mobile,
+          }
+        });
+      })
     }
 
-}
+  }
 </script>
 
 <style lang="less">
-.hideselect{
-    .van-radio__input{
-        display: none;
+  .hideselect {
+    .van-radio__input {
+      display: none;
     }
-}
+  }
 </style>