dm-design/merchant/js/common.js

// 通用工具函数和组件

// 显示通知
function showNotification(message, type = 'info') {
    console.log('通知:', message, '类型:', type);
    
    // 创建通知元素
    const notification = document.createElement('div');
    notification.className = `notification ${type}`;
    notification.textContent = message;
    notification.style.cssText = `
        position: fixed;
        top: 20px;
        right: 20px;
        padding: 12px 20px;
        border-radius: 6px;
        color: white;
        font-size: 14px;
        z-index: 1000;
        transition: all 0.3s ease;
    `;
    
    // 根据类型设置颜色
    switch(type) {
        case 'success':
            notification.style.backgroundColor = '#16a34a';
            break;
        case 'error':
            notification.style.backgroundColor = '#dc2626';
            break;
        case 'warning':
            notification.style.backgroundColor = '#d97706';
            break;
        default:
            notification.style.backgroundColor = '#3b82f6';
    }
    
    document.body.appendChild(notification);
    
    // 3秒后自动消失
    setTimeout(() => {
        notification.style.opacity = '0';
        setTimeout(() => {
            if (notification.parentNode) {
                document.body.removeChild(notification);
            }
        }, 300);
    }, 3000);
}

// 开关切换功能
function toggleSwitch(switchElement) {
    const isChecked = switchElement.checked;
    console.log('开关状态:', isChecked);
    
    // 添加视觉反馈
    const slider = switchElement.nextElementSibling;
    if (slider) {
        if (isChecked) {
            slider.style.backgroundColor = '#16a34a';
        } else {
            slider.style.backgroundColor = '#e5e7eb';
        }
    }
}

// 初始化开关状态
function initializeSwitches() {
    const switches = document.querySelectorAll('input[type="checkbox"]');
    switches.forEach(switchElement => {
        // 为已选中的开关设置正确的样式
        if (switchElement.checked) {
            const slider = switchElement.nextElementSibling;
            if (slider) {
                slider.style.backgroundColor = '#16a34a';
            }
        }
    });
    
    console.log('开关初始化完成，共', switches.length, '个开关');
}

// 键盘快捷键支持
document.addEventListener('keydown', function(e) {
    // ESC键回到首页
    if (e.key === 'Escape') {
        window.location.href = '../index.html';
    }
});

// DOM 加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
    console.log('页面初始化完成');
    initializeSwitches();
});

// 导出全局函数
window.showNotification = showNotification;
window.toggleSwitch = toggleSwitch;