Просмотр исходного кода

提交

(cherry picked from commit f20f97c6c15662bdf848cff9bf45fb855a0198d8)
lishanshan 2 месяцев назад
Родитель
Сommit
d59cf54d24
1 измененных файлов с 35 добавлено и 10 удалено
  1. 35 10
      pages/groupMeal/orders/refund.vue

+ 35 - 10
pages/groupMeal/orders/refund.vue

@@ -18,14 +18,19 @@
 			</view>
 		</view>
 		<view class="history">
+      <view class="status u-flex">
+        <view>订单状态</view>
+        <view class="text">{{ data.orderStatusName }}</view>
+      </view>
 			<view class="client">
+        <view class="info-title">订单信息</view>
 				<view class="title">
 					<view class="img">
 						<image :src="data.userAvatar" alt="" />
 					</view>
 					<view class="message">
 						<text>{{data.linkName}}</text>
-						<text class="time">申请售后</text>
+						<!-- <text class="time">申请售后</text> -->
 					</view>
 				</view>
 				<view class="">
@@ -51,7 +56,7 @@
 					<view class="btn" @click="onSubmit(1)">同意</view>
 				</view>
 			</view>
-			<!-- <view class="client" v-if="data.refuseReason">
+			<view class="client" v-if="data.refuseReason">
 				<view class="title">
 					<view class="message">
 						<text>商家拒绝退款</text>
@@ -67,7 +72,7 @@
 						补充说明:{{ data.refuseReasonExplain }}
 					</view>
 				</view>
-			</view> -->
+			</view>
 			<!-- <view class="client" v-if="data.fundStatus == 1">
 				<view class="title">
 					<view class="message">
@@ -299,6 +304,24 @@ export default {
 		padding: 0px 24rpx;
 		margin-top: 18rpx;
 
+    .status {
+      height: 73rpx;
+      background: #FFFFFF;
+      border-radius: 17rpx 17rpx 17rpx 17rpx;
+      margin: 0 0 17rpx;
+      font-weight: 500;
+      font-size: 27rpx;
+      color: #333333;
+      padding: 27rpx 0 26rpx 21rpx;
+
+      .text {
+        font-weight: 400;
+        font-size: 27rpx;
+        color: #666666;
+        margin-left: 21rpx;
+      }
+    }
+    
 		.client {
 			background-color: #FFFFFF;
 			padding: 20rpx;
@@ -306,11 +329,18 @@ export default {
 			border-radius: 16rpx;
 			margin-bottom: 20rpx;
 
+      .info-title {
+        height: 57rpx;
+        font-weight: 500;
+        font-size: 27rpx;
+        color: #333333;
+        border-bottom: 1rpx solid #EEEEEE;
+      }
+
 			.title {
+				margin-top: 16rpx;
 				margin-bottom: 16rpx;
-				padding-bottom: 16rpx;
 				display: flex;
-				border-bottom: 1rpx solid #EEEEEE;
 
 				.img {
 					width: 80rpx;
@@ -332,11 +362,6 @@ export default {
 					justify-content: space-between;
 					font-size: 28rpx;
 					color: #000000;
-
-					.time {
-						font-size: 24rpx;
-						color: #999999;
-					}
 				}
 			}