feat(订单管理): 添加退款状态样式和文本显示
在订单管理页面中新增退款相关状态(退款中、已退款、退款失败)的样式和文本显示
Showing
2 changed files
with
39 additions
and
3 deletions
| ... | @@ -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 | } | ... | ... |
-
Please register or login to post a comment