79 lines
2.2 KiB
JavaScript
79 lines
2.2 KiB
JavaScript
|
// 菜单项切换功能
|
|||
|
|
$(document).ready(function() {
|
|||
|
|
// 初始化页面导航
|
|||
|
|
initNavigation();
|
|||
|
|
|
|||
|
|
// 菜单项点击事件
|
|||
|
|
$('.nav-link').click(function(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
|
|||
|
|
// 获取目标页面
|
|||
|
|
const targetPage = $(this).data('page');
|
|||
|
|
|
|||
|
|
// 导航到该页面
|
|||
|
|
navigateToPage(targetPage);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 响应式处理 - 移动设备上点击菜单后自动收起
|
|||
|
|
if ($(window).width() <= 768) {
|
|||
|
|
$('.nav-link').click(function() {
|
|||
|
|
$('body').removeClass('sidebar-open');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 添加移动设备菜单切换按钮
|
|||
|
|
$('<button id="sidebar-toggle" class="btn btn-sm btn-primary position-fixed" style="top: 10px; left: 10px; z-index: 1040;"><i class="fas fa-bars"></i></button>')
|
|||
|
|
.appendTo('body')
|
|||
|
|
.click(function() {
|
|||
|
|
$('body').toggleClass('sidebar-open');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 初始化导航函数
|
|||
|
|
function initNavigation() {
|
|||
|
|
// 检查URL中是否有哈希值
|
|||
|
|
let targetPage = window.location.hash.substring(1); // 移除#符号
|
|||
|
|
|
|||
|
|
// 如果哈希值为空或无效，默认显示账号管理页面
|
|||
|
|
if (!targetPage || !$('#' + targetPage).length) {
|
|||
|
|
targetPage = 'tasks-accounts';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 导航到目标页面
|
|||
|
|
navigateToPage(targetPage);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 导航到指定页面
|
|||
|
|
function navigateToPage(pageId) {
|
|||
|
|
// 切换活动菜单
|
|||
|
|
$('.nav-link').removeClass('active');
|
|||
|
|
$(`.nav-link[data-page="${pageId}"]`).addClass('active');
|
|||
|
|
|
|||
|
|
// 切换显示页面
|
|||
|
|
$('.page-content').removeClass('active');
|
|||
|
|
$('#' + pageId).addClass('active');
|
|||
|
|
|
|||
|
|
// 更新URL哈希值，但不触发页面滚动
|
|||
|
|
if (history.pushState) {
|
|||
|
|
history.pushState(null, null, '#' + pageId);
|
|||
|
|
} else {
|
|||
|
|
window.location.hash = pageId;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 窗口大小变化时的响应式处理
|
|||
|
|
$(window).resize(function() {
|
|||
|
|
if ($(window).width() > 576) {
|
|||
|
|
$('body').removeClass('sidebar-open');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#email-type").change(function() {
|
|||
|
|
if ($(this).val() === "tempemail") {
|
|||
|
|
$("#tempemail-fields").show();
|
|||
|
|
$("#zmail-fields").hide();
|
|||
|
|
} else if ($(this).val() === "zmail") {
|
|||
|
|
$("#tempemail-fields").hide();
|
|||
|
|
$("#zmail-fields").show();
|
|||
|
|
}
|
|||
|
|
});
|