fix: 真流量虚流量权限

src/views/asset-management/asset-information/components/AssetSearchCard.vue

@@ -34,7 +34,7 @@
       <!-- 操作按钮组 -->
       <div v-if="hasCardInfo" class="operation-button-group">
         <ElButton @click="handleRefresh" type="primary" :icon="Refresh" :disabled="refreshDisabled">
-          刷新
+          同步
         </ElButton>
       </div>
     </div>

src/views/asset-management/asset-information/components/CurrentPackageCard.vue

@@ -31,12 +31,12 @@
 
     <template v-else-if="currentPackage">
       <!-- 流量使用情况 - 横向进度条卡片 -->
-      <div class="flow-progress-card">
+      <div v-if="shouldShowTrafficCard" class="flow-progress-card">
         <!-- 管理员视角：始终显示真流量和虚流量 -->
         <template v-if="isAdminOrPlatform">
           <div class="flow-stats-container">
             <!-- 真流量 -->
-            <div class="flow-stat-section">
+            <div v-if="canViewCurrentPackageRealUsage" class="flow-stat-section">
               <div class="flow-stat-label">真流量使用</div>
               <div class="flow-stat-row">
                 <span class="stat-item">
@@ -79,7 +79,7 @@
               />
             </div>
             <!-- 虚流量 -->
-            <div class="flow-stat-section">
+            <div v-if="canViewCurrentPackageVirtualUsage" class="flow-stat-section">
               <div class="flow-stat-label">虚流量使用</div>
               <div class="flow-stat-row">
                 <span class="stat-item">
@@ -211,6 +211,9 @@
         <ElDescriptionsItem v-if="currentPackage.duration_days" label="套餐时长">
           {{ currentPackage.duration_days }}天
         </ElDescriptionsItem>
+        <ElDescriptionsItem label="到期计时基准">
+          {{ getExpiryBaseLabel(currentPackage.expiry_base) }}
+        </ElDescriptionsItem>
       </ElDescriptions>
     </template>
 
@@ -230,6 +233,7 @@
     ElAlert
   } from 'element-plus'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
+  import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
   import { storeToRefs } from 'pinia'
   import type { AssetPackageUsageRecord } from '@/types/api'
@@ -238,17 +242,29 @@
   const {
     formatAmount,
     formatDataSize,
+    getExpiryBaseLabel,
     getUsageProgress,
     getProgressColorByPercentage,
     formatProgressPercentage,
     getBreakpointMarkerStyle
   } = useAssetFormatters()
 
+  const { hasAuth } = useAuth()
   const userStore = useUserStore()
   const { info: userInfo } = storeToRefs(userStore)
   const isAdminOrPlatform = computed(
     () => userInfo.value.user_type === 1 || userInfo.value.user_type === 2
   )
+  const canViewCurrentPackageRealUsage = computed(() =>
+    hasAuth('asset_info:view_current_package_real_usage')
+  )
+  const canViewCurrentPackageVirtualUsage = computed(() =>
+    hasAuth('asset_info:view_current_package_virtual_usage')
+  )
+  const shouldShowTrafficCard = computed(() => {
+    if (!isAdminOrPlatform.value) return true
+    return canViewCurrentPackageRealUsage.value || canViewCurrentPackageVirtualUsage.value
+  })
 
   interface Props {
     currentPackage: AssetPackageUsageRecord | null

src/views/asset-management/asset-information/components/PackageListCard.vue

@@ -63,8 +63,8 @@
           <ElTableColumn label="流量" min-width="450">
             <template #default="scope">
               <div class="traffic-progress">
-                <template v-if="isAdminOrPlatform">
-                  <div class="progress-text">
+                <template v-if="isAdminOrPlatform && shouldShowAdminTrafficBreakdown">
+                  <div v-if="canViewCurrentPackageRealUsage" class="progress-text">
                     <span class="used"
                       >已使用真流量: {{ formatDataSize(scope.row.real_used_mb || 0) }}</span
                     >
@@ -81,6 +81,7 @@
                     >
                   </div>
                   <ElProgress
+                    v-if="canViewCurrentPackageRealUsage"
                     style="margin-top: 4px"
                     :percentage="
                       getUsageProgress(scope.row.real_used_mb || 0, scope.row.real_total_mb || 0)
@@ -91,7 +92,11 @@
                       )
                     "
                   />
-                  <div class="progress-text" style="margin-top: 8px">
+                  <div
+                    v-if="canViewCurrentPackageVirtualUsage"
+                    class="progress-text"
+                    :style="{ marginTop: canViewCurrentPackageRealUsage ? '8px' : '0' }"
+                  >
                     <span class="used"
                       >已使用虚流量: {{ formatDataSize(scope.row.virtual_used_mb || 0) }}</span
                     >
@@ -99,7 +104,7 @@
                       >停机阈值: {{ formatDataSize(scope.row.virtual_total_mb || 0) }}</span
                     >
                   </div>
-                  <div class="progress-wrapper">
+                  <div v-if="canViewCurrentPackageVirtualUsage" class="progress-wrapper">
                     <div class="progress-track">
                       <ElProgress
                         style="margin-top: 4px"
@@ -142,7 +147,7 @@
                     </span>
                   </div>
                 </template>
-                <template v-else>
+                <template v-else-if="!isAdminOrPlatform">
                   <div class="progress-text">
                     <span class="used"
                       >已使用: {{ formatDataSize(getDisplayedUsedMb(scope.row)) }}</span
@@ -271,9 +276,19 @@
   const { hasAuth } = useAuth()
   const userStore = useUserStore()
   const { info: userInfo } = storeToRefs(userStore)
+  const canViewCurrentPackageRealUsage = computed(() =>
+    hasAuth('asset_info:view_current_package_real_usage')
+  )
+  const canViewCurrentPackageVirtualUsage = computed(() =>
+    hasAuth('asset_info:view_current_package_virtual_usage')
+  )
   const isAdminOrPlatform = computed(
     () => userInfo.value.user_type === 1 || userInfo.value.user_type === 2
   )
+  const shouldShowAdminTrafficBreakdown = computed(() => {
+    if (!isAdminOrPlatform.value) return true
+    return canViewCurrentPackageRealUsage.value || canViewCurrentPackageVirtualUsage.value
+  })
 
   // 退款申请对话框
   const createRefundDialogVisible = ref(false)

src/views/asset-management/asset-information/composables/useAssetFormatters.ts

@@ -196,6 +196,15 @@ export function useAssetFormatters() {
     return statusMap[status] || 'info'
   }
 
+  // 鑾峰彇鍒版湡璁℃椂鍩哄噯鏂囨
+  const getExpiryBaseLabel = (expiryBase?: string | null) => {
+    const map: Record<string, string> = {
+      from_activation: '实名激活时起算',
+      from_purchase: '购买时起算'
+    }
+    return map[expiryBase || ''] || '--'
+  }
+
   // 计算使用进度百分比
   const getUsageProgress = (cumulative: number, total: number): number => {
     if (!total || total <= 0) return 0
@@ -255,6 +264,7 @@ export function useAssetFormatters() {
     getSwitchModeName,
     getTransactionTypeTag,
     getPaymentStatusType,
+    getExpiryBaseLabel,
     getUsageProgress,
     getProgressColorByPercentage,
     formatProgressPercentage,

src/views/asset-management/asset-information/composables/useAssetInfo.ts

@@ -242,6 +242,7 @@ export function useAssetInfo() {
             reduction_pct: pkg.reduction_pct || 0,
             start_time: pkg.activated_at || '',
             expire_time: pkg.expires_at || '',
+            expiry_base: pkg.expiry_base ?? null,
             status: pkg.status || 0,
             status_name: pkg.status_name,
             duration_days: undefined,