预约列表里根据进行状态、是否已取消，调整样式

yfyc/src/views/My/MyBookings.vue

@@ -6,7 +6,8 @@
         v-for="(item, index) in bookingListShow"
         :key="item.id"
         :class="{
-          disabled: item.status !== 0,
+          disabled: item.proceedStatus === 2,
+          canceled: item.status !== 0,
         }"
       >
         <div class="top-bar">
@@ -44,8 +45,8 @@
               <span class="value">{{item.num}}人</span>
             </div>
           </div>
-          <button class="cancel" @click="onClickCancel(item.id)" v-show="item.proceedStatus === 0">
-            {{item.status === 0 ? '取消预约' : '已取消'}}
+          <button class="cancel" @click="onClickCancel(item.id)" v-show="item.proceedStatus !== 1">
+            {{item.proceedStatus === 0 ? '取消预约' : item.proceedStatus === 1 ? '活动中' : '已结束'}}
           </button>
         </div>
       </article>