From 1c81fa2ec0e03a552c5f030e5623518c4bc9e7f7 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Wed, 25 Dec 2024 18:51:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:home=E7=95=8C=E9=9D=A2=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=81=94=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/langs/en-us.ts            |  1 +
 src/locales/langs/zh-cn.ts            |  1 +
 src/views/home/index.vue              | 13 ++++++++++++-
 src/views/home/modules/card-data.vue  |  6 +++++-
 src/views/home/modules/line-chart.vue |  6 +++++-
 5 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 88d2eaf..8a918d2 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -527,6 +527,7 @@ const local: any = {
       Currentspeed:'Current speed',
       Used:'Used',
       maxspeed:'Max',
+      deviceCount: "Device",
     },
     userInfo:{
       user:'User',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 36c2e6c..f9013cd 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -527,6 +527,7 @@ const local:any = {
       Currentspeed:'当前速度',
       Used:'已用',
       maxspeed:'峰值',
+      deviceCount: "设备数",
     },
     userInfo:{
       user:'用户',
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 081641d..f8bbc54 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,15 +1,26 @@
 <script setup lang="ts">
+import { ref } from 'vue';
 import HeaderBanner from './modules/header-banner.vue';
 import CardData from './modules/card-data.vue';
 import LineChart from './modules/line-chart.vue';
 // import PieChart from './modules/pie-chart.vue';
 // import ProjectNews from './modules/project-news.vue';
 // import CreativityBanner from './modules/creativity-banner.vue';
+// 创建对 HeaderBanner 组件的引用
+const headerBannerRef = ref();
+
+// 创建更新仪表盘的方法
+const updateDashboard = async () => {
+  await headerBannerRef.value?.updateDashboard();
+};
+
+// 提供更新方法给子组件
+provide('updateDashboard', updateDashboard);
 </script>
 
 <template>
   <ASpace direction="vertical" :size="16">
-    <HeaderBanner />
+    <HeaderBanner ref="headerBannerRef"/>
     <LineChart />
     <CardData />
 <!--    <ARow :gutter="[16, 16]">-->
diff --git a/src/views/home/modules/card-data.vue b/src/views/home/modules/card-data.vue
index 2d6389e..a907875 100644
--- a/src/views/home/modules/card-data.vue
+++ b/src/views/home/modules/card-data.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from 'vue';
+import { ref, computed, onMounted, onUnmounted, inject } from 'vue';
 import { useBillingStore } from '@/store/modules/billing/billing';
 import { useI18n } from 'vue-i18n';
 import { submitOrder } from '@/service/api/auth';
@@ -7,6 +7,8 @@ import { message } from 'ant-design-vue';
 import type { Ref } from 'vue';
 
 const { t } = useI18n();
+// 注入更新仪表盘的方法
+const updateDashboard = inject('updateDashboard') as () => Promise<void>;
 
 interface RechargeOption {
   amount: number;
@@ -95,6 +97,8 @@ const handleRecharge = async () => {
 
     // 更新余额，传入充值金额
     await billingStore.updateBalance(paymentAmount.value);
+    // 更新仪表盘数据
+    await updateDashboard();
   } catch (error) {
     message.error('充值失败，请重试！');
     console.error('Failed to submit recharge order:', error);
diff --git a/src/views/home/modules/line-chart.vue b/src/views/home/modules/line-chart.vue
index b135d41..0794101 100644
--- a/src/views/home/modules/line-chart.vue
+++ b/src/views/home/modules/line-chart.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, inject } from 'vue';
 import { fetchPackageList, submitOrder } from '@/service/api/auth';
 import { message } from 'ant-design-vue';
 
 const { t } = useI18n();
+// 注入更新仪表盘的方法
+const updateDashboard = inject('updateDashboard') as () => Promise<void>;
 
 interface PackageOption {
   id: string;
@@ -127,6 +129,8 @@ const handleSubmitOrder = async () => {
       packageId: selectedPackage.value.id
     });
     message.success('套餐办理成功！');
+    // 更新仪表盘数据
+    await updateDashboard();
   } catch (error) {
     message.error('套餐办理失败，请重试！');
     console.error('Failed to submit order:', error);