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

src/views/asset-management/iot-card-management/index.vue

@@ -1045,7 +1045,11 @@
   import { useUserStore } from '@/store/modules/user'
   import { storeToRefs } from 'pinia'
   import { formatDateTime } from '@/utils/business/format'
-  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
+  import {
+    getExpiryEstimateText,
+    getExpiryEstimateTooltip,
+    getExpiryEstimateClass
+  } from '@/utils/business/expiryEstimate'
   import { formatRemainingTime, FrontendRateLimitError } from '@/utils/business/apiRateLimit'
   import type {
     StandaloneIotCard,
@@ -2127,7 +2131,7 @@
         h(
           'span',
           {
-            class: { 'expiry-estimate--expiring': row.is_expiring },
+            class: getExpiryEstimateClass(row),
             title: getExpiryEstimateTooltip(row)
           },
           getExpiryEstimateText(row)
@@ -3044,8 +3048,21 @@
     cursor: pointer;
   }
 
-  .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;
+  }
 </style>