修复bug

pages/bus/orderdetails.vue

 <template>
+	<view>
 	<view class="hotel-detail" v-if="orderData">
 		<scroll-view ref="scrollView" scroll-y="true" style="height: 1px;flex: 1;box-sizing: border-box;"
 			@scroll="scroll">
@@ -214,7 +215,7 @@
 		<view class="jz_orderbox flex" v-if="showPayBtn">
 			<view style="display: flex">
 				<!-- #ifdef MP-DI -->
-				<button v-if="orderData.OrderStatus==1||orderData.OrderStatus==5" class="jz_OrderReNow"
+				<button v-if="orderData.OrderStatus==1||orderData.OrderStatus==2" class="jz_OrderReNow"
 					@click="goCancelZK" style="background: #fff; color: #111; border: 1px solid #111"
 					:disabled="submitCancel" :loading="submitCancel">
 					取消
@@ -233,7 +234,8 @@
 				<!-- #endif -->
 			</view>
 		</view>
-		<cancelPrompt v-if="showModal"
+	</view>
+	<cancelPrompt v-if="showModal"
 		:showModal="showModal" 
 		@cancel="cancelModal" 
 		:orderNo="orderData.OrderNo"></cancelPrompt>
@@ -665,7 +667,9 @@
 
 <style scoped>
 	@import url("@/asset/css/flex.css");
-
+	/deep/.showModalBox{
+		background-color: rgba(0, 0, 0, 0.6);
+	}
 	.hotel-detail {
 		height: 100vh;
 		overflow: hidden;