缓存监控

ruoyi-admin-vue/src/views/monitor/cache/index.vue

 <template>
   <div class="app-container">
-    <el-row :gutter="10">
+    <div class="page-container-noback flex1">
+       <el-row :gutter="10" >
           <el-col :span="24" class="card-box">
             <el-card>
               <div slot="header"><span><i class="el-icon-monitor"></i> 基本信息</span></div>
@@ -43,8 +44,11 @@
             </el-card>
           </el-col>
 
-      <el-col :span="12" class="card-box">
-        <el-card>
+         
+        </el-row>
+        <el-row :gutter="10" style="flex: 1;">
+           <el-col :span="12" class="card-box" style="height: 100%;">
+            <el-card  style="height: 100%;">
               <div slot="header"><span><i class="el-icon-pie-chart"></i> 命令统计</span></div>
               <div class="el-table el-table--enable-row-hover el-table--medium">
                 <div ref="commandstats" style="height: 420px" />
@@ -52,8 +56,8 @@
             </el-card>
           </el-col>
 
-      <el-col :span="12" class="card-box">
-        <el-card>
+          <el-col :span="12" class="card-box" style="height: 100%;">
+            <el-card  style="height: 100%;">
               <div slot="header"><span><i class="el-icon-odometer"></i> 内存信息</span></div>
               <div class="el-table el-table--enable-row-hover el-table--medium">
                 <div ref="usedmemory" style="height: 420px" />
@@ -62,6 +66,8 @@
           </el-col>
         </el-row>
     </div>
+   
+  </div>
 </template>
 
 <script>