房态已预订可以取消订单

pages/house/orderInfo.vue

@@ -176,6 +176,7 @@
 				<!-- 已预订 -->
 				<template v-if="orderInfo.orderStatus==1">
 					<button class="edit" @click="edit()">编辑订单</button>
+					<button class="edit" @click="cancle()" type="info">取消订单</button>
 					<button class="goRoom" @click="checkIn(2)" v-if="showRuzhu">办理入住</button>
 				</template>
 				<!-- 已入住 -->
@@ -493,6 +494,7 @@
 		width: 100%;
 		margin-top: 20rpx;
 		display: flex;
+		gap:0 20rpx;
 		justify-content: space-between;
 		border-radius: 10rpx;
 		z-index: 9;