80 lines
1.9 KiB
HTML
80 lines
1.9 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
.van-cell-group--inset {
|
|
margin: 0 16px;
|
|
overflow: hidden;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.bottom-button {
|
|
width: 160px;
|
|
height: 40px;
|
|
}
|
|
|
|
.van-button {
|
|
position: initial !important;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
<van-sticky>
|
|
<van-nav-bar title="地址管理" left-arrow
|
|
@click-left="history.go(-1)"></van-nav-bar>
|
|
</van-sticky>
|
|
|
|
<div v-if="vLoading && !vLoading.value">
|
|
<van-address-list
|
|
v-if="addressList && addressList.length>0 "
|
|
v-model="chosenAddressId"
|
|
:list="addressList"
|
|
default-tag-text="默认"
|
|
@add="onAdd"
|
|
@edit="onEdit"
|
|
></van-address-list>
|
|
|
|
<van-empty v-else description="暂无地址">
|
|
<van-button round type="danger" class="bottom-button" @click="onAdd">新增地址</van-button>
|
|
</van-empty>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
<!--#include("/mobile/welfare/include/mixins.js"){}#-->
|
|
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
mixins: [mobileMixins, welfareMixins],
|
|
data() {
|
|
return {
|
|
chosenAddressId: null
|
|
}
|
|
},
|
|
methods: {
|
|
onAdd() {
|
|
location.replace('/mobile/welfare/mine/addressEdit')
|
|
},
|
|
onEdit(item, index) {
|
|
location.replace('/mobile/welfare/mine/addressEdit?id=' + item.id)
|
|
}
|
|
},
|
|
async created() {
|
|
this.startLoading()
|
|
await this.selectAddressList()
|
|
this.closeLoading()
|
|
}
|
|
})
|
|
window.addEventListener('pageshow', e => {
|
|
if (e.persisted || (window.performance && window.performance.navigation.type === 2)) {
|
|
vue.selectAddressList()
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#-->
|