JeecgBoot 3.1.0 版本发布，基于代码生成器的企业级低代码平台

ant-design-vue-jeecg/src/views/modules/monitor/DiskMonitoring.vue

@@ -1,6 +1,7 @@
 <template>
   <a-card title="磁盘监控">
-    <a-row>
+    <a-skeleton v-if="loading" active/>
+    <a-row v-else>
       <template v-if="diskInfo && diskInfo.length>0">
         <a-col :span="8" v-for="(item,index) in diskInfo" :key=" 'diskInfo'+index ">
           <dash-chart-demo :title="item.name" :datasource="item.restPPT"></dash-chart-demo>
@@ -23,6 +24,7 @@
     },
     data() {
       return {
+        loading: true,
         description: '磁盘监控',
         //数据集
         diskInfo:[],
@@ -32,6 +34,7 @@
       }
     },
     created() {
+      this.loading = true
       getAction(this.url.queryDiskInfo).then((res)=>{
         if(res.success){
           for(var i=0;i<res.result.length;i++){
@@ -39,7 +42,7 @@
           }
           this.diskInfo = res.result;
         }
-      })
+      }).finally(() => this.loading = false)
     }
   }
 </script>

ant-design-vue-jeecg/src/views/modules/monitor/RedisInfo.vue

@@ -1,7 +1,7 @@
 <template>
   <a-skeleton active :loading="loading" :paragraph="{rows: 17}">
     <a-card>
-      <!-- Radis 信息实时监控 -->
+      <!-- Redis 信息实时监控 -->
       <a-row :gutter="8">
         <a-col :sm="24" :xl="12">
           <area-chart-ty v-bind="memory"/>
@@ -41,7 +41,7 @@
         millisec: 3000,
         // Key 实时数量
         key: {
-          title: 'Radis Key 实时数量（个）',
+          title: 'Redis Key 实时数量（个）',
           dataSource: [],
           y: '数量（个）',
           height: 340,
@@ -53,7 +53,7 @@
         },
         // 内存实时占用情况
         memory: {
-          title: 'Radis 内存实时占用情况（KB）',
+          title: 'Redis 内存实时占用情况（KB）',
           dataSource: [],
           y: '内存（KB）',
           min: 0,