预约记录列表不可点击操作的显示优化

 <!--
  * @Date: 2024-01-24 16:38:13
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-24 17:57:11
+ * @LastEditTime: 2024-01-25 11:17:39
  * @FilePath: /xysBooking/src/components/reserveCard.vue
  * @Description: 文件描述
 -->
@@ -14,7 +14,9 @@
     <div class="booking-list-item-body">
       <div class="booking-num">
         <div class="num-body">预约人数：<span>{{ props.data.total_qty }} 人</span></div>
-        <div><van-icon name="arrow" /></div>
+        <div v-if="(props.data.status === CodeStatus.SUCCESS || props.data.status === CodeStatus.USED || props.data.status === CodeStatus.CANCEL)">
+          <van-icon name="arrow" />
+        </div>
       </div>
       <div class="booking-price">支付金额：<span>¥ {{ props.data.total_amt }}</span></div>
       <div class="booking-time">下单时间：<span>{{ props.data.order_time }}</span></div>

@@ -13,20 +13,6 @@
       :finished-text="finishedTextStatus ? '没有更多了' : ''"
       @load="onLoad"
     >
-      <!-- <div @click="goToDetail(item)" v-for="(item, index) in bookingList" :key="index" class="booking-list-item">
-        <div class="booking-list-item-header">
-          <div>{{ item.booking_time }}</div>
-          <div :class="[formatStatus(item.status)?.key, 'status']">{{ formatStatus(item.status)?.value }}</div>
-        </div>
-        <div class="booking-list-item-body">
-          <div class="booking-num">
-            <div class="num-body">预约人数：<span>{{ item.total_qty }} 人</span></div>
-            <div><van-icon name="arrow" /></div>
-          </div>
-          <div class="booking-price">支付金额：<span>¥ {{ item.total_amt }}</span></div>
-          <div class="booking-time">下单时间：<span>{{ item.order_time }}</span></div>
-        </div>
-      </div> -->
       <template v-for="(item, index) in bookingList" :key="index">
         <reserveCard :data="item" />
       </template>