hookehuyr

feat(订单管理): 添加已退款状态标签和相关逻辑

在订单管理页面中添加已退款状态的标签显示,并补充对应的订单详情按钮逻辑
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-09 18:43:38
* @LastEditTime: 2025-08-09 19:07:35
* @FilePath: /jgdl/src/pages/myOrders/index.vue
* @Description: 订单管理页面
-->
......@@ -40,6 +40,9 @@
<view class="tab-item" :class="{ active: activeTab === 'completed' }" @click="setActiveTab('completed')">
已完成
</view>
<view class="tab-item" :class="{ active: activeTab === 15 }" @click="setActiveTab(15)">
已退款
</view>
<view class="tab-item" :class="{ active: activeTab === 7 }" @click="setActiveTab(7)">
已取消
</view>
......@@ -56,6 +59,9 @@
@click="setActiveTab('profit_sharing')">
分账
</view>
<view class="tab-item" :class="{ active: activeTab === 15 }" @click="setActiveTab(15)">
已退款
</view>
<view class="tab-item" :class="{ active: activeTab === 7 }" @click="setActiveTab(7)">
已取消
</view>
......@@ -75,7 +81,7 @@
已取消
</view>
<view class="tab-item" :class="{ active: activeTab === 15 }" @click="setActiveTab(15)">
退款
退款
</view>
</template>
</view>
......@@ -243,6 +249,20 @@
</nut-button>
</template>
<!-- 买车模式:已退款状态 -->
<template v-if="viewMode === 'buy' && (order.status === 15 || order.status === 17)">
<nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
订单详情
</nut-button>
</template>
<!-- 卖车模式:已退款状态 -->
<template v-if="viewMode === 'sell' && (order.status === 15 || order.status === 17)">
<nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
订单详情
</nut-button>
</template>
<!-- 认证模式:已取消状态 -->
<template
v-if="viewMode === 'verification' && (order.status === 7 || order.status === 15 || order.status === 5)">
......@@ -638,7 +658,7 @@ const loadOrderData = async (isLoadMore = false) => {
// 我卖的车:分账状态包括 11=已收货分账中,19=分账成功, 21=分账失败
status = [11, 19, 21]
} else if (activeTab.value === 15) {
// 认证模式:退款状态包括 15=已退款和17=退款失败
// 退款状态包括 15=已退款和17=退款失败(适用于买车模式和认证模式)
status = [15, 17]
} else if (activeTab.value) {
// 其他单一状态
......