From 42c1ea3c89c3bc335c19eb33f9a9b352e2807d15 Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期二, 01 四月 2025 19:14:59 +0800 Subject: [PATCH] 添加新群号:287842588 --- src/views/monitor/cache/index.vue | 21 +++++++++++---------- 1 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/views/monitor/cache/index.vue b/src/views/monitor/cache/index.vue index 4a7b2f4..d00fb2f 100644 --- a/src/views/monitor/cache/index.vue +++ b/src/views/monitor/cache/index.vue @@ -1,9 +1,9 @@ <template> <div class="app-container"> - <el-row> + <el-row :gutter="10"> <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> @@ -45,7 +45,7 @@ <el-col :span="12" class="card-box"> <el-card> - <template #header><span>鍛戒护缁熻</span></template> + <template #header><PieChart 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"> <div ref="commandstats" style="height: 420px" /> </div> @@ -54,9 +54,7 @@ <el-col :span="12" class="card-box"> <el-card> - <template #header> - <span>鍐呭瓨淇℃伅</span> - </template> + <template #header><Odometer 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"> <div ref="usedmemory" style="height: 420px" /> </div> @@ -66,7 +64,7 @@ </div> </template> -<script setup> +<script setup name="Cache"> import { getCache } from '@/api/monitor/cache'; import * as echarts from 'echarts'; @@ -98,9 +96,8 @@ animationEasing: "cubicInOut", animationDuration: 1000 } - ], + ] }); - const usedmemoryInstance = echarts.init(usedmemory.value, "macarons"); usedmemoryInstance.setOption({ tooltip: { @@ -122,8 +119,12 @@ } ] } - ], + ] }) + window.addEventListener("resize", () => { + commandstatsIntance.resize(); + usedmemoryInstance.resize(); + }); }) } -- Gitblit v1.9.3