fix 隐藏二维码头部状态显示，订单详情上显示订单的状态

 <!--
  * @Date: 2024-01-16 10:06:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-30 09:59:59
+ * @LastEditTime: 2024-01-30 10:50:03
  * @FilePath: /xysBooking/src/components/qrCode.vue
  * @Description: 预约码卡组件
 -->
@@ -9,9 +9,9 @@
   <div class="qr-code-page">
     <div v-if="userList.length" class="show-qrcode">
       <div class="qrcode-content">
-        <div v-if="props.status" class="user-status">
+        <!-- <div v-if="props.status" class="user-status">
           <div :class="[formatStatus(props.status).key, 'status']">{{ formatStatus(props.status).value }}</div>
-        </div>
+        </div> -->
         <div class="user-info">{{ userinfo.name }}&nbsp;{{ userinfo.id }}</div>
         <div class="user-qrcode">
           <div class="left" @click="prevCode">

 <!--
  * @Date: 2024-01-16 13:19:23
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-29 16:05:29
+ * @LastEditTime: 2024-01-30 10:55:56
  * @FilePath: /xysBooking/src/views/bookingDetail.vue
  * @Description: 预约记录详情
 -->
@@ -29,6 +29,10 @@
         <div>订单编号：</div>
         <div>{{ billInfo?.pay_id }}</div>
       </div>
+      <div class="detail-item">
+        <div>订单状态：</div>
+        <div>{{ qrCodeStatusText }}</div>
+      </div>
     </div>
     <div style="height: 5rem;"></div>
     <div v-if="billInfo.status === CodeStatus.SUCCESS && billInfo.show_cancel_reserve === 1" class="cancel-wrapper">
@@ -60,6 +64,7 @@ const go = useGo();
 
 const pay_id = $route.query.pay_id;
 const qrCodeStatus = ref('');
+const qrCodeStatusText = ref('');
 const loading = ref(false);
 
 const cancelBooking = (item) => {
@@ -124,12 +129,19 @@ onMounted(async () => {
     switch (billInfo.value.status) {
       case CodeStatus.SUCCESS:
         qrCodeStatus.value = 'success';
+        qrCodeStatusText.value = '待使用';
+        break;
+      case CodeStatus.CANCEL:
+        qrCodeStatus.value = 'cancel';
+        qrCodeStatusText.value = '已取消';
         break;
       case CodeStatus.CANCELED:
         qrCodeStatus.value = 'cancel';
+        qrCodeStatusText.value = '已取消';
         break;
       case CodeStatus.USED:
         qrCodeStatus.value = 'used';
+        qrCodeStatusText.value = '已使用';
         break;
     }
   }