新增积分余额显示功能，优化积分格式化逻辑，完善积分获取接口文档

src/layouts/AdminLayout.vue

@@ -60,9 +60,13 @@
         <!-- 移动端显示当前页面标题 -->
         <span v-if="isMobile" class="mobile-page-title">{{ currentPageTitle }}</span>
         <div v-if="!isMobile" class="spacer" />
+        <!-- 积分显示 -->
+        <span v-if="isAgent() && pointsBalance !== null" class="points-display">
+          积分: {{ formatPoints(pointsBalance) }}
+        </span>
         <el-dropdown>
           <span class="el-dropdown-link">
-            <span>{{ currentUser?.username || '用户' }}</span>
+            <span class="username">{{ currentUser?.username || '用户' }}</span>
             <i class="el-icon el-icon--right"><svg width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M7 10l5 5 5-5z"/></svg></i>
           </span>
           <template #dropdown>
@@ -85,10 +89,13 @@
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { clearTokens } from '@/utils/auth'
 import { useRouter, useRoute } from 'vue-router'
-import { canAccessRoute, getCurrentUser } from '@/utils/permission'
+import { canAccessRoute, getCurrentUser, isAgent } from '@/utils/permission'
+import { getPointsBalance } from '@/api/points'
+import { formatPoints } from '@/utils/points'
 
 const collapsed = ref(false)
 const isMobile = ref(false)
+const pointsBalance = ref(null)
 const router = useRouter()
 const route = useRoute()
 
@@ -125,6 +132,19 @@ const canAccessRefund = computed(() => canAccessRoute('Refund'))
 const canAccessAnnouncements = computed(() => canAccessRoute('Announcements'))
 const canAccessSettings = computed(() => canAccessRoute('Settings'))
 
+// 获取积分余额
+const fetchPointsBalance = async () => {
+  if (!isAgent()) return // 只有代理商才需要显示积分
+  
+  try {
+    const data = await getPointsBalance()
+    pointsBalance.value = data.pointsBalance
+  } catch (error) {
+    console.error('获取积分余额失败:', error)
+    pointsBalance.value = null
+  }
+}
+
 // 切换侧边栏
 const toggleSidebar = () => {
   collapsed.value = !collapsed.value
@@ -150,6 +170,7 @@ function onLogout() {
 onMounted(() => {
   checkMobile()
   window.addEventListener('resize', checkMobile)
+  fetchPointsBalance() // 页面加载时获取积分余额
 })
 
 onUnmounted(() => {
@@ -267,6 +288,13 @@ onUnmounted(() => {
   color: #303133;
 }
 
+.points-display {
+  font-size: 16px;
+  color: #409eff;
+  font-weight: 500;
+  margin-right: 16px;
+}
+
 .el-dropdown-link {
   cursor: pointer;
   display: flex;
@@ -280,6 +308,10 @@ onUnmounted(() => {
   color: #409eff;
 }
 
+.username {
+  font-weight: 500;
+}
+
 .content { 
   padding: 16px; 
   overflow: auto; 
@@ -310,11 +342,20 @@ onUnmounted(() => {
     font-size: 15px;
   }
   
+  .points-display {
+    font-size: 14px;
+    margin-right: 12px;
+  }
+  
   .el-dropdown-link {
     font-size: 16px;
     min-height: var(--mobile-touch-target);
     padding: 8px;
   }
+  
+  .username {
+    font-size: 16px;
+  }
 }
 
 @media (max-width: 480px) {
@@ -342,6 +383,11 @@ onUnmounted(() => {
     white-space: nowrap;
   }
   
+  .points-display {
+    font-size: 13px;
+    margin-right: 8px;
+  }
+  
   .el-dropdown-link {
     font-size: 14px;
     padding: 6px;
@@ -353,6 +399,10 @@ onUnmounted(() => {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  
+  .username {
+    font-size: 14px;
+  }
 }
 
 /* 桌面端样式 */