完成授权页面样式重设计、云端数据权限功能、修复代理后台页面问题

frontend/src/pages/agent/cards/create.vue

@@ -33,12 +33,28 @@ const totalPrice = computed(() => {
 
 onMounted(async () => {
   try {
-    const data = await api.get<any[]>('/agent/apps')
-    apps.value = data || []
+    const data = await api.get<any>('/agent/apps')
+    if (Array.isArray(data)) {
+      apps.value = data
+    } else if (data?.apps) {
+      apps.value = data.apps
+    } else if (data?.data) {
+      apps.value = Array.isArray(data.data) ? data.data : []
+    } else {
+      apps.value = []
+    }
 
     if (apps.value.length > 0) {
-      const typesData = await api.get<any[]>('/agent/card-types')
-      cardTypes.value = typesData || []
+      const typesData = await api.get<any>('/agent/card-types')
+      if (Array.isArray(typesData)) {
+        cardTypes.value = typesData
+      } else if (typesData?.card_types) {
+        cardTypes.value = typesData.card_types
+      } else if (typesData?.data) {
+        cardTypes.value = Array.isArray(typesData.data) ? typesData.data : []
+      } else {
+        cardTypes.value = []
+      }
     }
   }
   catch (error) {
@@ -90,6 +106,10 @@ async function handleGenerate() {
   <BasicPage
     title="生成卡密"
     description="批量生成卡密"
+    :breadcrumbs="[
+      { title: '卡密管理', href: '/agent/cards' },
+      { title: '生成卡密' },
+    ]"
     sticky
   >
     <UiCard class="max-w-2xl">

frontend/src/pages/agent/cards/index.vue

@@ -23,11 +23,20 @@ const cards = ref<Card[]>([])
 
 onMounted(async () => {
   try {
-    const data = await api.get<Card[]>('/agent/cards')
-    cards.value = data || []
+    const data = await api.get<any>('/agent/cards')
+    if (Array.isArray(data)) {
+      cards.value = data
+    } else if (data?.cards) {
+      cards.value = data.cards
+    } else if (data?.data) {
+      cards.value = Array.isArray(data.data) ? data.data : []
+    } else {
+      cards.value = []
+    }
   }
   catch (error) {
     console.error('Load cards failed:', error)
+    cards.value = []
   }
   finally {
     loading.value = false
@@ -55,6 +64,10 @@ function getStatusBadge(status: string) {
   <BasicPage
     :title="t('nav.cards')"
     description="管理生成的卡密"
+    :breadcrumbs="[
+      { title: '控制台', href: '/agent' },
+      { title: '卡密管理' },
+    ]"
     sticky
   >
     <template #actions>
@@ -107,7 +120,7 @@ function getStatusBadge(status: string) {
               </tr>
             </thead>
             <tbody class="divide-y">
-              <tr v-for="card in cards" :key="card.id" class="hover:bg-muted/30">
+              <tr v-for="card in cards.filter(c => c)" :key="card.id" class="hover:bg-muted/30">
                 <td class="px-4 py-3 font-mono text-sm">
                   {{ card.code }}
                 </td>