hookehuyr

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

在订单管理页面中添加已退款状态的标签显示,并补充对应的订单详情按钮逻辑
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-08-09 18:43:38 4 + * @LastEditTime: 2025-08-09 19:07:35
5 * @FilePath: /jgdl/src/pages/myOrders/index.vue 5 * @FilePath: /jgdl/src/pages/myOrders/index.vue
6 * @Description: 订单管理页面 6 * @Description: 订单管理页面
7 --> 7 -->
...@@ -40,6 +40,9 @@ ...@@ -40,6 +40,9 @@
40 <view class="tab-item" :class="{ active: activeTab === 'completed' }" @click="setActiveTab('completed')"> 40 <view class="tab-item" :class="{ active: activeTab === 'completed' }" @click="setActiveTab('completed')">
41 已完成 41 已完成
42 </view> 42 </view>
43 + <view class="tab-item" :class="{ active: activeTab === 15 }" @click="setActiveTab(15)">
44 + 已退款
45 + </view>
43 <view class="tab-item" :class="{ active: activeTab === 7 }" @click="setActiveTab(7)"> 46 <view class="tab-item" :class="{ active: activeTab === 7 }" @click="setActiveTab(7)">
44 已取消 47 已取消
45 </view> 48 </view>
...@@ -56,6 +59,9 @@ ...@@ -56,6 +59,9 @@
56 @click="setActiveTab('profit_sharing')"> 59 @click="setActiveTab('profit_sharing')">
57 分账 60 分账
58 </view> 61 </view>
62 + <view class="tab-item" :class="{ active: activeTab === 15 }" @click="setActiveTab(15)">
63 + 已退款
64 + </view>
59 <view class="tab-item" :class="{ active: activeTab === 7 }" @click="setActiveTab(7)"> 65 <view class="tab-item" :class="{ active: activeTab === 7 }" @click="setActiveTab(7)">
60 已取消 66 已取消
61 </view> 67 </view>
...@@ -75,7 +81,7 @@ ...@@ -75,7 +81,7 @@
75 已取消 81 已取消
76 </view> 82 </view>
77 <view class="tab-item" :class="{ active: activeTab === 15 }" @click="setActiveTab(15)"> 83 <view class="tab-item" :class="{ active: activeTab === 15 }" @click="setActiveTab(15)">
78 - 退款 84 + 退款
79 </view> 85 </view>
80 </template> 86 </template>
81 </view> 87 </view>
...@@ -243,6 +249,20 @@ ...@@ -243,6 +249,20 @@
243 </nut-button> 249 </nut-button>
244 </template> 250 </template>
245 251
252 + <!-- 买车模式:已退款状态 -->
253 + <template v-if="viewMode === 'buy' && (order.status === 15 || order.status === 17)">
254 + <nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
255 + 订单详情
256 + </nut-button>
257 + </template>
258 +
259 + <!-- 卖车模式:已退款状态 -->
260 + <template v-if="viewMode === 'sell' && (order.status === 15 || order.status === 17)">
261 + <nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
262 + 订单详情
263 + </nut-button>
264 + </template>
265 +
246 <!-- 认证模式:已取消状态 --> 266 <!-- 认证模式:已取消状态 -->
247 <template 267 <template
248 v-if="viewMode === 'verification' && (order.status === 7 || order.status === 15 || order.status === 5)"> 268 v-if="viewMode === 'verification' && (order.status === 7 || order.status === 15 || order.status === 5)">
...@@ -638,7 +658,7 @@ const loadOrderData = async (isLoadMore = false) => { ...@@ -638,7 +658,7 @@ const loadOrderData = async (isLoadMore = false) => {
638 // 我卖的车:分账状态包括 11=已收货分账中,19=分账成功, 21=分账失败 658 // 我卖的车:分账状态包括 11=已收货分账中,19=分账成功, 21=分账失败
639 status = [11, 19, 21] 659 status = [11, 19, 21]
640 } else if (activeTab.value === 15) { 660 } else if (activeTab.value === 15) {
641 - // 认证模式:退款状态包括 15=已退款和17=退款失败 661 + // 退款状态包括 15=已退款和17=退款失败(适用于买车模式和认证模式)
642 status = [15, 17] 662 status = [15, 17]
643 } else if (activeTab.value) { 663 } else if (activeTab.value) {
644 // 其他单一状态 664 // 其他单一状态
......