feat: 完善接口19-顶部通知铃铛与站内通知中心

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

@@ -88,7 +88,7 @@
         </ElDescriptionsItem>
         <ElDescriptionsItem label="预计套餐到期时间">
           <span
-            :class="{ 'expiry-estimate--expiring': cardInfo?.is_expiring }"
+            :class="getExpiryEstimateClass(cardInfo)"
             :title="getExpiryEstimateTooltip(cardInfo)"
           >
             {{ getExpiryEstimateText(cardInfo) }}
@@ -182,7 +182,7 @@
         </ElDescriptionsItem>
         <ElDescriptionsItem label="预计套餐到期时间">
           <span
-            :class="{ 'expiry-estimate--expiring': cardInfo?.is_expiring }"
+            :class="getExpiryEstimateClass(cardInfo)"
             :title="getExpiryEstimateTooltip(cardInfo)"
           >
             {{ getExpiryEstimateText(cardInfo) }}
@@ -598,7 +598,11 @@
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
   import { formatDateTime } from '@/utils/business/format'
-  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
+  import {
+    getExpiryEstimateText,
+    getExpiryEstimateTooltip,
+    getExpiryEstimateClass
+  } from '@/utils/business/expiryEstimate'
 
   // Props
   interface BindingCard {
@@ -987,11 +991,24 @@
         word-break: break-all;
       }
 
-      .expiry-estimate--expiring {
+      .expiry-estimate--critical,
+      .expiry-estimate--warning,
+      .expiry-estimate--notice {
         font-weight: 500;
+      }
+
+      .expiry-estimate--critical {
         color: var(--el-color-danger);
       }
 
+      .expiry-estimate--warning {
+        color: #8e44ad;
+      }
+
+      .expiry-estimate--notice {
+        color: #e83e8c;
+      }
+
       .card-header {
         display: flex;
         gap: 12px;