chenrui
昨天 ece2dfeb926d728b10db38038e4d12e9e9851c24
src/views/monitor/server/index.vue
@@ -1,9 +1,9 @@
<template>
  <div class="app-container">
    <el-row>
    <el-row :gutter="10">
      <el-col :span="12" class="card-box">
        <el-card>
          <template #header><span>CPU</span></template>
          <template #header><Cpu style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">CPU</span></template>
          <div class="el-table el-table--enable-row-hover el-table--medium">
            <table cellspacing="0" style="width: 100%;">
              <thead>
@@ -37,7 +37,7 @@
      <el-col :span="12" class="card-box">
        <el-card>
          <template #header><span>内存</span></template>
          <template #header><Tickets style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">内存</span></template>
          <div class="el-table el-table--enable-row-hover el-table--medium">
            <table cellspacing="0" style="width: 100%;">
              <thead>
@@ -76,7 +76,7 @@
      <el-col :span="24" class="card-box">
        <el-card>
          <template #header><span>服务器信息</span></template>
          <template #header><Monitor style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">服务器信息</span></template>
          <div class="el-table el-table--enable-row-hover el-table--medium">
            <table cellspacing="0" style="width: 100%;">
              <tbody>
@@ -100,7 +100,7 @@
      <el-col :span="24" class="card-box">
        <el-card>
          <template #header><span>Java虚拟机信息</span></template>
          <template #header><CoffeeCup style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">Java虚拟机信息</span></template>
          <div class="el-table el-table--enable-row-hover el-table--medium">
            <table cellspacing="0" style="width: 100%;table-layout:fixed;">
              <tbody>
@@ -136,7 +136,7 @@
      <el-col :span="24" class="card-box">
        <el-card>
          <template #header><span>磁盘状态</span></template>
          <template #header><MessageBox style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">磁盘状态</span></template>
          <div class="el-table el-table--enable-row-hover el-table--medium">
            <table cellspacing="0" style="width: 100%;">
              <thead>
@@ -172,16 +172,16 @@
<script setup>
import { getServer } from '@/api/monitor/server'
const server = ref([]);
const { proxy } = getCurrentInstance();
const server = ref([])
const { proxy } = getCurrentInstance()
function getList() {
  proxy.$modal.loading("正在加载服务监控数据,请稍候!");
  proxy.$modal.loading("正在加载服务监控数据,请稍候!")
  getServer().then(response => {
    server.value = response.data;
    proxy.$modal.closeLoading();
  });
    server.value = response.data
    proxy.$modal.closeLoading()
  })
}
getList();
getList()
</script>