diff --git a/src/view/Monit.vue b/src/view/Monit.vue index a03d2c9..2cdfb1e 100644 --- a/src/view/Monit.vue +++ b/src/view/Monit.vue @@ -99,11 +99,13 @@ const columns = [{ dataIndex: "free", } ]; +const websocket =reactive({ + ws: null, + +}) onMounted(() => { - setInterval(() => { - console.log("=======wwww") GetSytem() }, 5000) @@ -114,23 +116,25 @@ const disk = reactive({ }) function GetSytem(){ - const ws = new WebSocket("ws://127.0.0.1:8000/api/ws") - console.log('=====>ws-=====',ws) + const ws = new WebSocket("ws://127.0.0.1:8000/api/ws") ws.onopen = function () { ws.send("")}; ws.onmessage = function (e){ const data = JSON.parse(e.data) let {cpu_percent} = data.cpu_info let {percent} = data.memory_info + // 渲染cpu数据 option.series.forEach((data) => { data.data.forEach((key) => { key.value = cpu_percent }) }) + //渲染内存信息数据 memory.series.forEach((data) => { data.data.forEach((key) => { key.value = percent }) }) + //渲染系统信息数据 let {count, name, current_time, start_time} = data.sys_info sysparams.count = count sysparams.name = name @@ -144,7 +148,6 @@ function GetSytem(){ total: par.total, used: par.used, free: par.free, - } if (index < 5) { data_array.push(params)