hxuanyu/TFT-Strategist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构显示激活项的逻辑，提取为独立函数以提高代码可读性和可维护性，同时更新状态时根据复选框状态动态调整显示内容。

Browse Source
This commit is contained in:
hxuanyu 2025-04-02 14:52:46 +08:00
parent 265dd6bfa3
commit ff5e98d296
1 changed files with 44 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/web/static/js/main.js
View File

@ -102,28 +102,14 @@ $(document).ready(function() {
// 仅显示已激活羁绊 // 仅显示已激活羁绊
$('#show-only-active').on('change', function() { $('#show-only-active').on('change', function() {
if ($(this).is(':checked')) { const isChecked = $(this).is(':checked');
// 隐藏所有羁绊权重项 toggleActiveSynergiesVisibility(isChecked);
$('.synergy-weight-item').hide();
// 显示已激活羁绊项
$('.synergy-weight-item.active').show();
} else {
// 显示所有羁绊权重项
$('.synergy-weight-item').show();
}
}); });
// 仅显示已激活棋子 // 仅显示已激活棋子
$('#show-only-active-chess').on('change', function() { $('#show-only-active-chess').on('change', function() {
if ($(this).is(':checked')) { const isChecked = $(this).is(':checked');
// 隐藏所有棋子权重项 toggleActiveChessVisibility(isChecked);
$('.chess-weight-item').hide();
// 显示已激活棋子项
$('.chess-weight-item.active').show();
} else {
// 显示所有棋子权重项
$('.chess-weight-item').show();
}
}); });
// 监听权重变化，保存到本地存储 // 监听权重变化，保存到本地存储
@ -673,17 +659,6 @@ function updateActiveStatus(results) {
}); });
} }
// 如果勾选了"仅显示已激活"，则更新显示状态
if ($('#show-only-active').is(':checked')) {
$('.synergy-weight-item').hide();
$('.synergy-weight-item.active').show();
}
if ($('#show-only-active-chess').is(':checked')) {
$('.chess-weight-item').hide();
$('.chess-weight-item.active').show();
}
// 添加高亮样式，以便更好地区分激活项 // 添加高亮样式，以便更好地区分激活项
$('.synergy-weight-item.active').css('background-color', '#e0e7ff'); $('.synergy-weight-item.active').css('background-color', '#e0e7ff');
$('.chess-weight-item.active').css('background-color', '#e0e7ff'); $('.chess-weight-item.active').css('background-color', '#e0e7ff');
@ -691,4 +666,44 @@ function updateActiveStatus(results) {
// 输出激活项目数量统计 // 输出激活项目数量统计
console.log('成功激活的羁绊数量：', $('.synergy-weight-item.active').length); console.log('成功激活的羁绊数量：', $('.synergy-weight-item.active').length);
console.log('成功激活的棋子数量：', $('.chess-weight-item.active').length); console.log('成功激活的棋子数量：', $('.chess-weight-item.active').length);
// 根据当前复选框状态更新显示
const showOnlyActiveSynergies = $('#show-only-active').is(':checked');
const showOnlyActiveChess = $('#show-only-active-chess').is(':checked');
// 更新显示状态
toggleActiveSynergiesVisibility(showOnlyActiveSynergies);
toggleActiveChessVisibility(showOnlyActiveChess);
}
/**
* 切换激活羁绊的可见性
* @param {boolean} showOnlyActive 是否只显示激活项
*/
function toggleActiveSynergiesVisibility(showOnlyActive) {
if (showOnlyActive) {
// 隐藏所有羁绊权重项
$('.synergy-weight-item').hide();
// 显示已激活羁绊项
$('.synergy-weight-item.active').show();
} else {
// 显示所有羁绊权重项
$('.synergy-weight-item').show();
}
}
/**
* 切换激活棋子的可见性
* @param {boolean} showOnlyActive 是否只显示激活项
*/
function toggleActiveChessVisibility(showOnlyActive) {
if (showOnlyActive) {
// 隐藏所有棋子权重项
$('.chess-weight-item').hide();
// 显示已激活棋子项
$('.chess-weight-item.active').show();
} else {
// 显示所有棋子权重项
$('.chess-weight-item').show();
}
} }