|
|
|
@ -64,11 +64,11 @@ |
|
|
|
<view class="order-time">订单时间：{{order.paid_at}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="order-status" v-if="order.settle_status==0"> |
|
|
|
<button class="refund-button" v-if="order.order_status==1" |
|
|
|
@click="orderRefund(order)">退款</button> |
|
|
|
<button class="refunded-button-style" v-if="order.order_status==2">退款中...</button> |
|
|
|
<button class="refunded-button-style" v-if="order.order_status==3">退款成功</button> |
|
|
|
<view class="order-status"> |
|
|
|
<button class="refund-button" v-if="order.refund_status==0" @click="orderRefund(order)">退款</button> |
|
|
|
<button class="refunded-button-style" v-if="order.refund_status==1">退款中...</button> |
|
|
|
<text class="refunded-style-success" v-if="order.refund_status==2">退款成功</text> |
|
|
|
<text class="refunded-style-reject" v-if="order.refund_status==3">退款失败：{{order.refund_fail_reason}}</text> |
|
|
|
</view> |
|
|
|
<view class="divider-style"></view> |
|
|
|
</view> |
|
|
|
@ -357,9 +357,9 @@ |
|
|
|
|
|
|
|
.order-status { |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
justify-content: right; |
|
|
|
align-items: center; |
|
|
|
padding: 30rpx 0; |
|
|
|
padding: 30rpx 20rpx; |
|
|
|
border-top: 1rpx solid #eeeeee; |
|
|
|
|
|
|
|
button.refund-button { |
|
|
|
@ -390,6 +390,24 @@ |
|
|
|
margin-left: 500rpx; |
|
|
|
border: 1rpx solid #E5E5E5; |
|
|
|
} |
|
|
|
|
|
|
|
.refunded-style-success { |
|
|
|
height: 48rpx; |
|
|
|
line-height: 44rpx; |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #38a800 !important; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.refunded-style-reject { |
|
|
|
height: 48rpx; |
|
|
|
line-height: 44rpx; |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #e30000 !important; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.divider-style { |
|
|
|
|
