包车取消订单提示

pages/bus/orderdetails.vue

@@ -233,13 +233,19 @@
 				<!-- #endif -->
 			</view>
 		</view>
+		<cancelPrompt v-if="showModal"
+		:showModal="showModal" 
+		@cancel="cancelModal" 
+		:orderNo="orderData.OrderNo"></cancelPrompt>
 	</view>
 </template>
 
 <script>
+	import cancelPrompt from '@/components/cancelPrompt/cancelPrompt.vue'
 	import cancelProgress from '@/components/cancelPrompt/cancelProgress.vue'
 	export default {
 		components: {
+			cancelPrompt,
 			cancelProgress
 		},
 		data() {
@@ -329,6 +335,7 @@
 				},
 				customer: {},
 				SalePhone: '',
+				showModal: false,
 			};
 		},
 		created() {
@@ -354,6 +361,9 @@
 			if (this.id) this.getOrderDetail();
 		},
 		methods: {
+			cancelModal(){
+				this.showModal = false
+			},
 			payHotelOrder() {
 				let userInfo = uni.getStorageSync("mall_UserInfo");
 				var payMsg = {
@@ -411,8 +421,11 @@
 				});
 			},
 			goCancelZK() {
-				var that = this;
-				if (that.submitCancel) return
+				let that = this
+				if(this.orderData.OrderStatus==2){
+					return this.showModal = true
+				}
+				if (this.submit || this.submitCancel) return;
 				wx.showModal({
 					title: '提示',
 					content: '确定取消订单？',