订单单独设置退款状态

agentApp/pages/merchant-index/index.vue

@@ -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 {