11

package1/myCenter/shopOrderList.vue

@@ -35,7 +35,7 @@
 			</view>
 			<view style="height: 120rpx;padding-top: 20rpx;">
 				<view style="height: 50rpx;line-height: 50rpx;font-size: 28rpx;font-weight: 700;">
-					商品 <text>共<text>1</text>件</text>
+					商品 <text>共<text>1</text>件</text> <text style="color: red;">已出餐</text>
 				</view>
 				<view style="display: flex;">
 					<view style="flex: 1;">

package1/order/returnOrder.vue

@@ -171,8 +171,7 @@
 								{{orderDetail.deliveryInfo.finishTime ? orderDetail.deliveryInfo.finishTime : '尽快送达'  | formatTime}}
 							</view>
 						</view>
-						<view class="pintuan2"
+						<view class="btn"
-							style="width: 100%; border-radius: 100rpx;"
 							@tap.stop="">
 							申请售后￥{{allReturnPrice}}
 						</view>
@@ -190,8 +189,25 @@
 				<view class="car-title">
 					选择退款原因
 				</view>
-		
+				<view class="">
-				
+					<view class="">
+						只退商品
+						<radio :checked="sellTime==0" name="sellTime" @click="checkSellTime(0)" />
+					</view>
+					<view class="">
+						退配送费
+						<radio :checked="sellTime==1" name="sellTime" @click="checkSellTime(1)" />
+					</view>
+					<view class="">
+						全额退款（商家原因）
+						<radio :checked="sellTime==2" name="sellTime" @click="checkSellTime(2)" />
+					</view>
+					<view class="">
+						全额退款（配送员原因）
+						<radio :checked="sellTime==3" name="sellTime" @click="checkSellTime(3)" />
+					</view>
+				</view>
+				<view class="btn">确认</view>
 			</view>
 		</uni-popup>
 		
@@ -213,6 +229,7 @@
 	export default {
 		data() {
 			return {
+				sellTime:0,
 				pintuan:false,
 				menuButtonInfo: {},
 				orderId:'',
@@ -278,9 +295,12 @@
 		},
 		onShow() {
 			this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
-			this.$refs.carPopup.open();
+			this.$refs.carPopup.open('bottom');
 		},
 		methods: {
+			checkSellTime(type){
+				this.sellTime = type;
+			},
 			openCode(){
 				this.$refs.imgPopup.open()
 			},
@@ -693,6 +713,7 @@
 	.car-content {
 		position: relative;
 		height: auto;
+		background: #fff;
 		max-height: 1200rpx;
 		width: 100%;
 		border-top-left-radius: 20rpx;
@@ -716,4 +737,15 @@
 		font-size: 28rpx;
 		font-weight: 700;
 	}
+	.btn {
+		width: 95%;
+		height: 100rpx;
+		font-size: 32rpx;
+		font-weight: 700;
+		background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
+		border-radius: 100rpx;
+		line-height: 100rpx;
+		text-align: center;
+		margin: 40rpx auto;
+	}
 </style>