From 9caa5322ba3ab96e788af8a2bfd87caae62d9dc9 Mon Sep 17 00:00:00 2001
From: d266377 <d266377@noreply.gitcode.com>
Date: Thu, 29 Jan 2026 17:15:56 +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-=E6=AD=A6=E6=B1=89=E5=B8=82=E5=BC=80=E6=BA=90?=
 =?UTF-8?q?=E7=94=9F=E6=80=81=E5=BB=BA=E8=AE=BE-=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=E6=A6=82=E8=A7=882=20=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Jyh/Community/components/StatsBar.vue     | 74 +++++++++++++++++--
 1 file changed, 66 insertions(+), 8 deletions(-)

diff --git a/src/views/Jyh/Community/components/StatsBar.vue b/src/views/Jyh/Community/components/StatsBar.vue
index 4a524f4..9050f73 100644
--- a/src/views/Jyh/Community/components/StatsBar.vue
+++ b/src/views/Jyh/Community/components/StatsBar.vue
@@ -1,31 +1,89 @@
 <template>
   <div class="stats-glass-bar">
     <div class="stat-node">
-      <span class="stat-value">150+</span>
+      <span class="stat-value">{{ whCompany }}</span>
       <span class="stat-desc">武汉开源企业</span>
     </div>
     <div class="stat-separator"></div>
     <div class="stat-node">
-      <span class="stat-value">12</span>
+      <span class="stat-value">{{ whCommunity }}</span>
       <span class="stat-desc">武汉开源社区数量</span>
     </div>
     <div class="stat-separator"></div>
     <div class="stat-node">
-      <span class="stat-value">70W+</span>
+      <span class="stat-value">{{ whDeveloper }}</span>
       <span class="stat-desc">武汉开源开发者数量</span>
     </div>
     <div class="stat-separator"></div>
     <div class="stat-node">
-      <span class="stat-value">500+</span>
+      <span class="stat-value">{{ whProject }}</span>
       <span class="stat-desc">武汉开源项目数量</span>
     </div>
   </div>
 </template>
 
-<script>
-export default {
-name: "StatsBar"
-}
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue';
+import { statsBarPage3 } from '@/api/jyh/situation';
+
+// 定义响应式数据
+const whCompany = ref<string>('加载中...');
+const whCommunity = ref<string>('加载中...');
+const whDeveloper = ref<string>('加载中...');
+const whProject = 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 fetchStats = async() => {
+  try {
+    loading.value = true;
+    const response = await statsBarPage3();
+
+    if (response.code === 200 && response.data) {
+      const { developer, community, company, project } = response.data;
+      
+      // 格式化数据显示
+      whDeveloper.value = `${formatNumber(developer)}+`;
+      whCommunity.value = formatNumber(community);
+      whCompany.value = `${formatNumber(company)}+`;
+      whProject.value = `${formatNumber(project)}+`;
+    } else {
+      console.error('获取统计数据失败:', response.msg || '未知错误');
+      // 设置默认值
+      whDeveloper.value = '70万+';
+      whCommunity.value = '12';
+      whCompany.value = '150+';
+      whProject.value = '500+';
+    }
+  } catch (error) {
+    console.error('获取统计数据异常:', error);
+    // 设置默认值
+    whDeveloper.value = '70万+';
+    whCommunity.value = '12';
+    whCompany.value = '150+';
+    whProject.value = '500+';
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  fetchStats();
+});
 </script>
 
 <style lang="scss" scoped>