Compare commits

..

2 Commits

Author SHA1 Message Date
linbin 1d6e0fd9ac 综述: 优化品牌分销全景分析页面,移除团队裂变效果分析模块
- 在中,移除了团队裂变效果分析的图表及相关代码
- 包括删除HTML中的图表容器和JavaScript中的图表初始化代码
- 调整了响应式事件处理器,移除对已删除图表的引用
2025-10-08 04:50:50 +08:00
linbin 5075011a62 综述: 新增数据分析菜单项及其子页面链接
- 在index.html中,于侧边栏菜单新增"数据分析"子菜单
- 添加三个子页面链接:"连锁单位业绩排行榜"、"品牌爆款商品榜"、"品牌分销全景分析"
- 配置相应的页面加载功能
2025-10-08 04:32:05 +08:00
2 changed files with 25 additions and 47 deletions

View File

@ -504,6 +504,29 @@
</a>
</div>
</div>
<div class="submenu-item">
<div class="submenu-link" onclick="toggleSubmenu(this, event);">
<span class="submenu-icon"></span>
<span class="menu-text">数据分析</span>
<span class="menu-arrow">
<i class="fas fa-chevron-right"></i>
</span>
</div>
<div class="submenu">
<a href="#" class="submenu-link" onclick="loadContent('./品牌管理/数据分析/连锁单位业绩排行榜.html', this);" style="padding-left: 70px;">
<span class="submenu-icon"></span>
连锁单位业绩排行榜
</a>
<a href="#" class="submenu-link" onclick="loadContent('./品牌管理/数据分析/品牌爆款商品榜.html', this);" style="padding-left: 70px;">
<span class="submenu-icon"></span>
品牌爆款商品榜
</a>
<a href="#" class="submenu-link" onclick="loadContent('./品牌管理/数据分析/品牌分销全景分析.html', this);" style="padding-left: 70px;">
<span class="submenu-icon"></span>
品牌分销全景分析
</a>
</div>
</div>
</div>
</li>
</ul>

View File

@ -608,8 +608,7 @@
<h2><span class="icon">📊</span>分销商层级业绩对比</h2>
<div class="chart-container" id="levelPerformanceChart"></div>
<h2 style="margin-top: 30px;"><span class="icon">🌳</span>团队裂变效果分析</h2>
<div class="chart-container" id="teamGrowthChart"></div>
</div>
</div>
</div>
@ -835,49 +834,6 @@
};
levelPerformanceChart.setOption(levelPerformanceOption);
// 团队裂变效果分析
const teamGrowthChart = echarts.init(document.getElementById('teamGrowthChart'));
const teamGrowthOption = {
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' }
},
legend: {
data: ['直接下级', '间接下级'],
top: 10
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['TOP1', 'TOP2', 'TOP3', 'TOP4', 'TOP5', 'TOP6', 'TOP7', 'TOP8', 'TOP9', 'TOP10']
},
yAxis: {
type: 'value',
name: '团队人数'
},
series: [
{
name: '直接下级',
type: 'bar',
stack: 'total',
data: [35, 28, 24, 19, 17, 14, 12, 10, 8, 6],
itemStyle: { color: '#5cb85c' }
},
{
name: '间接下级',
type: 'bar',
stack: 'total',
data: [93, 68, 58, 46, 41, 34, 30, 25, 20, 16],
itemStyle: { color: '#5bc0de' }
}
]
};
teamGrowthChart.setOption(teamGrowthOption);
// 响应式
window.addEventListener('resize', function() {
@ -885,7 +841,6 @@
recruitChart.resize();
orderTypeChart.resize();
levelPerformanceChart.resize();
teamGrowthChart.resize();
});
</script>
</body>