<template>
|
<view>
|
<view class="" v-if="addrData.length > 0">
|
<view class="addrItem" v-for="(item, index) in addrData">
|
<view class="" @tap="setAddrCookie(item)">
|
<view class="addr-v">
|
<text>{{item.realname}}</text>
|
<text>{{item.phone}}</text>
|
</view>
|
<view class="addr-v">{{item.area}}({{item.addr}})</view>
|
<image class="rgt" src="/static/imgs/right.png" ></image>
|
</view>
|
<view class="addr-c">
|
<view class="addr-df">
|
默认:
|
<switch @change="defChange" :data-id="item.id" v-if="item.isdef == 0" color="#e3b400" style="transform:scale(0.7)"/>
|
<switch @change="defChange" :data-id="item.id" v-else checked color="#e3b400" style="transform:scale(0.7)"/>
|
</view>
|
<view class="addr-c-main">
|
<view class="addr-c-c" @tap="$util.goPages('/pages/addAddr/addAddr?id=' + item.id)">
|
<image src="/static/imgs/edit.png" ></image>
|
<text>编辑</text>
|
</view>
|
<view class="addr-c-c" @tap="delConfirm(item.id, index)">
|
<image src="/static/imgs/del.png" ></image>
|
<text>删除</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="noData" v-else>
|
<image src="/static/imgs/noData.png" ></image>
|
<view class="">没有地址信息</view>
|
</view>
|
<view class="addrBtn" @tap="addAddr">添加地址</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
pageIndex: 1,
|
pageSize: 200,
|
addrData: [],
|
backUrl: '',
|
}
|
},
|
onLoad(op) {
|
this.backUrl = op.backUrl ? op.backUrl : ''
|
this.getAddress()
|
},
|
methods: {
|
//选择地址
|
setAddrCookie (e) {
|
if(this.backUrl != ''){
|
uni.setStorageSync('choose-address', JSON.stringify(e))
|
this.$util.goPages(this.backUrl)
|
}
|
},
|
addAddr () {
|
let url = '/pages/addAddr/addAddr'
|
if(this.backUrl != ''){
|
url = url + '?backUrl=' + this.backUrl
|
}
|
this.$util.goPages(url)
|
},
|
defChange (e) {
|
let id = e.currentTarget.dataset.id
|
this.$util.post('Address/setDef', {id: id}).then(res => {
|
if(res.code == 1){
|
for(let i in this.addrData){
|
if(this.addrData[i].id != id){
|
this.addrData[i].isdef = 0
|
}
|
}
|
}
|
})
|
},
|
getAddress () {
|
this.$util.post('Address/getAddress', {pageIndex: this.pageIndex, pageSize: this.pageSize}).then(res => {
|
if(res.code == 1){
|
this.addrData = res.data.list
|
}
|
})
|
},
|
delConfirm (id, idx) {
|
let t = this
|
uni.showModal({
|
title: '温馨提示',
|
content: '是否删除地址信息?',
|
success: function (res) {
|
if (res.confirm) {
|
t.delAddr(id, idx)
|
}
|
}
|
})
|
},
|
delAddr(id, idx){
|
let t = this
|
t.$util.post('Address/delAddr', {id: id}).then(res => {
|
if(res.code == 1){
|
uni.showToast({
|
title: res.msg || '删除成功',
|
icon: 'success'
|
})
|
this.addrData.splice(idx, 1)
|
} else {
|
uni.showToast({
|
title: res.msg || '删除失败',
|
icon: 'error'
|
})
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
@import url(/static/css/address.css);
|
</style>
|