hookehuyr

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

在订单管理页面中新增退款相关状态(退款中、已退款、退款失败)的样式和文本显示
......@@ -235,6 +235,18 @@
&.status-cancelled {
color: #6b7280;
}
&.status-refund-pending {
color: #f97316;
}
&.status-refund-success {
color: #10b981;
}
&.status-refund-failed {
color: #f97316;
}
}
/* 车辆信息 */
......@@ -515,6 +527,18 @@
color: #6b7280;
}
&.status-refund-pending {
color: #f97316;
}
&.status-refund-success {
color: #10b981;
}
&.status-refund-failed {
color: #f97316;
}
&.price {
color: #f97316;
font-weight: 600;
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-04 14:40:34
* @LastEditTime: 2025-08-04 15:22:11
* @FilePath: /jgdl/src/pages/myOrders/index.vue
* @Description: 订单管理页面
-->
......@@ -31,8 +31,8 @@
<view v-if="viewMode === 'buy' || viewMode === 'verification'" class="tab-item" :class="{ active: activeTab === 3 }" @click="setActiveTab(3)">
待支付
</view>
<view v-if="viewMode === 'buy' || viewMode === 'sell' || viewMode === 'verification'" class="tab-item" :class="{ active: activeTab === 5 }" @click="setActiveTab(5)">
{{ viewMode === 'verification' ? '已付款' : '待收货' }}
<view v-if="viewMode === 'verification'" class="tab-item" :class="{ active: activeTab === 5 }" @click="setActiveTab(5)">
已付款
</view>
<view v-if="viewMode === 'buy' || viewMode === 'sell'" class="tab-item" :class="{ active: activeTab === 9 }" @click="setActiveTab(9)">
待收货
......@@ -750,6 +750,12 @@ const getStatusText = (status) => {
return '已完成'
case 7:
return '已取消'
case 13:
return '退款中'
case 15:
return '已退款'
case 17:
return '退款失败'
default:
return '未知状态'
}
......@@ -770,6 +776,12 @@ const getStatusClass = (status) => {
return 'status-completed'
case 7:
return 'status-cancelled'
case 13:
return 'status-refund-pending'
case 15:
return 'status-refund-success'
case 17:
return 'status-refund-failed'
default:
return ''
}
......