fix:home界面组件更新联动

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',

src/locales/langs/zh-cn.ts

@@ -527,6 +527,7 @@ const local:any = {
       Currentspeed:'当前速度',
       Used:'已用',
       maxspeed:'峰值',
+      deviceCount: "设备数",
     },
     userInfo:{
       user:'用户',

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]">-->

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);

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);