📁
@@ -2686,12 +2686,16 @@ ${details}
let result = [...accounts];
// 1. Tag 筛选
- const tagFilter = document.getElementById('tagFilter');
- const selectedTagId = tagFilter ? tagFilter.value : '';
- if (selectedTagId) {
+ // Get checked tags
+ const checkedBoxes = document.querySelectorAll('.tag-filter-checkbox:checked');
+ const selectedTagIds = Array.from(checkedBoxes).map(cb => parseInt(cb.value));
+
+ if (selectedTagIds.length > 0) {
result = result.filter(acc => {
if (!acc.tags) return false;
- return acc.tags.some(t => t.id === parseInt(selectedTagId));
+ // Check if account has ANY of the selected tags (OR logic)
+ // If you want AND logic, use every() instead of some()
+ return acc.tags.some(t => selectedTagIds.includes(t.id));
});
}
@@ -2712,7 +2716,7 @@ ${details}
}
// Tag Filter Change Handler
- function filterAccountsByTag(tagId) {
+ function handleTagFilterChange() {
if (accountsCache[currentGroupId]) {
const filteredAccounts = applyFiltersAndSort(accountsCache[currentGroupId]);
renderAccountList(filteredAccounts);
@@ -5067,20 +5071,30 @@ ${details}
// 更新标签筛选下拉框
function updateTagFilter() {
- const filterEl = document.getElementById('tagFilter');
- if (!filterEl) return;
+ const container = document.getElementById('tagFilterContainer');
+ if (!container) return;
- const currentValue = filterEl.value;
- let html = '
';
- allTags.forEach(tag => {
- html += `
`;
- });
- filterEl.innerHTML = html;
-
- // 尝试保持选中
- if (currentValue && allTags.find(t => t.id == currentValue)) {
- filterEl.value = currentValue;
+ if (allTags.length === 0) {
+ container.style.display = 'none';
+ return;
}
+
+ container.style.display = 'flex';
+
+ let html = '';
+ allTags.forEach(tag => {
+ html += `
+
+ `;
+ });
+ container.innerHTML = html;
+ /* Old dropdown code removed */
+
+
}
// 渲染标签列表