/** * 应用主入口 */ document.addEventListener('DOMContentLoaded', function() { // 初始加载版本数据 loadVersions(); // 导航切换事件 document.getElementById('nav-version').addEventListener('click', function(event) { event.preventDefault(); switchPage('version'); }); document.getElementById('nav-category').addEventListener('click', function(event) { event.preventDefault(); switchPage('category'); }); document.getElementById('nav-resource').addEventListener('click', function(event) { event.preventDefault(); switchPage('resource'); }); document.getElementById('nav-quota').addEventListener('click', function(event) { event.preventDefault(); switchPage('quota'); }); // 新增按钮点击事件 document.getElementById('btn-add').addEventListener('click', function() { const currentPage = getCurrentPage(); if (currentPage === 'version') { openAddVersionModal(); } else if (currentPage === 'category') { openAddCategoryModal(); } else if (currentPage === 'quota') { // 容量管理页面不需要新增功能 } else { openAddResourceModal(); } }); }); /** * 获取当前页面 * @returns {string} 当前页面名称 */ function getCurrentPage() { if (document.getElementById('version-page').style.display !== 'none') { return 'version'; } else if (document.getElementById('category-page').style.display !== 'none') { return 'category'; } else if (document.getElementById('quota-page').style.display !== 'none') { return 'quota'; } else { return 'resource'; } } /** * 切换页面 * @param {string} page - 页面名称(version、category或resource) */ function switchPage(page) { // 更新导航激活状态 document.querySelectorAll('.nav-link').forEach(link => { link.classList.remove('active'); }); document.getElementById(`nav-${page}`).classList.add('active'); // 更新页面标题 const titles = { 'version': '版本管理', 'category': '资源分类管理', 'resource': '资源管理', 'quota': '容量管理' }; document.getElementById('page-title').textContent = titles[page]; // 显示/隐藏页面 document.getElementById('version-page').style.display = page === 'version' ? 'block' : 'none'; document.getElementById('category-page').style.display = page === 'category' ? 'block' : 'none'; document.getElementById('resource-page').style.display = page === 'resource' ? 'block' : 'none'; document.getElementById('quota-page').style.display = page === 'quota' ? 'block' : 'none'; // 根据页面类型加载相应数据 if (page === 'version') { loadVersions(); } else if (page === 'category') { loadCategories(); } else if (page === 'resource') { loadResources(); } else if (page === 'quota') { loadQuotaInfo(); } }