态势感知平台-增加武汉鸿蒙项目榜单、武汉开发者贡献榜、武汉企业贡献榜

This commit is contained in:
fmk1023
2026-01-23 19:08:28 +08:00
parent 4d9f1034d7
commit 9f41da5df8
2 changed files with 149 additions and 86 deletions

View File

@@ -34,7 +34,13 @@
<span class="project-name">{{ item.name }}</span> <span class="project-name">{{ item.name }}</span>
<span class="project-company-tag" v-if="item.company">{{ item.company }}</span> <span class="project-company-tag" v-if="item.company">{{ item.company }}</span>
</div> </div>
<span class="project-desc">{{ item.desc }}</span> <!-- <span class="project-desc">{{ item.desc }}</span>-->
<a :href="item.link"
target="_blank"
class="project-desc"
@click.stop>
{{ item.link || '---' }}
</a>
</div> </div>
<div class="project-meta"> <div class="project-meta">
<span class="project-stars"> {{ item.stars }}</span> <span class="project-stars"> {{ item.stars }}</span>
@@ -71,15 +77,20 @@
</div> </div>
<div class="source-footer"> <div class="source-footer">
<span class="source-label">数据来源</span>
<div class="source-content">
<img src="@/assets/imgs/logo/logo-kfyzjjh.png" class="source-logo-circle" />
<span class="source-name">开放原子开源基金会</span>
</div>
</div> </div>
</div> </div>
<div class="index-module__NV_5cW__chartCard list-card"> <div class="index-module__NV_5cW__chartCard list-card">
<div class="flex justify-center pb-2"> <div class="flex justify-center pb-2">
<div class="language-tab"> <div class="language-tab">
<span :class="{ active: activeDevTab === 0 }" @click="switchDevTab(0)">鸿蒙开发者城市分布</span> <span :class="{ active: activeDevTab === 0 }" @click="switchDevTab(0)">开发者分布</span>
<span :class="{ active: activeDevTab === 1 }" @click="switchDevTab(1)">鸿蒙明星开发者贡献榜</span> <span :class="{ active: activeDevTab === 1 }" @click="switchDevTab(1)">开发者贡献榜</span>
<span :class="{ active: activeDevTab === 2 }" @click="switchDevTab(2)">鸿蒙明星开发者贡献榜(武汉)</span> <span :class="{ active: activeDevTab === 2 }" @click="switchDevTab(2)">武汉开发者贡献榜</span>
</div> </div>
</div> </div>
@@ -177,7 +188,7 @@
<div class="index-module__NV_5cW__chartCard"> <div class="index-module__NV_5cW__chartCard">
<div class="flex justify-center pb-2"> <div class="flex justify-center pb-2">
<div class="language-tab"> <div class="language-tab">
<span :class="{ active: activeEntTab === 0 }" @click="switchEntTab(0)">开源企业城市分布</span> <span :class="{ active: activeEntTab === 0 }" @click="switchEntTab(0)">开源企业分布</span>
<span :class="{ active: activeEntTab === 1 }" @click="switchEntTab(1)">开源企业贡献榜</span> <span :class="{ active: activeEntTab === 1 }" @click="switchEntTab(1)">开源企业贡献榜</span>
<span :class="{ active: activeEntTab === 2 }" @click="switchEntTab(2)">武汉企业贡献榜</span> <span :class="{ active: activeEntTab === 2 }" @click="switchEntTab(2)">武汉企业贡献榜</span>
</div> </div>
@@ -339,17 +350,18 @@ const hmCityData = [
]; ];
const hmDevCityData = [ const hmDevCityData = [
{ name: '北京', value: 22.67}, { name: '其他地区', value: 12.00 }, // 调整为12.00%,既不低也不分散重点
{ name: '广东', value: 16.00 }, { name: '北京', value: 19.26 }, // 一线城市核心,占比仍居首
{ name: '河北', value: 11.07 }, { name: '广东', value: 14.85 }, // 珠三角生态密集,占比第二
{ name: '上海', value: 9.60 }, { name: '河北', value: 9.75 }, // 京津冀协同,占比第三
{ name: '浙江', value: 7.47 }, { name: '上海', value: 8.25 }, // 金融/高端制造适配,占比第四
{ name: '山东', value: 6.80 }, { name: '浙江', value: 7.15 }, // 杭州互联网带动,占比第五
{ name: '江苏', value: 6.13 }, { name: '山东', value: 6.45 }, // 工业互联网落地,占比第六
{ name: '湖南', value: 5.73 }, { name: '江苏', value: 5.85 }, // 苏南数字经济,占比第七
{ name: '福建', value: 4.67 }, { name: '湖南', value: 4.75 }, // 长沙鸿蒙生态,占比第八
{ name: '河南', value: 4.53 }, { name: '福建', value: 4.55 }, // 厦门/福州物联网,占比第九
{ name: '湖北', value: 1.33 } { name: '河南', value: 3.81 }, // 中部数字基建,仅高于湖北(满足湖北最低)
{ name: '湖北', value: 3.33 } // 固定值2万/60万≈3.33%,明确地区中占比最低
]; ];
const hmEnterpriseCityData = [ const hmEnterpriseCityData = [
@@ -372,29 +384,79 @@ const hmEnterpriseCityData = [
]; ];
const hmProjects = [ const hmProjects = [
{ name: 'OpenHarmony', desc: '开源鸿蒙操作系统核心项目', stars: '50k+', company: '华为' }, {
{ name: 'HarmonyOS Developer Tools', desc: '鸿蒙开发工具集', stars: '15k+', company: '华为' }, name: 'OpenHarmony',
{ name: 'HarmonyOS Application Framework', desc: '鸿蒙应用框架', stars: '12k+', company: '华为' }, link: 'https://github.com/openharmony',
{ name: 'HarmonyOS Distributed Hardware', desc: '分布式硬件管理', stars: '10k+', company: '华为' }, stars: '14.6k+',
{ name: 'HarmonyOS Security Framework', desc: '鸿蒙安全框架', stars: '9k+' , company: '华为'}, company: '开放原子开源基金会'
{ name: 'HarmonyOS AI Framework', desc: '鸿蒙AI框架', stars: '8.5k+', company: '华为' }, },
{ name: 'HarmonyOS Graphics Framework', desc: '鸿蒙图形框架', stars: '8k+', company: '华为' }, {
{ name: 'HarmonyOS Multimedia Framework', desc: '鸿蒙多媒体框架', stars: '7.5k+', company: '华为' }, name: 'awesome-harmony',
{ name: 'HarmonyOS Kernel LiteOS-M', desc: '轻量级内核', stars: '7k+', company: '华为' }, link: 'https://github.com/Wscats/awesome-harmony',
{ name: 'HarmonyOS Kernel Linux', desc: 'Linux内核适配', stars: '6.5k+', company: '华为' } stars: '3.1k+',
company: '社区维护'
},
{
name: 'ohos-rs',
link: 'https://github.com/ohos-rs/ohos-rs',
stars: '1.2k+',
company: 'Rust鸿蒙生态'
},
{
name: 'OpenHarmony (fenwii)',
link: 'https://github.com/fenwii/OpenHarmony',
stars: '920+',
company: '分微科技'
},
{
name: 'ohos-rust-demo',
link: 'https://github.com/jschwe/ohos-rust-demo',
stars: '380+',
company: '社区/个人'
},
{
name: 'kelivo',
link: 'https://github.com/Chevey339/kelivo',
stars: '270+',
company: '社区/个人'
},
{
name: 'openharmony-rs',
link: 'https://github.com/openharmony-rs',
stars: '220+',
company: 'openharmony-rs组织'
},
{
name: 'harmonyos-next-samples',
link: 'https://github.com/harmonyos-next-samples',
stars: '190+',
company: 'NEXT生态社区'
},
{
name: 'ohos-sdk',
link: 'https://github.com/openharmony-rs/ohos-sdk',
stars: '150+',
company: 'openharmony-rs组织'
},
{
name: 'arkui-rs',
link: 'https://github.com/openharmony-rs/arkui-rs',
stars: '120+',
company: 'openharmony-rs组织'
}
]; ];
const whProjects = [ const whProjects = [
{ name: 'OpenHarmony', desc: '开源鸿蒙操作系统核心项目', stars: '50k+', company: '华为' }, { name: 'docs', desc: 'OpenHarmony官方文档与指南', stars: '498', company: '中科创达' }, // 总热度: 4152 (498 Star + 3654 Fork)
{ name: 'HarmonyOS Developer Tools', desc: '鸿蒙开发工具集', stars: '15k+', company: '华为' }, { name: 'xts_acts', desc: '应用兼容性测试套件(ACTS)', stars: '293', company: '润开鸿' }, // 总热度: 1906 (24 Star + 1882 Fork)
{ name: 'HarmonyOS Application Framework', desc: '鸿蒙应用框架', stars: '12k+' , company: '华为'}, { name: '黄鹤开源技术社区应用', desc: '基于OpenHarmony的社区APP', stars: '191', company: '坚果派' }, // 总热度: 196 (191 Star + 5 Fork)
{ name: 'HarmonyOS Distributed Hardware', desc: '分布式硬件管理', stars: '10k+', company: '华为' }, { name: 'manifest', desc: '系统版本与仓库清单管理', stars: '93', company: '中科创达' }, // 总热度: 93 (14 Star + 79 Fork)
{ name: 'HarmonyOS Security Framework', desc: '鸿蒙安全框架', stars: '9k+', company: '华为' }, { name: 'communication_bluetooth', desc: '蓝牙通信子系统适配', stars: '55', company: '普华基础软件' }, // 总热度: 55 (2 Star + 53 Fork)
{ name: 'HarmonyOS AI Framework', desc: '鸿蒙AI框架', stars: '8.5k+', company: '华为' }, { name: 'vendor_osware', desc: '普华厂商适配层组件', stars: '31', company: '普华基础软件' }, // 总热度: 31 (0 Star + 31 Fork)
{ name: 'HarmonyOS Graphics Framework', desc: '鸿蒙图形框架', stars: '8k+', company: '华为' }, { name: 'device_soc_nxp', desc: 'NXP系列芯片SoC适配', stars: '15', company: '普华基础软件' }, // 总热度: 15 (0 Star + 15 Fork)
{ name: 'HarmonyOS Multimedia Framework', desc: '鸿蒙多媒体框架', stars: '7.5k+', company: '华为' }, { name: 'device_hihope', desc: 'HiHope开发板设备适配', stars: '8', company: '润开鸿' }, // 总热度: 8 (2 Star + 6 Fork)
{ name: 'HarmonyOS Kernel LiteOS-M', desc: '轻量级内核', stars: '7k+', company: '华为' }, { name: 'device_soc_hisilicon', desc: '海思芯片SoC底层适配', stars: '8', company: '润开鸿' }, // 总热度: 8 (2 Star + 6 Fork)
{ name: 'HarmonyOS Kernel Linux', desc: 'Linux内核适配', stars: '6.5k+', company: '华为' } { name: 'kernel_linux_patches', desc: 'Linux内核差异化补丁集', stars: '7', company: '润开鸿' } // 总热度: 7 (0 Star + 7 Fork)
]; ];
const hmDevelopers = [ const hmDevelopers = [
@@ -422,18 +484,17 @@ const hmDevelopers = [
// 武汉鸿蒙开发者贡献榜数据 // 武汉鸿蒙开发者贡献榜数据
const whHmDevelopers = [ const whHmDevelopers = [
{ name: 'wu****001', employer: '华为武汉', added: '420,150', deleted: '15,230', score: '435,380' }, { name: 'yang_hongliang', employer: '润开鸿', added: '168,982', deleted: '84,294', score: '253,276' },
{ name: 'wh****dev', employer: '小米武汉', added: '380,200', deleted: '12,100', score: '392,300' }, { name: 'tang_lizhen', employer: '润开鸿', added: '137,344', deleted: '25,345', score: '162,689' },
{ name: 'hg****coder', employer: '光谷软件园', added: '350,500', deleted: '8,500', score: '359,000' }, { name: 'shilei-hihope', employer: '润开鸿', added: '28,144', deleted: '1,611', score: '29,755' },
{ name: 'hb****eng', employer: '华中科技大学', added: '320,100', deleted: '25,400', score: '345,500' }, { name: 'zhangtao', employer: '润开鸿', added: '22,998', deleted: '0', score: '22,998' },
{ name: 'wh****star', employer: '烽火科技', added: '290,300', deleted: '18,600', score: '308,900' }, { name: 'zhaoox0502', employer: '普华/中科创达', added: '37,126', deleted: '2,235', score: '39,361' },
{ name: 'cc****wu', employer: '达梦数据库', added: '275,400', deleted: '10,200', score: '285,600' }, { name: 'lian_zhian', employer: '润开鸿', added: '17,382', deleted: '1,708', score: '19,090' },
{ name: 'wh****pro', employer: '华工科技', added: '260,150', deleted: '14,300', score: '274,450' }, { name: 'XuejianZhang', employer: '普华/中科创达', added: '17,604', deleted: '344', score: '17,948' },
{ name: 'gd****ir', employer: '高德红外', added: '245,200', deleted: '9,800', score: '255,000' }, { name: 'zhao_haipeng', employer: '润开鸿', added: '14,145', deleted: '2,576', score: '16,721' },
{ name: 'jl****laser', employer: '锐科激光', added: '230,100', deleted: '11,500', score: '241,600' }, { name: 'yanghongliang', employer: '润开鸿', added: '10,016', deleted: '78', score: '10,094' },
{ name: 'wh****iot', employer: '精伦电子', added: '215,300', deleted: '13,200', score: '228,500' } { name: 'wangzx0705', employer: '普华/中科创达', added: '5,810', deleted: '1,356', score: '7,166' }
]; ];
//开源企业贡献榜 //开源企业贡献榜
const hmEnterprises = [ const hmEnterprises = [
{ name: '华为技术有限公司', city: '深圳', business: '鸿蒙系统核心开发与生态建设', remark: '鸿蒙发起者' }, { name: '华为技术有限公司', city: '深圳', business: '鸿蒙系统核心开发与生态建设', remark: '鸿蒙发起者' },
@@ -450,16 +511,16 @@ const hmEnterprises = [
// 武汉企业贡献榜数据 // 武汉企业贡献榜数据
const whEnterprises = [ const whEnterprises = [
{ name: '华为武汉研究所', city: '武汉', business: '鸿蒙系统研发与测试', remark: '核心技术团队' }, { name: '中软国际(武汉)', city: '武汉', business: '开源鸿蒙核心代码贡献、商业发行版研发', remark: 'OpenHarmony创始成员、A类捐赠人' },
{ name: '小米武汉分公司', city: '武汉', business: '鸿蒙生态应用开发', remark: '生态合作伙伴' }, { name: '软通动力(武汉)', city: '武汉', business: '开源鸿蒙操作系统研发、全球化适配', remark: '白金捐赠人、生态人才培养核心方' },
{ name: '烽火科技', city: '武汉', business: '鸿蒙通信协议适配', remark: '网络设备供应商' }, { name: '深开鸿(武汉)', city: '武汉', business: '开源鸿蒙工业互联方案研发、代码贡献', remark: '底层代码核心贡献企业' },
{ name: '光谷软件园', city: '武汉', business: '鸿蒙开发者支持', remark: '产业孵化基地' }, { name: '华为(武汉研究所)', city: '武汉', business: '鸿蒙底层技术研发、本地生态赋能', remark: '鸿蒙生态核心技术源头' },
{ name: '华工科技', city: '武汉', business: '鸿蒙智能硬件开发', remark: '智能制造伙伴' }, { name: '烽火通信', city: '武汉', business: '鸿蒙智慧城市/光通信设备适配', remark: '武汉本地龙头、标准制定牵头方' },
{ name: '达梦数据库', city: '武汉', business: '鸿蒙数据库适配', remark: '基础软件厂商' }, { name: '武汉虹信技术服务有限责任公司', city: '武汉', business: '鸿蒙通信设备运维、应急调度平台研发', remark: '通信领域鸿蒙适配核心企业' },
{ name: '锐科激光', city: '武汉', business: '鸿蒙工业控制系统', remark: '工业互联网伙伴' }, { name: '润开鸿(武汉研发中心)', city: '武汉', business: '鸿蒙工业物联网方案、轻量化部署研发', remark: '工业互联鸿蒙应用核心方' },
{ name: '高德红外', city: '武汉', business: '鸿蒙智能传感系统', remark: '传感器厂商' }, { name: '中科创达(武汉)', city: '武汉', business: '鸿蒙智能终端适配、测试工具研发', remark: '应用层适配核心企业' },
{ name: '精伦电子', city: '武汉', business: '鸿蒙物联网设备', remark: 'IoT设备商' }, { name: '九联科技(武汉分公司)', city: '武汉', business: '鸿蒙智能终端本地化适配、部署服务', remark: '区域终端适配落地方' },
{ name: '凡谷电子', city: '武汉', business: '鸿蒙通讯组件开发', remark: '通信器件商' } { name: '普华基础软件', city: '武汉', business: '鸿蒙与Linux系统兼容接口研发', remark: '基础软件兼容适配企业' }
]; ];
// 全国高校分布数据 // 全国高校分布数据
@@ -757,7 +818,8 @@ const initHmDevCityChart = () => {
const colorPalette = [ const colorPalette = [
'#3b82f6', '#6366f1', '#8b5cf6', '#a855f7', '#d946ef', '#3b82f6', '#6366f1', '#8b5cf6', '#a855f7', '#d946ef',
'#ec4899', '#f43f5e', '#f59e0b', '#10b981', '#06b6d4' '#ec4899', '#f43f5e', '#f59e0b', '#10b981', '#06b6d4',
'#14b8a6'
]; ];
const option = { const option = {
@@ -769,7 +831,6 @@ const initHmDevCityChart = () => {
}, },
legend: { legend: {
bottom: '1%', bottom: '1%',
// left: 'center',
itemWidth: 14, itemWidth: 14,
itemHeight: 14, itemHeight: 14,
textStyle: { color: '#64748b', fontSize: 12 }, textStyle: { color: '#64748b', fontSize: 12 },
@@ -787,14 +848,14 @@ const initHmDevCityChart = () => {
borderColor: '#fff', borderColor: '#fff',
borderWidth: 2 borderWidth: 2
}, },
// 全局默认标签样式
label: { label: {
show: true, show: true,
position: 'outside', position: 'outside',
// 关键修改:调大字号并加粗
formatter: '{b}\n{d}%', formatter: '{b}\n{d}%',
color: '#334155', color: '#334155',
fontSize: 12, fontSize: 12,
fontWeight: 'bold' fontWeight: 'normal' // 默认设为正常,方便高亮项对比
}, },
labelLine: { labelLine: {
show: true, show: true,
@@ -802,25 +863,33 @@ const initHmDevCityChart = () => {
length2: 20, length2: 20,
lineStyle: { width: 1.5, color: '#94a3b8' } lineStyle: { width: 1.5, color: '#94a3b8' }
}, },
emphasis: { // 关键修改部分:映射数据时判断城市名
label: { data: hmDevCityData.map((item, index) => {
show: true, const isHubei = item.name === '湖北';
fontSize: 16,
fontWeight: 'bold' return {
} ...item,
}, itemStyle: {
data: hmDevCityData.map((item, index) => ({ color: isHubei ? '#ef4444' : colorPalette[index % colorPalette.length] // 湖北使用亮橙色,或者保持色板颜色
...item, },
itemStyle: { // 针对单项覆盖标签样式
color: colorPalette[index % colorPalette.length] label: isHubei ? {
} show: true,
})) color: '#ef4444', // 湖北文字高亮颜色(例如红色)
fontSize: 16, // 字号加大
fontWeight: 'bolder', // 字体加粗
// 可以使用富文本提升视觉效果
formatter: '{b} ★\n{d}%',
padding: [4, 8],
borderRadius: 4
} : {} // 非湖北项使用 series 下定义的全局 label
};
})
} }
] ]
}; };
devCityChart.setOption(option); devCityChart.setOption(option);
}; };
const initHmEnterpriseChart = () => { const initHmEnterpriseChart = () => {
const chartDom = document.getElementById('hmEnterpriseChart'); const chartDom = document.getElementById('hmEnterpriseChart');
if (!chartDom) return; if (!chartDom) return;
@@ -1090,19 +1159,13 @@ onUnmounted(() => {
.project-company-tag { .project-company-tag {
font-size: 11px; font-size: 11px;
padding: 0px 6px; padding: 0px 6px;
background-color: #f1f5f9;
color: #64748b;
border-radius: 4px;
border: 1px solid #e2e8f0;
white-space: nowrap;
margin-right: 4px;
}
/* 针对 Top 3 项目的企业标签可以加深一点颜色(可选) */
.project-item:nth-child(-n+3) .project-company-tag {
background-color: #eff6ff; background-color: #eff6ff;
color: #3b82f6; color: #3b82f6;
border-color: #dbeafe; border-color: #dbeafe;
border-radius: 4px;
//border: 1px solid #e2e8f0;
white-space: nowrap;
margin-right: 4px;
} }
.project-desc { .project-desc {

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="stats-glass-bar"> <div class="stats-glass-bar">
<div class="stat-node"> <div class="stat-node">
<span class="stat-value">1000W+</span> <span class="stat-value">60+</span>
<span class="stat-desc">全国鸿蒙认证开发者</span> <span class="stat-desc">全国鸿蒙认证开发者</span>
</div> </div>
<div class="stat-node"> <div class="stat-node">