feat: 订单样式调整

src/pages-order/order/components/FooterSection/index.vue

@@ -5,7 +5,7 @@
     <button
       v-if="['1', '2'].includes(statusCode)"
       class="left border-none border-box bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
-      @click="emit('refund')"
+      @click="emit('refund', orderData)"
     >
       申请退款
     </button>
@@ -14,7 +14,7 @@
         'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 color-white',
         {
           'bg-FF3D60': statusCode === '0',
-          'bg-2D91FF': ['1', '2', '3', '5', '6'].includes(statusCode),
+          'bg-2D91FF': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
         },
       ]"
       @click="handleButtonClick"
@@ -53,6 +53,7 @@ const buttonText = computed(() => {
     case "1": // 已取消状态
     case "2": // 已取消状态
     case "3": // 已取消状态
+    case "4": // 已取消状态
     case "5": // 已关闭状态
     case "6": // 已完成状态
       return "再次预定";