add test

src/view/Monit.vue

@@ -30,7 +30,8 @@
 
 <script setup>
 import {onMounted, reactive, ref} from "vue";
-import {Cpu, SysInfo,disk} from "@/api/monitor"
+import {Cpu, SysInfo, disk} from "@/api/monitor"
+
 let sysparams = reactive({
  count: 0,
  name: "",
@@ -94,24 +95,25 @@ const columns = [{
 }, {
  title: '已使用(G)',
  dataIndex: 'used',
-},{
+}, {
  title: "剩余(G)",
  dataIndex: "free",
 }
 ];
-onMounted(()=>{
+onMounted(() => {
  QuerySys()
  QueryCpu()
  QueryDisk()
- setInterval(()=>{
+ setInterval(() => {
  QuerySys();
  QueryCpu();
- },5000)
+ }, 5000)
 })
+
 function QuerySys() {
- SysInfo().then((response)=>{
- if (response.code===200){
- let {count,name,current_time,start_time} = response.data
+ SysInfo().then((response) => {
+ if (response.code === 200) {
+ let {count, name, current_time, start_time} = response.data
  sysparams.count = count
  sysparams.name = name
  sysparams.current_time = current_time
@@ -120,11 +122,12 @@ function QuerySys() {
  }
  })
 }
-const QueryCpu =()=>{
- Cpu().then((rep)=>{
- let {cpu_percent} =rep.data
- option.series.forEach((data)=>{
- data.data.forEach((key)=>{
+
+const QueryCpu = () => {
+ Cpu().then((rep) => {
+ let {cpu_percent} = rep.data
+ option.series.forEach((data) => {
+ data.data.forEach((key) => {
  key.value = cpu_percent
  })
  })
@@ -133,9 +136,9 @@ const QueryCpu =()=>{
  })
 }
 const data = reactive([])
-const QueryDisk = ()=>{
- disk().then((resp)=>{
-  resp.data.map((par,index)=>{
+const QueryDisk = () => {
+ disk().then((resp) => {
+ resp.data.map((par, index) => {
  let params = {
  key: String(index),
  device: par.device,
@@ -144,7 +147,7 @@ const QueryDisk = ()=>{
  free: par.free,
 
  }
-  if(index < 5){
+ if (index < 5) {
  data.push(params)
  }
 
@@ -161,7 +164,8 @@ const QueryDisk = ()=>{
  height: 300px;
  width: 300px;
 }
-.echarts{
+
+.echarts {
  width: 270px;
 }
 
@@ -172,33 +176,39 @@ const QueryDisk = ()=>{
  height: 85%;
  width: 100%;
  background-color: #42EBFF;
- overflow-x:scroll;
+ overflow-x: scroll;
 }
-p{
+
+p {
  display: flex;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: bold;
 }
+
 #components-table-demo-size h4 {
  margin-bottom: 16px;
 }
-.disk{
+
+.disk {
  border: 1px solid #f5f5f5;
- height:100%
+ height: 100%
 }
-.memory{
+
+.memory {
  border: 1px solid #f5f5f5;
- height:100%;
+ height: 100%;
 }
-.sys{
+
+.sys {
  border: 1px solid #f5f5f5;
- height:100%
+ height: 100%
 
 }
-.cpu{
+
+.cpu {
  border: 1px solid #f5f5f5;
- height:100%;
+ height: 100%;
 }