态势感知平台-开源生态与贡献价值全景-全球开源企业贡献榜top30接口对接
This commit is contained in:
d266377
@@ -225,52 +225,119 @@ import VitalityWaveChart from './components/VitalityWaveChart.vue'
|
||||
import StatsGlass from './components/StatsGlass.vue'
|
||||
import StarDevelopersChart from './components/StarDevelopersChart.vue'
|
||||
import { usePageResize } from '@/utils/hooks/usePageResize';
|
||||
import { projectHeatMapPage2 } from '@/api/jyh/situation';
|
||||
import { projectHeatMapPage2, rawEnterpriseDataPage2 } from '@/api/jyh/situation';
|
||||
|
||||
// 页面尺寸响应式
|
||||
const { widthType } = usePageResize();
|
||||
|
||||
// 定义企业数据结构
|
||||
interface EnterpriseDataItem {
|
||||
country: string;
|
||||
devs: number;
|
||||
name: string;
|
||||
openrank: number;
|
||||
repos: number;
|
||||
}
|
||||
|
||||
// 1. 全球开源企业贡献榜数据（来自 EnterpriseContributionRanking.vue）
|
||||
const rawEnterpriseData = [
|
||||
{ name: 'Microsoft', openrank: 177654.43, repos: 9211, devs: 14954, country: 'USA' },
|
||||
{ name: 'Huawei', openrank: 108690.66, repos: 11407, devs: 16413, country: 'China' },
|
||||
{ name: 'Google', openrank: 64156.6, repos: 3426, devs: 64115, country: 'USA' },
|
||||
{ name: 'Amazon', openrank: 54776.3, repos: 7850, devs: 35802, country: 'USA' },
|
||||
{ name: 'Meta', openrank: 34811.3, repos: 1410, devs: 31912, country: 'USA' },
|
||||
{ name: 'RedHat', openrank: 28004.37, repos: 736, devs: 3626, country: 'USA' },
|
||||
{ name: 'Mozilla', openrank: 27085.14, repos: 1792, devs: 17242, country: 'USA' },
|
||||
{ name: 'Alibaba', openrank: 24744.15, repos: 5570, devs: 18661, country: 'China' },
|
||||
{ name: 'IBM', openrank: 21165.28, repos: 626, devs: 5658, country: 'USA' },
|
||||
{ name: 'Elastic', openrank: 21472.45, repos: 2437, devs: 17735, country: 'USA' },
|
||||
{ name: 'Nabu Casa', openrank: 18499.45, repos: 101, devs: 27413, country: 'USA' },
|
||||
{ name: 'Grafana Labs', openrank: 18237.03, repos: 756, devs: 10925, country: 'USA' },
|
||||
{ name: 'Ant Group', openrank: 17916.45, repos: 1251, devs: 13760, country: 'China' },
|
||||
{ name: 'DataDog', openrank: 17795.41, repos: 935, devs: 5401, country: 'USA' },
|
||||
{ name: 'Intel', openrank: 17725.74, repos: 1046, devs: 6142, country: 'USA' },
|
||||
{ name: 'HashiCorp', openrank: 17229.81, repos: 745, devs: 17068, country: 'USA' },
|
||||
{ name: 'Hugging Face', openrank: 16909.25, repos: 277, devs: 15021, country: 'USA' },
|
||||
{ name: 'NVIDIA', openrank: 16082.9, repos: 850, devs: 12362, country: 'USA' },
|
||||
{ name: 'Baidu', openrank: 15695.3, repos: 408, devs: 9386, country: 'China' },
|
||||
{ name: 'VMWare', openrank: 14627.44, repos: 634, devs: 11794, country: 'USA' },
|
||||
{ name: 'Odoo', openrank: 12959.59, repos: 27, devs: 2678, country: 'Belgium' },
|
||||
{ name: 'Dio Academia', openrank: 11231.13, repos: 169, devs: 24070, country: 'Portugal' },
|
||||
{ name: 'Oracle', openrank: 10799.13, repos: 528, devs: 37959, country: 'USA' },
|
||||
{ name: 'Yandex', openrank: 10025.79, repos: 283, devs: 10112, country: 'Germany' },
|
||||
{ name: 'NextCloud', openrank: 10029.67, repos: 229, devs: 39516, country: 'Russia' },
|
||||
{ name: 'ByteDance', openrank: 8310.37, repos: 652, devs: 5989, country: 'China' },
|
||||
{ name: 'WordPress', openrank: 8267.62, repos: 176, devs: 777, country: 'USA' },
|
||||
{ name: 'Vercel', openrank: 8214.69, repos: 170, devs: 13420, country: 'USA' },
|
||||
{ name: 'LangChain', openrank: 8108.64, repos: 135, devs: 10099, country: 'USA' },
|
||||
{ name: 'ConsenSys', openrank: 8071.43, repos: 640, devs: 4686, country: 'USA' }
|
||||
];
|
||||
const rawEnterpriseData = ref<EnterpriseDataItem[]>([]);
|
||||
const enterpriseLoading = ref(true);
|
||||
|
||||
// 从API获取企业数据
|
||||
const fetchEnterpriseData = async () => {
|
||||
try {
|
||||
enterpriseLoading.value = true;
|
||||
const response = await rawEnterpriseDataPage2();
|
||||
|
||||
if (response.code === 0 && response.data) {
|
||||
rawEnterpriseData.value = response.data;
|
||||
} else {
|
||||
console.error('获取企业数据失败:', response.msg || '未知错误');
|
||||
// 设置默认数据
|
||||
rawEnterpriseData.value = [
|
||||
{ name: 'Microsoft', openrank: 177654.43, repos: 9211, devs: 14954, country: 'USA' },
|
||||
{ name: 'Huawei', openrank: 108690.66, repos: 11407, devs: 16413, country: 'China' },
|
||||
{ name: 'Google', openrank: 64156.6, repos: 3426, devs: 64115, country: 'USA' },
|
||||
{ name: 'Amazon', openrank: 54776.3, repos: 7850, devs: 35802, country: 'USA' },
|
||||
{ name: 'Meta', openrank: 34811.3, repos: 1410, devs: 31912, country: 'USA' },
|
||||
{ name: 'RedHat', openrank: 28004.37, repos: 736, devs: 3626, country: 'USA' },
|
||||
{ name: 'Mozilla', openrank: 27085.14, repos: 1792, devs: 17242, country: 'USA' },
|
||||
{ name: 'Alibaba', openrank: 24744.15, repos: 5570, devs: 18661, country: 'China' },
|
||||
{ name: 'IBM', openrank: 21165.28, repos: 626, devs: 5658, country: 'USA' },
|
||||
{ name: 'Elastic', openrank: 21472.45, repos: 2437, devs: 17735, country: 'USA' },
|
||||
{ name: 'Nabu Casa', openrank: 18499.45, repos: 101, devs: 27413, country: 'USA' },
|
||||
{ name: 'Grafana Labs', openrank: 18237.03, repos: 756, devs: 10925, country: 'USA' },
|
||||
{ name: 'Ant Group', openrank: 17916.45, repos: 1251, devs: 13760, country: 'China' },
|
||||
{ name: 'DataDog', openrank: 17795.41, repos: 935, devs: 5401, country: 'USA' },
|
||||
{ name: 'Intel', openrank: 17725.74, repos: 1046, devs: 6142, country: 'USA' },
|
||||
{ name: 'HashiCorp', openrank: 17229.81, repos: 745, devs: 17068, country: 'USA' },
|
||||
{ name: 'Hugging Face', openrank: 16909.25, repos: 277, devs: 15021, country: 'USA' },
|
||||
{ name: 'NVIDIA', openrank: 16082.9, repos: 850, devs: 12362, country: 'USA' },
|
||||
{ name: 'Baidu', openrank: 15695.3, repos: 408, devs: 9386, country: 'China' },
|
||||
{ name: 'VMWare', openrank: 14627.44, repos: 634, devs: 11794, country: 'USA' },
|
||||
{ name: 'Odoo', openrank: 12959.59, repos: 27, devs: 2678, country: 'Belgium' },
|
||||
{ name: 'Dio Academia', openrank: 11231.13, repos: 169, devs: 24070, country: 'Portugal' },
|
||||
{ name: 'Oracle', openrank: 10799.13, repos: 528, devs: 37959, country: 'USA' },
|
||||
{ name: 'Yandex', openrank: 10025.79, repos: 283, devs: 10112, country: 'Germany' },
|
||||
{ name: 'NextCloud', openrank: 10029.67, repos: 229, devs: 39516, country: 'Russia' },
|
||||
{ name: 'ByteDance', openrank: 8310.37, repos: 652, devs: 5989, country: 'China' },
|
||||
{ name: 'WordPress', openrank: 8267.62, repos: 176, devs: 777, country: 'USA' },
|
||||
{ name: 'Vercel', openrank: 8214.69, repos: 170, devs: 13420, country: 'USA' },
|
||||
{ name: 'LangChain', openrank: 8108.64, repos: 135, devs: 10099, country: 'USA' },
|
||||
{ name: 'ConsenSys', openrank: 8071.43, repos: 640, devs: 4686, country: 'USA' }
|
||||
];
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取企业数据异常:', error);
|
||||
// 设置默认数据
|
||||
rawEnterpriseData.value = [
|
||||
{ name: 'Microsoft', openrank: 177654.43, repos: 9211, devs: 14954, country: 'USA' },
|
||||
{ name: 'Huawei', openrank: 108690.66, repos: 11407, devs: 16413, country: 'China' },
|
||||
{ name: 'Google', openrank: 64156.6, repos: 3426, devs: 64115, country: 'USA' },
|
||||
{ name: 'Amazon', openrank: 54776.3, repos: 7850, devs: 35802, country: 'USA' },
|
||||
{ name: 'Meta', openrank: 34811.3, repos: 1410, devs: 31912, country: 'USA' },
|
||||
{ name: 'RedHat', openrank: 28004.37, repos: 736, devs: 3626, country: 'USA' },
|
||||
{ name: 'Mozilla', openrank: 27085.14, repos: 1792, devs: 17242, country: 'USA' },
|
||||
{ name: 'Alibaba', openrank: 24744.15, repos: 5570, devs: 18661, country: 'China' },
|
||||
{ name: 'IBM', openrank: 21165.28, repos: 626, devs: 5658, country: 'USA' },
|
||||
{ name: 'Elastic', openrank: 21472.45, repos: 2437, devs: 17735, country: 'USA' },
|
||||
{ name: 'Nabu Casa', openrank: 18499.45, repos: 101, devs: 27413, country: 'USA' },
|
||||
{ name: 'Grafana Labs', openrank: 18237.03, repos: 756, devs: 10925, country: 'USA' },
|
||||
{ name: 'Ant Group', openrank: 17916.45, repos: 1251, devs: 13760, country: 'China' },
|
||||
{ name: 'DataDog', openrank: 17795.41, repos: 935, devs: 5401, country: 'USA' },
|
||||
{ name: 'Intel', openrank: 17725.74, repos: 1046, devs: 6142, country: 'USA' },
|
||||
{ name: 'HashiCorp', openrank: 17229.81, repos: 745, devs: 17068, country: 'USA' },
|
||||
{ name: 'Hugging Face', openrank: 16909.25, repos: 277, devs: 15021, country: 'USA' },
|
||||
{ name: 'NVIDIA', openrank: 16082.9, repos: 850, devs: 12362, country: 'USA' },
|
||||
{ name: 'Baidu', openrank: 15695.3, repos: 408, devs: 9386, country: 'China' },
|
||||
{ name: 'VMWare', openrank: 14627.44, repos: 634, devs: 11794, country: 'USA' },
|
||||
{ name: 'Odoo', openrank: 12959.59, repos: 27, devs: 2678, country: 'Belgium' },
|
||||
{ name: 'Dio Academia', openrank: 11231.13, repos: 169, devs: 24070, country: 'Portugal' },
|
||||
{ name: 'Oracle', openrank: 10799.13, repos: 528, devs: 37959, country: 'USA' },
|
||||
{ name: 'Yandex', openrank: 10025.79, repos: 283, devs: 10112, country: 'Germany' },
|
||||
{ name: 'NextCloud', openrank: 10029.67, repos: 229, devs: 39516, country: 'Russia' },
|
||||
{ name: 'ByteDance', openrank: 8310.37, repos: 652, devs: 5989, country: 'China' },
|
||||
{ name: 'WordPress', openrank: 8267.62, repos: 176, devs: 777, country: 'USA' },
|
||||
{ name: 'Vercel', openrank: 8214.69, repos: 170, devs: 13420, country: 'USA' },
|
||||
{ name: 'LangChain', openrank: 8108.64, repos: 135, devs: 10099, country: 'USA' },
|
||||
{ name: 'ConsenSys', openrank: 8071.43, repos: 640, devs: 4686, country: 'USA' }
|
||||
];
|
||||
} finally {
|
||||
enterpriseLoading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
// 计算综合得分并排序
|
||||
const calculateEnterpriseScore = () => {
|
||||
const maxOpenrank = Math.max(...rawEnterpriseData.map(d => d.openrank));
|
||||
const maxRepos = Math.max(...rawEnterpriseData.map(d => d.repos));
|
||||
const maxDevs = Math.max(...rawEnterpriseData.map(d => d.devs));
|
||||
const calculateEnterpriseScore = (data: EnterpriseDataItem[]) => {
|
||||
if (!data || data.length === 0) {
|
||||
return [];
|
||||
}
|
||||
|
||||
const maxOpenrank = Math.max(...data.map(d => d.openrank));
|
||||
const maxRepos = Math.max(...data.map(d => d.repos));
|
||||
const maxDevs = Math.max(...data.map(d => d.devs));
|
||||
|
||||
const scored = rawEnterpriseData.map(item => {
|
||||
const scored = data.map(item => {
|
||||
const openrankScore = Math.sqrt(item.openrank / maxOpenrank) * 100;
|
||||
const reposScore = Math.sqrt(item.repos / maxRepos) * 100;
|
||||
const devsScore = Math.sqrt(item.devs / maxDevs) * 100;
|
||||
@@ -298,12 +365,12 @@ const calculateEnterpriseScore = () => {
|
||||
});
|
||||
};
|
||||
|
||||
const allEnterprises = calculateEnterpriseScore();
|
||||
const allEnterprises = computed(() => calculateEnterpriseScore(rawEnterpriseData.value));
|
||||
const enterpriseFilter = ref<'all' | 'China' | 'USA'>('all');
|
||||
|
||||
// 计算各国企业数量
|
||||
const chinaCount = computed(() => allEnterprises.filter(item => item.country === 'China').length);
|
||||
const usaCount = computed(() => allEnterprises.filter(item => item.country === 'USA').length);
|
||||
const chinaCount = computed(() => allEnterprises.value.filter(item => item.country === 'China').length);
|
||||
const usaCount = computed(() => allEnterprises.value.filter(item => item.country === 'USA').length);
|
||||
|
||||
// 切换筛选并重启滚动
|
||||
const changeEnterpriseFilter = (filter: 'all' | 'China' | 'USA') => {
|
||||
@@ -332,9 +399,9 @@ const totalRepos = computed(() => {
|
||||
// 根据筛选条件过滤企业数据
|
||||
const excellentProjects = computed(() => {
|
||||
if (enterpriseFilter.value === 'all') {
|
||||
return allEnterprises;
|
||||
return allEnterprises.value;
|
||||
}
|
||||
const filtered = allEnterprises.filter(item => item.country === enterpriseFilter.value);
|
||||
const filtered = allEnterprises.value.filter(item => item.country === enterpriseFilter.value);
|
||||
// 重新计算排名
|
||||
return filtered.map((item, index) => ({
|
||||
...item,
|
||||
@@ -1248,9 +1315,10 @@ const initCharts = () => {
|
||||
nextTick(() => initHeatmapChart());
|
||||
};
|
||||
|
||||
// 获取热力图数据并初始化图表
|
||||
// 获取企业数据和热力图数据并初始化图表
|
||||
onMounted(async () => {
|
||||
await fetchHeatmapData(); // 等待数据获取完成
|
||||
await fetchEnterpriseData(); // 等待企业数据获取完成
|
||||
await fetchHeatmapData(); // 等待热力图数据获取完成
|
||||
nextTick(() => initHeatmapChart()); // 数据加载完成后初始化图表
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user