From 99f5964d94e0c4ed7ae1605e67f357007ab9068b Mon Sep 17 00:00:00 2001
From: qiangyanwen <508737091@qq.com>
Date: Sat, 17 Dec 2022 12:43:13 +0800
Subject: [PATCH] add test

---
 src/view/Monit.vue | 28 ++++++++++------------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/view/Monit.vue b/src/view/Monit.vue
index e6ce9db..9c02672 100644
--- a/src/view/Monit.vue
+++ b/src/view/Monit.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script setup>
-import {onMounted, reactive} from "vue";
+import {onMounted, reactive,watch} from "vue";
 
 let sysparams = reactive({
   count: 0,
@@ -101,36 +101,27 @@ const columns = [{
 ];
 
 onMounted(() => {
-  setInterval(() => {
-      GetSytem()
-  }, 5000)
-
-
+  GetSytem()
 })
 const disk = reactive({
   data:[]
 })
 
+
 function GetSytem(){
   console.log("开始连接websocket......")
   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)
+  ws.onmessage = function (msg){
+    console.log("开始接受数据.............")
+    const data = JSON.parse(msg.data)
+    console.log(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
-      })
-    })
+    option.series[0].data[0].value = cpu_percent
     //渲染内存信息数据
-    memory.series.forEach((data) => {
-      data.data.forEach((key) => {
-        key.value = percent
-      })
-    })
+    memory.series[0].data[0].value = percent
     //渲染系统信息数据
     let {count, name, current_time, start_time} = data.sys_info
     sysparams.count = count
@@ -157,6 +148,7 @@ function GetSytem(){
 
 }
 
+
 </script>