Browse Source
Merge branch 'master' of http://8.134.10.79:3000/Leadfyy.co/ec.uniapp-master
Merge branch 'master' of http://8.134.10.79:3000/Leadfyy.co/ec.uniapp-master
# Conflicts: # pages.jsonmaster
12 changed files with 1620 additions and 1045 deletions
-
6App.vue
-
14components/lf-adModal/lf-adModal.vue
-
4main.js
-
78pages.json
-
2pages/address/add/add.less
-
42pages/address/add/add.vue
-
73pages/address/list/list.less
-
226pages/address/list/list.vue
-
158pages/index/category/category.vue
-
33pages/index/index/index.vue
-
44pages/index/openScreenAd/openScreenAd.vue
-
185pages/user/register/register.vue
@ -0,0 +1,73 @@ |
|||||
|
#address-list{ |
||||
|
.list-box{ |
||||
|
// padding-bottom: 20px; |
||||
|
padding: 30rpx 32rpx; |
||||
|
width: 750rpx; |
||||
|
height: max-content; |
||||
|
box-sizing: border-box; |
||||
|
.list-item{ |
||||
|
font-size:14px; |
||||
|
background:#FFFFFF; |
||||
|
// padding:15px 40px 15px 15px; |
||||
|
// background-image:url("https://uto.ibrand.cc/m/static/img/ic_forward.png"); |
||||
|
// background-repeat:no-repeat; |
||||
|
// background-position:100%; |
||||
|
// background-size:20px; |
||||
|
width: 686rpx; |
||||
|
height: max-content; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 20rpx; |
||||
|
padding: 30rpx; |
||||
|
box-sizing: border-box; |
||||
|
margin-bottom: 30rpx; |
||||
|
|
||||
|
.user{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
|
||||
|
.name{ |
||||
|
.phone{ |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
} |
||||
|
.default{ |
||||
|
color: #099fff; |
||||
|
} |
||||
|
} |
||||
|
.address{ |
||||
|
display: flex; |
||||
|
-webkit-box-pack: justify; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.add-address{ |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
// background-color: #ffffff; |
||||
|
padding:10px 12px; |
||||
|
position: fixed; |
||||
|
bottom: 130rpx; |
||||
|
left: calc(50% - 281rpx); |
||||
|
.small-btn{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content:center; |
||||
|
// background-color:#FB5054; |
||||
|
color: #FFFFFF; |
||||
|
// border-radius:4px; |
||||
|
// height: 40px; |
||||
|
line-height: 40rpx; |
||||
|
width: 550rpx; |
||||
|
height: 100rpx; |
||||
|
background: #15716E; |
||||
|
border-radius: 50rpx; |
||||
|
.icon{ |
||||
|
margin-right: 15px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,226 @@ |
|||||
|
<template> |
||||
|
<view id="address-list"> |
||||
|
<lf-nav title="地址管理" :showIcon="true" bgColor="#fff"></lf-nav> |
||||
|
<view class="list-box"> |
||||
|
<view class="list-item" :data-info="JSON.stringify(item)" :data-id="item.id" v-for="(item, index) in list" :key="index"> |
||||
|
<!-- <view class="user"> |
||||
|
<view class="name"> |
||||
|
<text>{{item.accept_name}}</text> |
||||
|
<text class="phone">{{item.mobile}}</text> |
||||
|
</view> |
||||
|
<view class="default" v-if="item.is_default"> |
||||
|
默认 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="address">{{item.address_name}} {{item.address}}</view> --> |
||||
|
|
||||
|
<view class="lf-font-28 user-item"> |
||||
|
<text class="lf-color-black lf-font-bold">{{item.accept_name}}</text> |
||||
|
<text class="lf-color-777 lf-m-l-20">{{item.mobile}}</text> |
||||
|
</view> |
||||
|
<view class="address-item lf-line-2"> |
||||
|
<text>{{item.address_name}}</text> |
||||
|
<text>{{item.address}}</text> |
||||
|
</view> |
||||
|
<view class="menu-item lf-row-between lf-m-t-30"> |
||||
|
<view class="lf-row-center"> |
||||
|
<radio-group @change="radioChange"> |
||||
|
<radio :checked="item.is_default" :value="index"></radio> |
||||
|
</radio-group> |
||||
|
<text class="lf-m-l-15 lf-font-24 lf-color-777">默认地址</text> |
||||
|
</view> |
||||
|
<view class="lf-row-between"> |
||||
|
<view @tap="setInfo(item)"> |
||||
|
<text class="lf-iconfont icon--1"></text> |
||||
|
<text class="lf-m-l-10">编辑</text> |
||||
|
</view> |
||||
|
<view class="lf-m-l-50" @click="deleteAddress(item)"> |
||||
|
<text class="lf-iconfont icon--1"></text> |
||||
|
<text class="lf-m-l-10">删除</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="height: 230rpx;"></view> |
||||
|
<view class="add-address" @tap="add"> |
||||
|
<view class="small-btn"> |
||||
|
<text class="lf-iconfont icon--2"></text> |
||||
|
<text class="lf-m-l-10">新增收货地址</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</template> |
||||
|
<script> |
||||
|
import {pageLogin, getUrl,config,is} from '@/common/js/utils.js'; |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
list: [], |
||||
|
order_no: '', |
||||
|
url: '', |
||||
|
id:'' |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
onShow() { |
||||
|
this.queryAddressList(); // let app =getApp(); 暂时注释 |
||||
|
|
||||
|
// app.isBirthday().then(()=>{ |
||||
|
// if(this.$cookieStorage.get("birthday_gift")){ |
||||
|
// var giftData=this.$cookieStorage.get("birthday_gift").data; |
||||
|
// new app.ToastPannel().__page.showText(giftData); |
||||
|
// } |
||||
|
// }); |
||||
|
}, |
||||
|
|
||||
|
onLoad(e) { |
||||
|
// 暂时注释 |
||||
|
// pageLogin(getUrl()); |
||||
|
this.setData({ |
||||
|
order_no: e.order_no, |
||||
|
url: e.url |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
components: {}, |
||||
|
props: {}, |
||||
|
methods: { |
||||
|
// 删除收货地址 |
||||
|
deleteAddress(item){ |
||||
|
console.log("item", item) |
||||
|
this.$http.ajax({ |
||||
|
api: '/api/address/'+ item.id, |
||||
|
method: 'DELETE', |
||||
|
header: { |
||||
|
Authorization: this.getToken() |
||||
|
} |
||||
|
}).then(res => { |
||||
|
console.log("删除地址", res); |
||||
|
}) |
||||
|
}, |
||||
|
// 切换默认地址 |
||||
|
radioChange(e){ |
||||
|
let current = e.target.value; |
||||
|
this.list.forEach((item, index) => { |
||||
|
if(current == index){ |
||||
|
item.is_default = 1; |
||||
|
}else{ |
||||
|
item.is_default = 0; |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
setInfo(e) { |
||||
|
// var from = e.currentTarget.dataset.info; |
||||
|
var from = e; |
||||
|
var data = this.$cookieStorage.get('order_form'); |
||||
|
// var from=JSON.parse(from); |
||||
|
|
||||
|
if (!data) { |
||||
|
return this.view(from.id); |
||||
|
} |
||||
|
|
||||
|
var order_no = this.order_no; |
||||
|
|
||||
|
if (order_no && data.order_no === order_no) { |
||||
|
data.address = from; |
||||
|
this.$cookieStorage.set('order_form', data); |
||||
|
wx.navigateBack({ |
||||
|
url: '/' + this.url |
||||
|
}); |
||||
|
} else { |
||||
|
return this.view(from.id); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
view(id) { |
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/address/add/add?id=' + id |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
add() { |
||||
|
wx.navigateTo({ |
||||
|
url: '/pages/address/add/add' |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 查询收货地址列表 |
||||
|
queryAddressList() { |
||||
|
var token = this.$cookieStorage.get('user_token'); |
||||
|
this.$http.get({ |
||||
|
api: 'api/address', |
||||
|
header: { |
||||
|
Authorization: token || this.getToken() |
||||
|
} |
||||
|
}).then(res => { |
||||
|
if (res.statusCode == 200) { |
||||
|
res = res.data; |
||||
|
|
||||
|
if (res.status) { |
||||
|
this.setData({ |
||||
|
list: res.data |
||||
|
}); |
||||
|
} else { |
||||
|
wx.showToast({ |
||||
|
title: res.message, |
||||
|
image: '../../../static/error.png' |
||||
|
}); |
||||
|
} |
||||
|
} else { |
||||
|
wx.showToast({ |
||||
|
title: '获取信息失败', |
||||
|
image: '../../../static/error.png' |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
setData: function (obj) { |
||||
|
let that = this; |
||||
|
let keys = []; |
||||
|
let val, data; |
||||
|
Object.keys(obj).forEach(function (key) { |
||||
|
keys = key.split('.'); |
||||
|
val = obj[key]; |
||||
|
data = that.$data; |
||||
|
keys.forEach(function (key2, index) { |
||||
|
if (index + 1 == keys.length) { |
||||
|
that.$set(data, key2, val); |
||||
|
} else { |
||||
|
if (!data[key2]) { |
||||
|
that.$set(data, key2, {}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
data = data[key2]; |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
computed: {}, |
||||
|
watch: {} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
page{ |
||||
|
background-color: #F8F8F8; |
||||
|
} |
||||
|
</style> |
||||
|
<style rel="stylesheet/less" lang="less"> |
||||
|
@import "list"; |
||||
|
|
||||
|
.user-item, .menu-item{ |
||||
|
height: 50rpx; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.address-item{ |
||||
|
width: 100%; |
||||
|
margin-top: 10rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #333333; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue