新增了一个控制取消按钮的字段

 <!--
  * @Date: 2024-01-16 13:19:23
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-27 12:31:05
+ * @LastEditTime: 2024-01-29 16:05:29
  * @FilePath: /xysBooking/src/views/bookingDetail.vue
  * @Description: 预约记录详情
 -->
@@ -31,7 +31,7 @@
       </div>
     </div>
     <div style="height: 5rem;"></div>
-    <div v-if="billInfo.status === CodeStatus.SUCCESS" class="cancel-wrapper">
+    <div v-if="billInfo.status === CodeStatus.SUCCESS && billInfo.show_cancel_reserve === 1" class="cancel-wrapper">
       <div @click="cancelBooking" class="cancel-btn ">取消预约</div>
     </div>
     <div v-if="loading" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center;background: rgba(0, 0, 0, 0.5);">
@@ -118,7 +118,7 @@ onMounted(async () => {
     //
     data.datetime = data && formatDatetime(data);
     data.order_time = data.created_time.slice(0, -3);
-    //
+    // show_cancel_reserve 显示“取消预约”按钮 1=显示，否则不显示
     billInfo.value = data;
     // 显示二维码状态
     switch (billInfo.value.status) {