订单详情

package1/order/orderDetail.vue

@@ -46,19 +46,25 @@
 					<view class="status-btn">
 						取消订单
 					</view>
+					<!-- <view class="status-btn">
+						去评价
+					</view> -->
 				</view>
 			</view>
 			<view class="btn-box">
-				<view class="btn">
+				<view class="btn" @tap="openCode">
-					￥5 去支付
+					核销取餐码
 				</view>
-				<!-- <view class="">
+				<!-- <view class="btn">
 					再来一单
 				</view>
-				<view class="">
+				<view class="btn">
+					￥5 去支付
+				</view>
+				<view class="btn">
 					增加配送佣金
 				</view>
-				<view class="">
+				<view class="btn">
 					取消申请
 				</view> -->
 			</view>
@@ -169,6 +175,12 @@
 				</view>
 			</view>
 		</view>
+		<!-- 核销二维码弹出层 -->
+		<uni-popup ref="imgPopup" background-color="#fff">
+			<view class="img-popup-content" @tap="$refs.imgPopup.close()">
+				<img :src="codeImg" alt="" style="width: 330rpx;height: 330rpx;margin: 282rpx 0 0 136rpx;border: 20rpx solid rgba(222, 255, 248, 1);border-radius: 20rpx;">
+			</view>
+		</uni-popup>
 	</view>
 </template>
 
@@ -176,7 +188,8 @@
 	export default {
 		data() {
 			return {
-				menuButtonInfo: {}
+				menuButtonInfo: {},
+				codeImg:'https://jewel-shop.oss-cn-beijing.aliyuncs.com/3a4e68eb14d7417cbb4f15fa85907c64.jpg'
 			}
 		},
 		components: {
@@ -189,6 +202,9 @@
 			this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
 		},
 		methods: {
+			openCode(){
+				this.$refs.imgPopup.open()
+			},
 			back() {
 				uni.navigateBack()
 			}
@@ -338,5 +354,10 @@
 		margin: 0 auto;
 		font-weight: 700;
 	}
-	
+	.img-popup-content {
+		width: 600rpx;
+		height: 800rpx;
+		background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/73e684e3319c468d9252461ba3c9e95b.png') no-repeat;
+		background-size: 100%;
+	}
 </style>