You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.2 KiB
121 lines
3.2 KiB
5 years ago
|
<template name="orderGoods">
|
||
|
|
<view class="goods-box">
|
||
|
|
<view v-for="(item,index) in goodsList" :key="index">
|
||
|
|
<view class="goods-item flex">
|
||
|
|
<navigator class="goods-pic bg-img" :url="'/pages/goodsDetail/goodsDetail?id='+item.goodsId" :style="'background-image: url('+IMAGE_URL+item.mainPhotoUrl+');'" hover-stop-propagation></navigator>
|
||
|
|
<view class="goods-con flex-sub flex flex-direction justify-between">
|
||
|
|
<view class="">
|
||
|
|
<view class="goods-name two-line">{{item.goodsName}}</view>
|
||
|
|
<view class="goods-spec-con flex justify-between">
|
||
|
|
<view class="goods-spec text-hidden">{{item.skuName}}</view>
|
||
|
|
<view class="goods-num" style="color:#aaa;">*{{item.quantity}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="flex justify-between" style="font-size: 28rpx;color: #FA6400;">
|
||
|
|
<view class="">￥{{item.unitPrice | toFixed(2)}}</view>
|
||
|
|
<view v-if="item.rStatus">{{item.rStatus}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="goods-bottom flex justify-end" style="margin: 10rpx 0;" v-if="showBtn&&item.rStatus=='待发货'">
|
||
|
|
<button class="cu-btn lines-gray text-gray round" @tap="returnMoney(item.goodsDetailId)">申请退款</button>
|
||
|
|
</view>
|
||
|
|
<view class="goods-bottom flex justify-end" style="margin: 10rpx 0;" v-if="showBtn&&item.rStatus=='已发货'">
|
||
|
|
<button class="cu-btn lines-gray text-gray round" @tap="toChooseType(item)">申请售后</button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "orderGoods",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
IMAGE_URL: this.IMAGE_URL
|
||
|
|
};
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
goodsList: {
|
||
|
|
type: Array,
|
||
|
|
value: null,
|
||
|
|
},
|
||
|
|
showBtn:{
|
||
|
|
type:Boolean,
|
||
|
|
value:false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
//未发货申请退款
|
||
|
|
returnMoney(id){
|
||
|
|
uni.showModal({
|
||
|
|
title: '提示',
|
||
|
|
content: '确认申请退款吗？',
|
||
|
|
success: (res)=> {
|
||
|
|
if (res.confirm) {
|
||
|
|
console.log('用户点击确定');
|
||
|
|
this.$u.post('/api/v1/order/refund',{
|
||
|
|
userId: uni.getStorageSync("userInfo").id,
|
||
|
|
orderGoodsIDs:[id]
|
||
|
|
}).then(res => {
|
||
|
|
console.log(res.data);
|
||
|
|
if (res.data.code == "FAIL") {
|
||
|
|
this.$u.toast(res.data.msg);
|
||
|
|
return
|
||
|
|
}
|
||
|
|
uni.navigateTo({
|
||
|
|
url:"/pages/afterSaleDetail/afterSaleDetail?orderGoodsId="+id
|
||
|
|
})
|
||
|
|
});
|
||
|
|
} else if (res.cancel) {
|
||
|
|
console.log('用户点击取消');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
toChooseType(obj){
|
||
|
|
this.$store.commit('setReturnGoodsMsg',obj);
|
||
|
|
uni.navigateTo({
|
||
|
|
url:"/pages/chooseAftersaleType/chooseAftersaleType"
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.goods-box {
|
||
|
|
border-bottom: 1rpx solid #EEEEEE;
|
||
|
|
padding: 10rpx 0;
|
||
|
|
|
||
|
|
.goods-item {
|
||
|
|
line-height: 40rpx;
|
||
|
|
padding: 10rpx 0;
|
||
|
|
|
||
|
|
.goods-pic {
|
||
|
|
width: 200rpx;
|
||
|
|
height: 200rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-right: 20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.goods-name {
|
||
|
|
color: #000;
|
||
|
|
font-size: 28rpx;
|
||
|
|
margin-bottom: 10rpx;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.goods-spec {
|
||
|
|
background-color: #EFF1F6;
|
||
|
|
font-size: 20rpx;
|
||
|
|
padding: 0 10rpx;
|
||
|
|
border-radius: 8rpx;
|
||
|
|
color: #aaa;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|