|
@@ -14,18 +14,18 @@
|
|
</view>
|
|
</view>
|
|
<view class="goods-list">
|
|
<view class="goods-list">
|
|
<!-- 商品列表 -->
|
|
<!-- 商品列表 -->
|
|
- <view class="goods-item" v-for="(item,index) in 6" :key="index">
|
|
|
|
|
|
+ <view class="goods-item" v-for="(item,index) in goodsList" :key="item.id">
|
|
<view class="goods-imgs">
|
|
<view class="goods-imgs">
|
|
- <u-image border-radius="12" width="158rpx" height="140rpx" src="/static/goods.png"></u-image>
|
|
|
|
|
|
+ <u-image border-radius="12" width="158rpx" height="140rpx" :src="item.goods.homeImage"></u-image>
|
|
</view>
|
|
</view>
|
|
<view class="goods-info">
|
|
<view class="goods-info">
|
|
- <view class="good-name">拉就是两地分居拉进来就是两地分居拉进来就是两地分居拉进来进来</view>
|
|
|
|
|
|
+ <view class="good-name">{{item.goods.name}}</view>
|
|
<view class="goods-price">
|
|
<view class="goods-price">
|
|
<view>
|
|
<view>
|
|
- <text>50</text>
|
|
|
|
|
|
+ <text>{{item.goods.sellGold}}</text>
|
|
<u-image mode="scaleToFill" width="35rpx" height="35rpx" src="/static/ledou.png"></u-image>
|
|
<u-image mode="scaleToFill" width="35rpx" height="35rpx" src="/static/ledou.png"></u-image>
|
|
</view>
|
|
</view>
|
|
- <view>×2</view>
|
|
|
|
|
|
+ <view>×{{item.buyQty}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -34,7 +34,7 @@
|
|
<view>
|
|
<view>
|
|
<view>商品合计:</view>
|
|
<view>商品合计:</view>
|
|
<view class="heji">
|
|
<view class="heji">
|
|
- <text>250</text>
|
|
|
|
|
|
+ <text>{{totalPrice}}</text>
|
|
<u-image mode="scaleToFill" width="35rpx" height="35rpx" src="/static/ledou.png"></u-image>
|
|
<u-image mode="scaleToFill" width="35rpx" height="35rpx" src="/static/ledou.png"></u-image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -46,7 +46,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="cart-submit">
|
|
<view class="cart-submit">
|
|
<view>
|
|
<view>
|
|
- <view>总计:<text>450</text></view>
|
|
|
|
|
|
+ <view>总计:<text>{{totalPrice}}</text></view>
|
|
<u-image mode="scaleToFill" width="40rpx" height="40rpx" src="/static/ledou.png"></u-image>
|
|
<u-image mode="scaleToFill" width="40rpx" height="40rpx" src="/static/ledou.png"></u-image>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<view>
|
|
@@ -68,28 +68,39 @@
|
|
fontSize:'30rpx',
|
|
fontSize:'30rpx',
|
|
width: '180rpx',
|
|
width: '180rpx',
|
|
height: '60rpx'
|
|
height: '60rpx'
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ goodsList: []
|
|
};
|
|
};
|
|
},
|
|
},
|
|
onLoad() {
|
|
onLoad() {
|
|
|
|
+ this.goodsList = this.$store.state.vuex_toOrderList
|
|
this.getLocation()
|
|
this.getLocation()
|
|
},
|
|
},
|
|
|
|
+ computed: {
|
|
|
|
+ totalPrice() {
|
|
|
|
+ let total = 0
|
|
|
|
+ this.goodsList.map(item => {
|
|
|
|
+ total = total + item.buyQty * item.goods.sellGold
|
|
|
|
+ })
|
|
|
|
+ return total
|
|
|
|
+ }
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
// 获取用户位置
|
|
// 获取用户位置
|
|
getLocation() {
|
|
getLocation() {
|
|
- findAddressBycustomerNo().then(res => {
|
|
|
|
|
|
+ findAddressBycustomerNo({customerNo:'12313'}).then(res => {
|
|
console.log(res)
|
|
console.log(res)
|
|
})
|
|
})
|
|
- },
|
|
|
|
- //立即下单
|
|
|
|
- toPay(){
|
|
|
|
-
|
|
|
|
},
|
|
},
|
|
//修改收货地址信息
|
|
//修改收货地址信息
|
|
editAddress(){
|
|
editAddress(){
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
url:"/pages/toOrder/editAddress"
|
|
url:"/pages/toOrder/editAddress"
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ // 支付
|
|
|
|
+ toPay(){
|
|
|
|
+
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}
|
|
}
|
|
@@ -138,7 +149,6 @@ page{
|
|
padding: 20upx 40upx;
|
|
padding: 20upx 40upx;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- justify-content: space-between;
|
|
|
|
border-bottom: 1px solid #F8F8F8;
|
|
border-bottom: 1px solid #F8F8F8;
|
|
background: #fff;
|
|
background: #fff;
|
|
&:last-child{
|
|
&:last-child{
|
|
@@ -148,9 +158,11 @@ page{
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
.goods-info{
|
|
.goods-info{
|
|
|
|
+ flex-grow: 1;
|
|
padding-left: 20upx;
|
|
padding-left: 20upx;
|
|
.good-name{
|
|
.good-name{
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
|
+ word-break: break-all;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.goods-price{
|
|
.goods-price{
|