feat: add refund statuses

frontend/admin/src/pages/OrderPage.vue

@@ -33,13 +33,16 @@ const orders = ref({
 const first = ref(0);
 const rows = ref(10);
 
+//  pending, paid, refund_success, refund_closed, refund_processing, refund_abnormal, cancelled, completed
 const orderStatusMap = [
-    { label: '待支付', severity: 'secondary' }, // 'pending':
-    { label: '已支付', severity: 'success' }, // 'paid':
-    { label: '退款中', severity: 'info' }, // 'refunding':
-    { label: '已退款', severity: 'warn' }, // 'refunded':
-    { label: '已取消', severity: 'danger' }, // 'cancelled':
-    { label: '已完成', severity: 'success' } // 'completed'
+    { label: '待支付', severity: 'secondary' },
+    { label: '已支付', severity: 'success' },
+    { label: '已退款', severity: 'warn' },
+    { label: '退款关闭', severity: 'info' },
+    { label: '退款中', severity: 'info' },
+    { label: '退款异常', severity: 'warn' },
+    { label: '已取消', severity: 'danger' },
+    { label: '已完成', severity: 'success' }
 ];
 
 const formatPrice = (price) => {
@@ -166,7 +169,7 @@ onMounted(() => {
                             <span class="text-orange-500">优惠: -¥{{ formatPrice(getDiscountAmount(data.price,
                                 data.discount)) }}</span>
                             <span class="font-bold">实付: ¥{{ formatPrice(getFinalPrice(data.price, data.discount))
-                            }}</span>
+                                }}</span>
                         </div>
                     </template>
                 </Column>