diff --git a/frontend/admin/src/pages/OrderPage.vue b/frontend/admin/src/pages/OrderPage.vue
index 61a8004..6d6812e 100644
--- a/frontend/admin/src/pages/OrderPage.vue
+++ b/frontend/admin/src/pages/OrderPage.vue
@@ -33,14 +33,14 @@ const orders = ref({
 const first = ref(0);
 const rows = ref(10);
 
-const orderStatusMap = {
-    'pending': { label: '待支付', severity: 'warning' },
-    'paid': { label: '已支付', severity: 'success' },
-    'refunding': { label: '退款中', severity: 'help' },
-    'refunded': { label: '已退款', severity: 'info' },
-    'cancelled': { label: '已取消', severity: 'danger' },
-    'completed': { label: '已完成', severity: 'success' }
-};
+const orderStatusMap = [
+    { label: '待支付', severity: 'warning' }, // 'pending':
+    { label: '已支付', severity: 'success' }, // 'paid':
+    { label: '退款中', severity: 'help' }, // 'refunding':
+    { label: '已退款', severity: 'info' }, // 'refunded':
+    { label: '已取消', severity: 'danger' }, // 'cancelled':
+    { label: '已完成', severity: 'success' } // 'completed'
+];
 
 const formatPrice = (price) => {
     return (price / 100).toFixed(2);
@@ -185,7 +185,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>