|
|
|
@ -11,62 +11,48 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content"> |
|
|
|
<view class="box1" style="display: flex;"> |
|
|
|
<!-- <view class="box1" style="display: flex;"> |
|
|
|
<view class=""> |
|
|
|
待退款/售后{{returnCount}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="box1" v-for="(item,index) in returnData" :key="index"> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.status == 0" style="background:red"> |
|
|
|
待退款 |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.status == 3" style="background:red"> |
|
|
|
待售后 |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.refundType == 1" style="background:red"> |
|
|
|
退商品 |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.refundType == 2" style="background:red"> |
|
|
|
退配送费 |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.refundType == 3" style="background:red"> |
|
|
|
全额退款 |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.refundTypeStatus == 1" style="background:red"> |
|
|
|
商家原因 |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.refundTypeStatus == 2" style="background:red"> |
|
|
|
配送原因 |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.refundTypeStatus == 3" style="background:red"> |
|
|
|
商家/配送都有原因(需要退配送费) |
|
|
|
</view> |
|
|
|
<view class="ziqu-xuanfu" v-if="item.refundTypeStatus == 4" style="background:red"> |
|
|
|
平台退款 |
|
|
|
</view> --> |
|
|
|
<view class="box1" @tap="goDetail(item.id)" v-for="(item,index) in returnData" :key="index"> |
|
|
|
<view style="display: flex;height: 50rpx;border-bottom: 1px solid #eee;"> |
|
|
|
<view style="display: flex;"> |
|
|
|
{{'#' + item.mallOrder.numberCode}} |
|
|
|
</view> |
|
|
|
<view style="flex: 1;display: flex;padding-left: 20rpx;"> |
|
|
|
{{item.createTime | formatISOTime}} |
|
|
|
<!-- <text>已退款</text> --> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
{{item.status == 0?'待退款':item.status == 3?'待售后':""}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="height: 100rpx;border-bottom: 1px solid #F5F5F5;display: flex;line-height: 100rpx;"> |
|
|
|
<view style="font-size: 24rpx;font-weight: 700;"> |
|
|
|
金额<text style="color: red;">¥{{item.refundAmount}}</text> |
|
|
|
<view style="height: 180rpx;padding-top: 20rpx;color: #777;"> |
|
|
|
<view style="height: 50rpx;line-height: 50rpx;font-size: 28rpx;"> |
|
|
|
<view>退款原因: <text style="font-weight: 700;color:#00231C;">{{item.refundTypeStatus == 1?'商家原因':item.refundTypeStatus == 2?'配送原因':item.refundTypeStatus == 3?'商家/配送都有原因(需要退配送费)':item.refundTypeStatus == 4?'平台退款':""}}</text></view> |
|
|
|
|
|
|
|
<view>退款类型: <text style="font-weight: 700;color:#00231C;">{{item.refundType == 1?'退商品':item.refundType == 2?'退配送费':item.refundType == 3?'全额退款':""}}</text></view> |
|
|
|
<view style="text-align: right;">退款金额: <text style="color:red;font-size: 34rpx;font-weight: 700;">¥{{item.refundAmount}}</text></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="bottom-btn"> |
|
|
|
<view class="btn1" @tap="orderDetailOpen(item)"> |
|
|
|
查看订单 |
|
|
|
<view style="height: 80rpx;border-top: 1px solid #eee;display: flex;"> |
|
|
|
<view style="flex: 1;"> |
|
|
|
<view class="btn" @tap="orderDetailOpen(item)" style="display: inline-block;"> |
|
|
|
查看订单 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="btn1" @tap="returnAmountAllow(item,0)" |
|
|
|
style="background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));color: #000;"> |
|
|
|
<view class="btn" @tap="returnAmountAllow(item,0)" style="background: rgba(0, 35, 28, 1);color: rgba(166, 255, 234, 1);"> |
|
|
|
不同意 |
|
|
|
</view> |
|
|
|
<view class="btn1" @tap="returnAmountAllow(item,1)" |
|
|
|
style="background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));color: #000;"> |
|
|
|
<view class="btn" @tap="returnAmountAllow(item,1)" style="margin-left: 10px;"> |
|
|
|
同意 |
|
|
|
</view> |
|
|
|
<!-- <view class="btn1"> |
|
|
|
删除订单 |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<uni-popup ref="orderPopup" background-color="#fff"> |
|
|
|
<view class="popup-area-content" style="height: 1200rpx;overflow: scroll;"> |
|
|
|
<view class="popup-area-title"> |
|
|
|
@ -343,7 +329,7 @@ |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
<style lang="scss"> |
|
|
|
page { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -395,4 +381,56 @@ |
|
|
|
border-radius: 20rpx; |
|
|
|
padding: 20rpx; |
|
|
|
} |
|
|
|
.btn{ |
|
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
|
padding:0 20rpx; |
|
|
|
height: 50rpx; |
|
|
|
border-radius: 14rpx; |
|
|
|
line-height: 50rpx; |
|
|
|
text-align: center; |
|
|
|
font-weight: 700; |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
.popup-area-title { |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: bold; |
|
|
|
text-align: center; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.popup-area-content { |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding: 30rpx; |
|
|
|
width: 500rpx; |
|
|
|
height: auto; |
|
|
|
background-color: #fff; |
|
|
|
} |
|
|
|
.goods-img { |
|
|
|
width: 160rpx; |
|
|
|
height: 160rpx; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
img { |
|
|
|
width: 100%; |
|
|
|
background-size: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.goods-content { |
|
|
|
flex: 1; |
|
|
|
padding-left: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-name { |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 900; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-content-center { |
|
|
|
display: flex; |
|
|
|
margin: 16rpx 0; |
|
|
|
color: #777; |
|
|
|
} |
|
|
|
</style> |