From bcab3014ace16aa9761825ba8f7065b3aa480875 Mon Sep 17 00:00:00 2001
From: d266377 <d266377@noreply.gitcode.com>
Date: Wed, 28 Jan 2026 15:09:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=80=81=E5=8A=BF=E6=84=9F=E7=9F=A5=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0-=E5=BC=80=E6=BA=90=E7=94=9F=E6=80=81=E4=B8=8E?=
 =?UTF-8?q?=E8=B4=A1=E7=8C=AE=E4=BB=B7=E5=80=BC=E5=85=A8=E6=99=AF=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E6=A6=82=E8=A7=88=E5=AF=B9=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/jyh/situation.ts                      |  9 ++
 .../Jyh/ecosystem/components/StatsGlass.vue   | 86 +++++++++++++++----
 2 files changed, 77 insertions(+), 18 deletions(-)

diff --git a/src/api/jyh/situation.ts b/src/api/jyh/situation.ts
index e9863c5..c60563a 100644
--- a/src/api/jyh/situation.ts
+++ b/src/api/jyh/situation.ts
@@ -137,3 +137,12 @@ export function scatterDataPage1(params?: any): Promise<any> {
   });
 }
 
+// 开源生态与贡献价值全景-统计概览
+export function overviewDataPage2(params?: any): Promise<any> {
+  return request({
+    url: `/api/v1/page2/overviewData`,
+    method: 'get',
+    params
+  });
+}
+
diff --git a/src/views/Jyh/ecosystem/components/StatsGlass.vue b/src/views/Jyh/ecosystem/components/StatsGlass.vue
index 3810b78..78ba650 100644
--- a/src/views/Jyh/ecosystem/components/StatsGlass.vue
+++ b/src/views/Jyh/ecosystem/components/StatsGlass.vue
@@ -23,26 +23,76 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps } from 'vue';
+import { ref, onMounted } from 'vue';
+import { overviewDataPage2 } from '@/api/jyh/situation';
 
-// 定义props，便于从父组件或API获取数据
-const props = defineProps({
-  activeDevelopers: {
-    type: String,
-    default: '200万+'
-  },
-  openSourceProjects: {
-    type: String,
-    default: '300万+'
-  },
-  openSourceCompanies: {
-    type: String,
-    default: '500+'
-  },
-  industryValuation: {
-    type: String,
-    default: '2800亿'
+// 定义响应式数据
+const activeDevelopers = ref<string>('加载中...');
+const openSourceProjects = ref<string>('加载中...');
+const openSourceCompanies = ref<string>('加载中...');
+const industryValuation = ref<string>('加载中...');
+
+// 加载状态
+const loading = ref(true);
+
+// 格式化数字的工具函数
+const formatNumber = (num: number, unit: string = ''): string => {
+  if (num >= 100000000) {
+    return (num / 100000000).toFixed(1) + '亿';
+  } else if (num >= 10000) {
+    return (num / 10000).toFixed(1) + '万';
+  } else if (num >= 1000) {
+    return (num / 1000).toFixed(1) + '千';
   }
+  return num.toString();
+};
+
+// 格式化估值的工具函数
+const formatValuation = (num: number): string => {
+  if (num >= 100000000) {
+    return (num / 100000000).toFixed(1) + '亿';
+  } else if (num >= 10000) {
+    return (num / 10000).toFixed(1) + '万';
+  }
+  return num.toString() + '亿';
+};
+
+// 获取统计数据
+const fetchStats = async () => {
+  try {
+    loading.value = true;
+    const response = await overviewDataPage2();
+    
+    if (response.code === 200 && response.data) {
+      const { developer, project, company, valuation } = response.data;
+      
+      // 格式化数据显示
+      activeDevelopers.value = `${formatNumber(developer)}+`;
+      openSourceProjects.value = `${formatNumber(project)}+`;
+      openSourceCompanies.value = `${formatNumber(company)}+`;
+      industryValuation.value = `${formatValuation(valuation)}`;
+    } else {
+      console.error('获取统计数据失败:', response.msg || '未知错误');
+      // 设置默认值
+      activeDevelopers.value = '200万+';
+      openSourceProjects.value = '300万+';
+      openSourceCompanies.value = '500+';
+      industryValuation.value = '2800亿';
+    }
+  } catch (error) {
+    console.error('获取统计数据异常:', error);
+    // 设置默认值
+    activeDevelopers.value = '200万+';
+    openSourceProjects.value = '300万+';
+    openSourceCompanies.value = '500+';
+    industryValuation.value = '2800亿';
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  fetchStats();
 });
 </script>