${firstRow.map(renderCaseItem).join('')}
${secondRow.map(renderCaseItem).join('')}
`;
}
// 渲染分頁 - 與solutions.html保持一致的樣式
renderPagination() {
const paginationContainer = document.querySelector('.case-pagination');
if (!paginationContainer) return;
const totalPages = Math.ceil(this.total / this.queryParams.pageSize);
const currentPage = this.queryParams.pageNum;
if (totalPages <= 1) {
paginationContainer.innerHTML = '';
return;
}
let paginationHTML = `
';
paginationContainer.innerHTML = paginationHTML;
}
// 加載指定頁碼
async loadPage(pageNum) {
this.queryParams.pageNum = pageNum;
await this.loadCases();
}
// 顯示加載狀態(tài)
showLoadingState() {
const caseWrapper = document.querySelector('.case-wrapper');
if (caseWrapper) {
caseWrapper.innerHTML = `
${firstRow.map(renderCaseItem).join('')}
${firstRow.length < 3 ? Array(3 - firstRow.length).fill(0).map(() => renderCaseItem(null)).join('') : ''}
${secondRow.map(renderCaseItem).join('')}
${secondRow.length < 3 ? Array(3 - secondRow.length).fill(0).map(() => renderCaseItem(null)).join('') : ''}
`;
caseWrapper.innerHTML = casesHtml;
}
// 渲染分頁
renderPagination() {
const totalPages = Math.ceil(this.total / this.queryParams.pageSize);
const currentPage = this.queryParams.pageNum;
// 更新現(xiàn)有的分頁容器
const pagination = document.getElementById('itCasePagination');
if (!pagination) return;
if (totalPages <= 1) {
pagination.style.display = 'none';
return;
}
const generatePageButton = (pageNum, isActive = false) => {
return `