first commit
This commit is contained in:
wangxiaowei
241
pages/user/address/address.vue
Normal file
241
pages/user/address/address.vue
Normal file
@ -0,0 +1,241 @@
|
||||
<template>
|
||||
<view v-if="!loadding" :data-theme='theme()' :class="theme() || ''">
|
||||
<view v-if="listData.length>0" class="pbenv">
|
||||
<view class="address-list bg-white">
|
||||
<view class="address p-30-0 border-b-d" v-for="(item,index) in listData" :key="index">
|
||||
<view class="info flex-1 mb10">
|
||||
<view class="user f32 d-b-c">
|
||||
<text>{{item.name}}</text>
|
||||
<text class="ml20 gray9 f26">{{item.phone}}</text>
|
||||
</view>
|
||||
<view class="pt20 f26 gray3">
|
||||
{{item.region.province}}{{item.region.city}}{{item.region.region}}{{item.detail}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="d-b-c">
|
||||
<view class="radio d-s-c">
|
||||
<radio style="transform:scale(0.6)" :color='getThemeColor()' :value="item.address_id+''" :checked="default_id==item.address_id+''"
|
||||
@click="radioChange(item.address_id)" />
|
||||
<text class="">默认地址</text>
|
||||
</view>
|
||||
<view class="d-s-c">
|
||||
<view class="icon-box plus d-c-c ml30" @click="delAddress(item.address_id)">
|
||||
<image class="add_icon_img" src="/static/icon/delete.png" mode="aspectFill"></image>
|
||||
<text class="gray9 ml10">删除</text>
|
||||
</view>
|
||||
<view class="none_line ml30"></view>
|
||||
<view class="icon-box plus d-c-c ml30 mr40" @click="editAddress(item.address_id)">
|
||||
<image class="add_icon_img" src="/static/icon/edit.png" mode="aspectFill"></image>
|
||||
<text class="gray9 ml10">编辑</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_add-btn theme-btn" @click="addAddress()">新增收货地址</view>
|
||||
</view>
|
||||
<view v-else>
|
||||
<view class="none_add">
|
||||
<image class="no_add" src="/static/no_adress.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="no_add_add" @click="addAddress()">新增收货地址</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
/*是否加载完成*/
|
||||
loadding: true,
|
||||
indicatorDots: true,
|
||||
autoplay: true,
|
||||
interval: 2000,
|
||||
duration: 500,
|
||||
/*数据*/
|
||||
listData: [],
|
||||
/*默认地址id*/
|
||||
default_id: '0',
|
||||
options: {}
|
||||
}
|
||||
},
|
||||
onLoad: function(options) {
|
||||
this.options = options;
|
||||
},
|
||||
onShow: function() {
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
/*获取地址列表*/
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
/*获取数据*/
|
||||
getData() {
|
||||
let self = this;
|
||||
let dataType = self.dataType;
|
||||
self._get('user.address/lists', {}, function(res) {
|
||||
self.listData = res.data.list;
|
||||
self.default_id = res.data.default_id + '';
|
||||
self.loadding = false;
|
||||
uni.hideLoading();
|
||||
});
|
||||
},
|
||||
|
||||
/*跳转页面*/
|
||||
addAddress() {
|
||||
let delta = 1;
|
||||
if (this.options.source === 'order') {
|
||||
delta = 2;
|
||||
}
|
||||
this.gotoPage('/pages/user/address/add/add?delta=' + delta);
|
||||
},
|
||||
|
||||
/*点击单选*/
|
||||
radioChange(e) {
|
||||
let self = this;
|
||||
self.default_id = e;
|
||||
self._post('user.address/setDefault', {
|
||||
address_id: e,
|
||||
}, function(res) {
|
||||
if (self.options.source === 'order') {
|
||||
// #ifndef H5
|
||||
uni.navigateBack();
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
history.go(-1);
|
||||
// #endif
|
||||
}
|
||||
});
|
||||
return false;
|
||||
|
||||
},
|
||||
|
||||
/*编辑地址*/
|
||||
editAddress(e) {
|
||||
this.gotoPage('/pages/user/address/edit/edit?address_id=' + e);
|
||||
},
|
||||
|
||||
/*删除地址*/
|
||||
delAddress(e) {
|
||||
let self = this;
|
||||
wx.showModal({
|
||||
title: "提示",
|
||||
content: "您确定要移除当前收货地址吗?",
|
||||
success: function(o) {
|
||||
o.confirm && self._get('user.address/delete', {
|
||||
address_id: e
|
||||
}, function(result) {
|
||||
if (result.code == 1) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
self.getData();
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.address-list {
|
||||
border-top: 16rpx solid #F2F2F2;
|
||||
padding: 0 20rpx;
|
||||
padding-bottom: 90rpx;
|
||||
}
|
||||
|
||||
.foot-btns {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.foot-btns .btn-red {
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.none_add {
|
||||
padding: 314rpx 214rpx 60rpx 214rpx;
|
||||
}
|
||||
|
||||
.no_add {
|
||||
width: 322rpx;
|
||||
height: 180rpx;
|
||||
}
|
||||
|
||||
.no_add_add {
|
||||
width: 320rpx;
|
||||
height: 80rpx;
|
||||
border: 2rpx solid #FFB7B7;
|
||||
border-radius: 40rpx;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
font-size: 32rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
@include font_color('font_color');
|
||||
@include border_color('border_color');
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.add_add {
|
||||
height: 64rpx;
|
||||
line-height: 64rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #0777CD;
|
||||
padding: 0 35rpx;
|
||||
border-bottom: 1rpx solid #D9D9D9;
|
||||
}
|
||||
|
||||
.defaul_add {
|
||||
padding: 9rpx 14rpx 10rpx 15rpx;
|
||||
@include background_color('bg-op');
|
||||
font-size: 22rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #F6220C;
|
||||
@include font_color('font_color');
|
||||
}
|
||||
|
||||
.add_icon_img {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
|
||||
.none_line {
|
||||
width: 1rpx;
|
||||
height: 44rpx;
|
||||
background: #D9D9D9;
|
||||
}
|
||||
.add_add-btn{
|
||||
position: fixed;
|
||||
bottom: calc(env(safe-area-inset-bottom) + 20rpx);
|
||||
width:690rpx;
|
||||
margin: 20rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 28rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.pbenv{
|
||||
padding-bottom: calc(env(safe-area-inset-bottom) + 120rpx);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user