From 09a31c46b61b6c8677ef5c5daa03acc9b6b9508f Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Fri, 24 Jan 2025 19:28:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=B5=81=E9=87=8F=E6=98=AF=E5=90=A6?=
 =?UTF-8?q?=E6=97=A0=E9=99=90=E5=88=B6=E5=88=A4=E6=96=AD=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/modules/header-banner.vue | 25 ++++++++++++------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/views/home/modules/header-banner.vue b/src/views/home/modules/header-banner.vue
index 1a9ed27..d1e4644 100644
--- a/src/views/home/modules/header-banner.vue
+++ b/src/views/home/modules/header-banner.vue
@@ -298,26 +298,25 @@ async function mockDataUpdate() {
       const totalTraffic = response.trafficEnable ? (response.traffic || 0) : 0;
       const usedTraffic = response.trafficEnable ? (response.trafficUsed || 0) : 0;
       const remainingTraffic = Math.max(0, totalTraffic - usedTraffic);
-      const progressRatio = totalTraffic ? Math.min(1, Math.max(0, remainingTraffic / totalTraffic)) : 0;
 
       // 格式化流量显示
-      const formattedTotal = response.trafficEnable ? formatTraffic(totalTraffic) : { value: 0, unit: '' };
-      const formattedUsed = response.trafficEnable ? formatTraffic(usedTraffic) : { value: 0, unit: '' };
-      const formattedRemaining = response.trafficEnable ? formatTraffic(remainingTraffic) : { value: 0, unit: '' };
+      const formattedTotal = formatTraffic(totalTraffic);
+      const formattedUsed = formatTraffic(usedTraffic);
+      const formattedRemaining = formatTraffic(remainingTraffic);
 
       // 更新流量数据显示
       baseData.value[1] = {
         ...baseData.value[1],
         value: remainingTraffic,
         max: totalTraffic,
-        displayValue: response.trafficEnable ? `${formattedRemaining.value}${formattedRemaining.unit}` : t('page.headerbanner.nolimit'),
+        displayValue: !response.trafficEnable ? t('page.headerbanner.nolimit') : `${formattedRemaining.value}${formattedRemaining.unit}`,
         unit: '',
-        description: response.trafficEnable
-          ? `${t('page.headerbanner.monthflowr')} (${formattedTotal.value}${formattedTotal.unit})`
-          : `${t('page.headerbanner.monthflowr')} (${t('page.headerbanner.nolimit')})`,
-        subTitle: response.trafficEnable
-          ? t('page.headerbanner.Used') + `: ${formattedUsed.value}${formattedUsed.unit}`
-          : t('page.headerbanner.Used') + `: 0B`,
+        description: !response.trafficEnable
+          ? `${t('page.headerbanner.monthflowr')} (${t('page.headerbanner.nolimit')})`
+          : `${t('page.headerbanner.monthflowr')} (${formattedTotal.value}${formattedTotal.unit})`,
+        subTitle: !response.trafficEnable
+          ? t('page.headerbanner.Used') + `: ${t('page.headerbanner.nolimit')}`
+          : t('page.headerbanner.Used') + `: ${formattedUsed.value}${formattedUsed.unit}`,
         speedLimits: {
           upLimit: speedLimits.value.upLimit,
           downLimit: speedLimits.value.downLimit
@@ -340,7 +339,7 @@ async function mockDataUpdate() {
       // 更新图表
       updateGauge1(opts => updateGaugeData(opts, baseData.value[0]));
       updateGauge2(opts => {
-        const newOpts = updateGaugeData(opts, baseData.value[1], progressRatio);
+        const newOpts = updateGaugeData(opts, baseData.value[1], remainingTraffic / totalTraffic);
         return {
           ...newOpts,
           animation: true,
@@ -350,7 +349,7 @@ async function mockDataUpdate() {
       });
     }
   } catch (error) {
-    console.warn('Dashboard update failed:', error);
+    console.error('Failed to update data:', error);
   }
 }