H100PowerManger/bin/static/script.js

let currentDbPath = '/home/zjk/project/H100/H100PowerManger/data/power_data.db';

// 数据库下载功能
function downloadDatabase() {
    const downloadBtn = document.getElementById('download-db');
    const progressBar = document.getElementById('download-progress');
    
    downloadBtn.disabled = true;
    progressBar.style.display = 'block';
    progressBar.value = 0;

    const xhr = new XMLHttpRequest();
    xhr.open('GET', '/api/download-db', true);
    xhr.responseType = 'blob';

    xhr.onprogress = function(event) {
        if (event.lengthComputable) {
            const percentComplete = (event.loaded / event.total) * 100;
            progressBar.value = percentComplete;
        }
    };

    xhr.onload = function() {
        if (this.status === 200) {
            const blob = this.response;
            const url = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = 'power_data.db';
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url);
            
            progressBar.value = 100;
            setTimeout(() => {
                progressBar.style.display = 'none';
                downloadBtn.disabled = false;
            }, 500);
        } else {
            throw new Error('下载失败：' + this.statusText);
        }
    };

    xhr.onerror = function() {
        console.error('下载数据库失败:', this.statusText);
        alert('下载数据库失败：' + this.statusText);
        progressBar.style.display = 'none';
        downloadBtn.disabled = false;
    };

    xhr.send();
}

document.getElementById('download-db').addEventListener('click', downloadDatabase);

// WebSocket连接
let ws = null;
let reconnectAttempts = 0;
const maxReconnectAttempts = 5;
const reconnectDelay = 5000;

// 初始化WebSocket连接
function initWebSocket() {
    ws = new WebSocket('ws://' + window.location.host + '/ws/state');

    ws.onopen = () => {
        console.log('WebSocket连接已建立');
        reconnectAttempts = 0;
    };

    ws.onmessage = (event) => {
        const data = JSON.parse(event.data);
        updateUI(data);
    };

    ws.onclose = () => {
        console.log('WebSocket连接已关闭');
        if (reconnectAttempts < maxReconnectAttempts) {
            setTimeout(() => {
                reconnectAttempts++;
                console.log(`尝试重新连接 (${reconnectAttempts}/${maxReconnectAttempts})`);
                initWebSocket();
            }, reconnectDelay);
        }
    };

    ws.onerror = (error) => {
        console.error('WebSocket错误:', error);
        ws.close();
    };
}

// 更新UI
function updateUI(data) {
    // 更新数据库状态
    if (data.db_status) {
        const dbStatus = document.getElementById('db-status');
        const dbSizeElement = document.querySelector('#db-size .size-value');
        
        if (dbStatus) {
            dbStatus.className = data.db_status.connected ? 'db-status connected' : 'db-status disconnected';
            dbStatus.innerHTML = `<i class="fas fa-database"></i><span>已连接到数据库：${data.db_status.database}`;
        }
        
        if (dbSizeElement && data.db_status.size) {
            const sizeInMB = (data.db_status.size / 1024 / 1024).toFixed(2);
            dbSizeElement.textContent = `${sizeInMB} MB`;
        }
    }
    
    // 更新MOOS数据库状态
    if (data.moos_db_status) {
        const moosDbStatus = document.getElementById('moos-db-status');
        if (data.moos_db_status.connected) {
            moosDbStatus.className = 'db-status connected';
            moosDbStatus.innerHTML = `<i class="fas fa-database"></i><span>已连接到MOOS数据库:${data.moos_db_status.host}:${data.moos_db_status.port}</span>`;
        } else {
            moosDbStatus.className = 'db-status disconnected';
            moosDbStatus.innerHTML = `<i class="fas fa-database"></i><span>MOOS数据库连接失败</span>`;
        }
    }

    // 更新状态机面板
    document.getElementById('state-time').textContent = data.state.time;
    document.getElementById('state-id').textContent = data.state.state_id;
    document.getElementById('state-name').textContent = data.state.state_name;
    document.getElementById('state-event').textContent = data.state.event;
    document.getElementById('state-event-id').textContent = data.state.event_id;
    document.getElementById('state-fault-code').textContent = data.state.fault_code;
    document.getElementById('state-note').textContent = data.state.note;

    // 更新DIS系统状态
    document.getElementById('dis-sys-state').textContent = JSON.stringify(data.status.disSys, null, 2);
    
    // 更新CCU状态
    document.getElementById('ccu-state').textContent = JSON.stringify(data.status.ccuState, null, 2);
    
    // 更新运行日志
    document.getElementById('log-data').textContent = data.status.logs.join('\n');
}

// MOOS通知功能
function sendMoosNotify() {
    const varValue = document.getElementById('moos-var').value.trim();
    const keyValue = document.getElementById('moos-key').value.trim();

    if (!varValue || !keyValue) {
        alert('请填写Var和Key值');
        return;
    }

    const payload = {
        var: varValue,
        key: keyValue
    };

    fetch('/api/moos-notify', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(payload)
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert('发送成功');
        } else {
            alert('发送失败: ' + data.message);
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('发送请求失败');
    });
}

document.getElementById('moos-send-btn').addEventListener('click', sendMoosNotify);

// 初始化WebSocket连接
initWebSocket();