${result.description || '暂无描述'}
+${description}
已加载所有 ${allTags.length} 个标签 (共 ${totalTags} 个)
`; - } + // 显示第一页标签（这会自动创建分页控制器） + displayAllTagsPage(1); // 显示提示 - showToast(` 成功加载 ${allTags.length} / ${totalTags} 个标签`, false); + showToast(` 成功加载 ${allTags.length} / ${totalTags} 个标签，分${clientTotalPages}页显示`, false); // 滚动到顶部 window.scrollTo({ @@ -796,8 +799,8 @@ loadAllTagsBtn.innerHTML = ' 加载全部TAG'; } } - - // 加载镜像标签 - 修改每页显示数量为25个 + + // 添加 loadImageTags 函数定义 async function loadImageTags(page = 1) { if (!currentImageData) { console.error('No image data available'); @@ -807,10 +810,11 @@ tagsResults.innerHTML = '共找到 ${data.count || processedTags.length} 个标签，当前显示第 ${(page-1)*25+1} 至 ${Math.min(page*25, data.count)} 个
`; @@ -859,6 +864,101 @@ } } + // 新增: 显示客户端分页控制器 + function displayClientPagination(totalPages) { + const tagsResults = document.getElementById('tagsResults'); + + // 创建分页容器 + const paginationDiv = document.createElement('div'); + paginationDiv.className = 'pagination-container'; // 使用相同的样式类名 + paginationDiv.id = 'clientPaginationContainer'; + + // 添加分页控制，格式与默认分页控制器相同 + paginationDiv.innerHTML = ` + + 第 1 页 / 共 ${totalPages} 页 + + `; + + // 确保分页控制器添加到表格底部 + const existingPagination = document.getElementById('tagPaginationContainer'); + if (existingPagination && existingPagination.parentNode) { + // 在原始分页控制器的位置插入新的分页控制器 + existingPagination.parentNode.insertBefore(paginationDiv, existingPagination); + // 隐藏原来的分页控件 + existingPagination.style.display = 'none'; + } else { + // 如果找不到原始分页控制器，添加到结果容器末尾 + tagsResults.appendChild(paginationDiv); + } + } + + // 新增: 切换到指定页面 + function displayAllTagsPage(page) { + if (!window.allLoadedTags) return; + + const totalTags = window.allLoadedTags.length; + // 修改: 将每页标签数量从50改为25 + window.tagsPerPage = 25; // 每页显示25个标签 + const tagsPerPage = window.tagsPerPage; + const totalPages = Math.ceil(totalTags / tagsPerPage); + + // 确保页码在有效范围内 + if (page < 1) page = 1; + if (page > totalPages) page = totalPages; + + window.currentAllTagsPage = page; + + // 计算当前页的标签 + const startIndex = (page - 1) * tagsPerPage; + const endIndex = Math.min(startIndex + tagsPerPage, totalTags); + const currentPageTags = window.allLoadedTags.slice(startIndex, endIndex); + + // 使用现有的displayTags函数显示当前页的标签 + displayTags(currentPageTags); + enhanceTagSearchContainer(); + + // 更新分页信息 + const pageInfo = document.getElementById('clientPageInfo'); + if (pageInfo) { + pageInfo.textContent = `第 ${page} 页 / 共 ${totalPages} 页`; + } + + // 更新按钮状态 + const prevBtn = document.getElementById('clientPrevPageBtn'); + const nextBtn = document.getElementById('clientNextPageBtn'); + if (prevBtn) prevBtn.disabled = page <= 1; + if (nextBtn) nextBtn.disabled = page >= totalPages; + + // 更新标签统计信息 + const tagStatsDiv = document.querySelector('.tag-search-stats'); + if (tagStatsDiv) { + tagStatsDiv.innerHTML = `显示 ${startIndex + 1}-${endIndex} 个标签，共 ${totalTags} 个
`; + } + + // 创建新的客户端分页控制器 + const clientPaginationContainer = document.getElementById('clientPaginationContainer'); + if (!clientPaginationContainer) { + displayClientPagination(totalPages); + } + } + + // 新增: 页面导航函数 + function navigateAllTagsPage(direction) { + const newPage = window.currentAllTagsPage + direction; + displayAllTagsPage(newPage); + + // 滚动到分页控制器位置，确保用户可以看到分页器 + const paginationContainer = document.getElementById('clientPaginationContainer'); + if (paginationContainer) { + paginationContainer.scrollIntoView({ behavior: 'smooth', block: 'center' }); + } + } + // 显示TAG列表 - 改进默认排序和显示 function displayTags(tags) { const tagsResults = document.getElementById('tagsResults'); @@ -1078,11 +1178,46 @@ } } - // 添加TAG过滤功能 + // 修改TAG过滤功能 - 支持搜索所有已加载的标签 function filterTags() { const searchTerm = document.getElementById('tagSearchInput').value.toLowerCase().trim(); - const rows = document.querySelectorAll('.tag-table tbody tr'); + // 检查是否已加载全部标签 + if (window.allLoadedTags && searchTerm) { + // 在所有加载的标签中搜索 + const matchedTags = window.allLoadedTags.filter(tag => + tag.name.toLowerCase().includes(searchTerm) + ); + + // 更新搜索统计信息 + const searchStatsDiv = document.querySelector('.tag-search-stats'); + if (searchStatsDiv) { + searchStatsDiv.innerHTML = `过滤结果: 共找到 ${matchedTags.length} 个匹配 "${searchTerm}" 的标签 (共${window.allLoadedTags.length}个)
`; + } + + // 如果有匹配的标签 + if (matchedTags.length > 0) { + // 显示匹配的标签 + displayTags(matchedTags); + + // 隐藏分页控件，显示所有匹配结果 + const clientPagination = document.getElementById('clientPaginationContainer'); + if (clientPagination) { + clientPagination.style.display = 'none'; + } + } else { + // 无匹配结果提示 + const tagsResults = document.getElementById('tagsResults'); + // 保留搜索统计信息 + const statsHTML = tagsResults.innerHTML.split('')[0] + ''; + tagsResults.innerHTML = statsHTML + '没有匹配 "' + searchTerm + '" 的TAG