feat(订单页面): 添加审批状态标签显示

在订单页面中添加审批状态标签，使用不同颜色区分不同状态

@@ -59,6 +59,7 @@ declare module 'vue' {
     VanSwipeItem: typeof import('vant/es')['SwipeItem']
     VanTab: typeof import('vant/es')['Tab']
     VanTabs: typeof import('vant/es')['Tabs']
+    VanTag: typeof import('vant/es')['Tag']
     VanUploader: typeof import('vant/es')['Uploader']
     VideoPlayer: typeof import('./components/ui/VideoPlayer.vue')['default']
     WechatPayment: typeof import('./components/payment/WechatPayment.vue')['default']

@@ -59,6 +59,7 @@
               <p class="text-sm text-gray-500 mb-1">{{ order.note }}</p>
               <p class="text-sm text-gray-500">{{ order.pay_date && formatDate(order.pay_date) }}</p>
               <p class="text-sm text-gray-500">¥{{ detail.price }} x {{ detail.number }} 份</p>
+              <van-tag :color="approvalStatusMap[order.approval_status]['color']">{{ approvalStatusMap[order.approval_status]['text'] }}</van-tag>
             </div>
           </div>
 
@@ -224,6 +225,14 @@ const statusMap = {
   REFUND: { text: '已退款', color: 'text-red-500' },
   REFUND_ERROR: { text: '退款失败', color: 'text-red-500' },
 }
+
+// 订单审批状态映射
+const approvalStatusMap = {
+  APPLY: { text: '待审批', color: '#1989f1' },
+  ENABLE: { text: '审批通过', color: '#07c160' },
+  DISABLE: { text: '审批不通过', color: '#ff976a' },
+  null: { text: '未审批', color: '#909399' },
+}
 // 模拟订单数据
 // const orders = ref([
 //   {