diff --git a/src/views/Jyh/ecosystem/index.vue b/src/views/Jyh/ecosystem/index.vue index 140af4d..c7bc718 100644 --- a/src/views/Jyh/ecosystem/index.vue +++ b/src/views/Jyh/ecosystem/index.vue @@ -10,7 +10,6 @@

开源生态与贡献价值全景

-
WOS
@@ -2793,7 +2792,7 @@ onMounted(() => { .chartCard__container { width: 100%; - height: 300px; + height: 390px; position: relative; overflow: hidden; } @@ -2808,7 +2807,7 @@ onMounted(() => { } /* 列表容器样式：隐藏原生滚动条（可选，视觉更美观） */ -.chartCard__container.list-container { +.list-container { height: auto; max-height: 300px; /* 限制列表高度，超出滚动 */ @@ -3136,7 +3135,8 @@ onMounted(() => { /* 明星开发者特殊样式 */ .developer-list-container { - max-height: 320px; + max-height: 400px; + margin-top: 20px; } .developer-item { @@ -3349,9 +3349,6 @@ onMounted(() => { /* 地图区域样式（科技蓝风格） */ .map-section { - background: linear-gradient(135deg, - rgba(0, 30, 80, 0.08) 0%, - rgba(0, 63, 208, 0.08) 100%); position: relative; overflow: hidden; border: 2px solid rgba(0, 192, 255, 0.1); @@ -3392,9 +3389,6 @@ onMounted(() => { .map-rank-panel { width: 300px; - background: linear-gradient(135deg, - rgba(15, 23, 42, 0.9) 0%, - rgba(0, 30, 80, 0.9) 100%); border-radius: 1rem; border: 2px solid rgba(0, 192, 255, 0.3); padding: 1.5rem; @@ -3409,7 +3403,7 @@ onMounted(() => { .panel-title { font-size: 1.2rem; font-weight: 700; - color: #00F2FF; + color: black; text-align: center; padding-bottom: 1rem; margin-bottom: 0.5rem; @@ -3509,7 +3503,7 @@ onMounted(() => { flex: 1; font-size: 14px; font-weight: 600; - color: #e2e8f0; + //color: #e2e8f0; } .rank-score { @@ -3522,10 +3516,6 @@ onMounted(() => { /* 热力图特殊样式 */ .heatmap-section { - background: linear-gradient(135deg, - rgba(59, 130, 246, 0.03) 0%, - rgba(139, 92, 246, 0.03) 50%, - rgba(236, 72, 153, 0.03) 100%); position: relative; overflow: hidden; } diff --git a/src/views/Jyh/security/components/ThreatIntelMap.vue b/src/views/Jyh/security/components/ThreatIntelMap.vue index a4e7738..0038b2e 100644 --- a/src/views/Jyh/security/components/ThreatIntelMap.vue +++ b/src/views/Jyh/security/components/ThreatIntelMap.vue @@ -1,295 +1,284 @@ - @@ -447,7 +369,7 @@ const chartData = ref({ } ] }, - + // 高危组件数据（基于真实开源项目使用情况和漏洞统计） highRiskComponent: [ { name: 'Log4j2', cvss: 9.8, vulnCount: 15, usage: '1200万+', desc: 'CVE-2021-44228等严重RCE漏洞' }, @@ -461,7 +383,7 @@ const chartData = ref({ { name: 'Lodash', cvss: 9.0, vulnCount: 5, usage: '2200万+', desc: '原型污染漏洞，影响Node.js生态' }, { name: 'Moment.js', cvss: 9.0, vulnCount: 4, usage: '1100万+', desc: 'ReDoS和原型污染漏洞' } ], - + // 漏洞占比数据 vulnerabilitySeverity: { categories: ['2024Q1', '2024Q2', '2024Q3', '2024Q4', '2025Q1', '2025Q2', '2025Q3', '2025Q4'], @@ -492,7 +414,7 @@ const chartData = ref({ } ] }, - + // 行业分布数据 industryDistribution: [ { value: 25.8, name: '人工智能' }, @@ -522,13 +444,13 @@ const chartData = ref({ acceleration: [0, -99.58, 1580.62, -47.17, 37.83, -36.89, -5.70, -2.86, -12.34, -43.87, 231.68, -3.42] // 环比增长率（%） } }, - + // 气泡图数据 // 基于真实数据：[代码活跃度(X), 漏洞密度(Y), 漏洞总数(Size), 语言名称(Name)] // 活跃度基于新增项目数量，漏洞密度基于CWE分布统计 scatterData: [ [95, 75, 450, 'JavaScript'], // 最高活跃度：9,345,046个项目 - [90, 70, 380, 'Python'], // 高活跃度：9,261,587个项目 + [90, 70, 380, 'Python'], // 高活跃度：9,261,587个项目 [85, 65, 320, 'TypeScript'], // 高增长：78.1%增长率 [75, 80, 420, 'Java'], // 传统强势：3,520,215个项目 [45, 60, 280, 'C++'], // 中等活跃：1,701,552个项目 @@ -754,7 +676,7 @@ const initCVEChart = () => { name: 'CVE数量', type: 'bar', data: cveCount, - itemStyle: { + itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#3b82f6' }, { offset: 1, color: '#60a5fa' } @@ -774,11 +696,11 @@ const initCVEChart = () => { type: 'line', yAxisIndex: 1, data: acceleration, - itemStyle: { + itemStyle: { color: '#ef4444', borderWidth: 2 }, - lineStyle: { + lineStyle: { width: 2, color: '#ef4444' }, @@ -1391,7 +1313,7 @@ const initCharts = () => { languageTech: chartData.value.languageTech.series.every(s => s.data.every(d => d === 0)), highRiskComponent: chartData.value.highRiskComponent.length === 0, industryDistribution: chartData.value.industryDistribution.length === 0, - cveData: chartData.value.cveData.global.cveCount.every(item => item === 0) && + cveData: chartData.value.cveData.global.cveCount.every(item => item === 0) && chartData.value.cveData.regional.cveCount.every(item => item === 0), languageTrend: chartData.value.languageTrend.series.every(s => s.data.every(d => d === 0)), vulnerabilitySeverity: chartData.value.vulnerabilitySeverity.series.every(s => s.data.every(d => d === 0)), @@ -1601,7 +1523,7 @@ onMounted(() => { /* 图表区域样式（适配示例的num-empty） */ .index-module__NV_5cW__chartsSection { - margin-bottom: 3rem; + margin-bottom: 1.5rem; } .index-module__NV_5cW__chartsGrid { @@ -2102,4 +2024,4 @@ onMounted(() => { .chartCard__actionBtn--active:hover { background-color: #2563eb; } - \ No newline at end of file +