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>