fix 订单组件显示调整，新增退款失败，退款中新状态

@@ -23,23 +23,25 @@
         <nut-col span="18">
         <nut-col span="18">
           <view class="order-card-price-text">
           <view class="order-card-price-text">
             <view class="left"><nut-price :price="order_price" size="normal" /></view>
             <view class="left"><nut-price :price="order_price" size="normal" /></view>
-            <view class="right" style="margin-top: 10rpx"
+            <!-- <view class="right" style="margin-top: 10rpx"
               ><nut-price
               ><nut-price
                 :price="original_total"
                 :price="original_total"
                 size="small"
                 size="small"
                 strike-through
                 strike-through
                 style="color: #7d7c7c"
                 style="color: #7d7c7c"
-            /></view>
+            /></view> -->
           </view>
           </view>
         </nut-col>
         </nut-col>
         <nut-col span="6" class="order-card-price-num">
         <nut-col span="6" class="order-card-price-num">
-          <IconFont
+          <!-- <IconFont
             name="close"
             name="close"
             size="7"
             size="7"
             color="#000"
             color="#000"
             style="margin-right: 5rpx; margin-bottom: 0.5rpx"
             style="margin-right: 5rpx; margin-bottom: 0.5rpx"
-          ></IconFont
-          ><text>{{ order_num }}</text>
+          ></IconFont> -->
+          <text>{{ order_num }}&nbsp;</text>
+          <text v-if="room_type === 'floor'">栋</text>
+          <text v-else>间</text>
         </nut-col>
         </nut-col>
       </nut-row>
       </nut-row>
     </view>
     </view>
@@ -93,7 +95,7 @@
         <nut-col span="18">
         <nut-col span="18">
           <view v-if="showBtn" class="order-control">
           <view v-if="showBtn" class="order-control">
             <nut-button
             <nut-button
-              v-if="pay_show || props.data.status === 5"
+              v-if="pay_show || props.data.status === 5 || props.data.status === 4"
               @tap="cancelOrder(order_id)"
               @tap="cancelOrder(order_id)"
               plain
               plain
               color="#6A4925"
               color="#6A4925"
@@ -193,7 +195,7 @@ import { IconFont } from "@nutui/icons-vue-taro";
 import { orderCancelAPI } from "@/api/index";
 import { orderCancelAPI } from "@/api/index";
 
 
 /**
 /**
- * 房间状态（9=已入住，2=已取消，3=未支付，5=已支付）
+ * 房间状态（9=已入住，2=已取消，3=未支付，5=已支付，4=退款失败，6=退款中）
  * /
  * /
 
 
 
 
@@ -259,6 +261,8 @@ const STATUS_COLOR = {
   3: "#D5842D",
   3: "#D5842D",
   5: "#6A4925",
   5: "#6A4925",
   9: "#656565",
   9: "#656565",
+  4: "#EB2E2E",
+  6: "#F8D9B9",
 };
 };
 
 
 const STATUS_TEXT = {
 const STATUS_TEXT = {
@@ -266,6 +270,8 @@ const STATUS_TEXT = {
   5: "待入住",
   5: "待入住",
   9: "已入住",
   9: "已入住",
   3: "待支付",
   3: "待支付",
+  4: "退款失败",
+  6: "退款中",
 };
 };
 
 
 const id = ref(""); // 房间id
 const id = ref(""); // 房间id
@@ -309,7 +315,7 @@ const calcBgColor = computed(() => {
 
 
 // 显示操作按钮的条件判断
 // 显示操作按钮的条件判断
 const showBtn = computed(() => {
 const showBtn = computed(() => {
-  return props.data.status === 5 || props.data.status === 3;
+  return props.data.status === 5 || props.data.status === 3 || props.data.status === 4;
 });
 });
 
 
 /**
 /**