feat(订单管理): 添加已退款状态标签和相关逻辑
在订单管理页面中添加已退款状态的标签显示,并补充对应的订单详情按钮逻辑
Showing
1 changed file
with
23 additions
and
3 deletions
| 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 | // 其他单一状态 | ... | ... |
-
Please register or login to post a comment