feat: 订单样式调整

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

@@ -1,6 +1,6 @@
 <template>
   <view class="bg-white border-box rounded-12 p-12 mb-12">
-    <view class="flex flex-items-center flex-justify-between mb-4">
+    <view class="flex flex-items-center flex-justify-between">
       <view class="flex flex-items-center">
         <text class="font-size-16 color-171717 line-height-24 font-500">
           订单金额
@@ -12,7 +12,7 @@
     </view>
     <view
       v-if="orderData.orderStatus === '0'"
-      class="font-size-11 color-99A0AE"
+      class="font-size-11 color-99A0AE mt-4"
     >
       超时后，订单将自动取消
     </view>

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 "再次预定";

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

@@ -14,7 +14,7 @@
         :class="[
           {
             'color-FF3D60': statusCode === '0',
-            'color-21B466': ['1', '2'].includes(statusCode),
+            'color-21B466': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
           },
         ]"
       >