hookehuyr

feat(订单管理): 添加退款状态样式和文本显示

在订单管理页面中新增退款相关状态(退款中、已退款、退款失败)的样式和文本显示
...@@ -235,6 +235,18 @@ ...@@ -235,6 +235,18 @@
235 &.status-cancelled { 235 &.status-cancelled {
236 color: #6b7280; 236 color: #6b7280;
237 } 237 }
238 +
239 + &.status-refund-pending {
240 + color: #f97316;
241 + }
242 +
243 + &.status-refund-success {
244 + color: #10b981;
245 + }
246 +
247 + &.status-refund-failed {
248 + color: #f97316;
249 + }
238 } 250 }
239 251
240 /* 车辆信息 */ 252 /* 车辆信息 */
...@@ -515,6 +527,18 @@ ...@@ -515,6 +527,18 @@
515 color: #6b7280; 527 color: #6b7280;
516 } 528 }
517 529
530 + &.status-refund-pending {
531 + color: #f97316;
532 + }
533 +
534 + &.status-refund-success {
535 + color: #10b981;
536 + }
537 +
538 + &.status-refund-failed {
539 + color: #f97316;
540 + }
541 +
518 &.price { 542 &.price {
519 color: #f97316; 543 color: #f97316;
520 font-weight: 600; 544 font-weight: 600;
......
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-04 14:40:34 4 + * @LastEditTime: 2025-08-04 15:22:11
5 * @FilePath: /jgdl/src/pages/myOrders/index.vue 5 * @FilePath: /jgdl/src/pages/myOrders/index.vue
6 * @Description: 订单管理页面 6 * @Description: 订单管理页面
7 --> 7 -->
...@@ -31,8 +31,8 @@ ...@@ -31,8 +31,8 @@
31 <view v-if="viewMode === 'buy' || viewMode === 'verification'" class="tab-item" :class="{ active: activeTab === 3 }" @click="setActiveTab(3)"> 31 <view v-if="viewMode === 'buy' || viewMode === 'verification'" class="tab-item" :class="{ active: activeTab === 3 }" @click="setActiveTab(3)">
32 待支付 32 待支付
33 </view> 33 </view>
34 - <view v-if="viewMode === 'buy' || viewMode === 'sell' || viewMode === 'verification'" class="tab-item" :class="{ active: activeTab === 5 }" @click="setActiveTab(5)"> 34 + <view v-if="viewMode === 'verification'" class="tab-item" :class="{ active: activeTab === 5 }" @click="setActiveTab(5)">
35 - {{ viewMode === 'verification' ? '已付款' : '待收货' }} 35 + 已付款
36 </view> 36 </view>
37 <view v-if="viewMode === 'buy' || viewMode === 'sell'" class="tab-item" :class="{ active: activeTab === 9 }" @click="setActiveTab(9)"> 37 <view v-if="viewMode === 'buy' || viewMode === 'sell'" class="tab-item" :class="{ active: activeTab === 9 }" @click="setActiveTab(9)">
38 待收货 38 待收货
...@@ -750,6 +750,12 @@ const getStatusText = (status) => { ...@@ -750,6 +750,12 @@ const getStatusText = (status) => {
750 return '已完成' 750 return '已完成'
751 case 7: 751 case 7:
752 return '已取消' 752 return '已取消'
753 + case 13:
754 + return '退款中'
755 + case 15:
756 + return '已退款'
757 + case 17:
758 + return '退款失败'
753 default: 759 default:
754 return '未知状态' 760 return '未知状态'
755 } 761 }
...@@ -770,6 +776,12 @@ const getStatusClass = (status) => { ...@@ -770,6 +776,12 @@ const getStatusClass = (status) => {
770 return 'status-completed' 776 return 'status-completed'
771 case 7: 777 case 7:
772 return 'status-cancelled' 778 return 'status-cancelled'
779 + case 13:
780 + return 'status-refund-pending'
781 + case 15:
782 + return 'status-refund-success'
783 + case 17:
784 + return 'status-refund-failed'
773 default: 785 default:
774 return '' 786 return ''
775 } 787 }
......