add test

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()
- GetSytem()
- }, 5000)
-
-
 })
 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){
+ ws.onmessage = function (msg){
- const data = JSON.parse(e.data)
+ 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) => {
+ option.series[0].data[0].value = cpu_percent
- data.data.forEach((key) => {
- key.value = cpu_percent
- })
- })
  //渲染内存信息数据
- memory.series.forEach((data) => {
+ memory.series[0].data[0].value = percent
- data.data.forEach((key) => {
- key.value = percent
- })
- })
  //渲染系统信息数据
  let {count, name, current_time, start_time} = data.sys_info
  sysparams.count = count
@@ -157,6 +148,7 @@ function GetSytem(){
 
 }
 
+
 </script>