hookehuyr

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

......@@ -23,23 +23,25 @@
<nut-col span="18">
<view class="order-card-price-text">
<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
:price="original_total"
size="small"
strike-through
style="color: #7d7c7c"
/></view>
/></view> -->
</view>
</nut-col>
<nut-col span="6" class="order-card-price-num">
<IconFont
<!-- <IconFont
name="close"
size="7"
color="#000"
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-row>
</view>
......@@ -93,7 +95,7 @@
<nut-col span="18">
<view v-if="showBtn" class="order-control">
<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)"
plain
color="#6A4925"
......@@ -193,7 +195,7 @@ import { IconFont } from "@nutui/icons-vue-taro";
import { orderCancelAPI } from "@/api/index";
/**
* 房间状态(9=已入住,2=已取消,3=未支付,5=已支付)
* 房间状态(9=已入住,2=已取消,3=未支付,5=已支付,4=退款失败,6=退款中
* /
......@@ -259,6 +261,8 @@ const STATUS_COLOR = {
3: "#D5842D",
5: "#6A4925",
9: "#656565",
4: "#EB2E2E",
6: "#F8D9B9",
};
const STATUS_TEXT = {
......@@ -266,6 +270,8 @@ const STATUS_TEXT = {
5: "待入住",
9: "已入住",
3: "待支付",
4: "退款失败",
6: "退款中",
};
const id = ref(""); // 房间id
......@@ -309,7 +315,7 @@ const calcBgColor = 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;
});
/**
......