From 6bb4005ae021dbc5282e50e17dc85e02dccf3d38 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 8 Sep 2025 23:51:07 +0800
Subject: [PATCH] =?UTF-8?q?reactor=EF=BC=9A=E3=80=90infra=20=E5=9F=BA?=
 =?UTF-8?q?=E7=A1=80=E8=AE=BE=E6=96=BD=E3=80=91redis=20=E8=BF=9B=E4=B8=80?=
 =?UTF-8?q?=E6=AD=A5=E7=BB=9F=E4=B8=80=E4=BB=A3=E7=A0=81=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/infra/redis/index.vue        | 12 +++++-------
 .../src/views/infra/redis/modules/memory.vue         |  2 +-
 apps/web-ele/src/views/infra/redis/index.vue         |  4 ++--
 .../src/views/infra/redis/modules/commands.vue       |  8 +++-----
 .../web-ele/src/views/infra/redis/modules/memory.vue | 12 +++++-------
 5 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/apps/web-antd/src/views/infra/redis/index.vue b/apps/web-antd/src/views/infra/redis/index.vue
index a31b8434..fb063a1e 100644
--- a/apps/web-antd/src/views/infra/redis/index.vue
+++ b/apps/web-antd/src/views/infra/redis/index.vue
@@ -24,8 +24,8 @@ async function loadRedisData() {
   }
 }
 
-onMounted(async () => {
-  await loadRedisData();
+onMounted(() => {
+  loadRedisData();
 });
 </script>
 
@@ -36,11 +36,9 @@ onMounted(async () => {
       <DocAlert title="本地缓存" url="https://doc.iocoder.cn/local-cache/" />
     </template>
 
-    <div class="class=" mt-5>
-      <Card title="Redis 概览">
-        <Info :redis-data="redisData" />
-      </Card>
-    </div>
+    <Card title="Redis 概览">
+      <Info :redis-data="redisData" />
+    </Card>
 
     <div class="mt-5 grid grid-cols-1 gap-4 md:grid-cols-2">
       <Card title="内存使用">
diff --git a/apps/web-antd/src/views/infra/redis/modules/memory.vue b/apps/web-antd/src/views/infra/redis/modules/memory.vue
index 5220c463..6eeda895 100644
--- a/apps/web-antd/src/views/infra/redis/modules/memory.vue
+++ b/apps/web-antd/src/views/infra/redis/modules/memory.vue
@@ -94,7 +94,7 @@ function renderMemoryChart() {
         detail: {
           show: true,
           offsetCenter: [0, '50%'],
-          color: 'inherit',
+          color: 'auto',
           fontSize: 30,
           formatter: usedMemory,
         },
diff --git a/apps/web-ele/src/views/infra/redis/index.vue b/apps/web-ele/src/views/infra/redis/index.vue
index 9aa9c6a5..55d79e0c 100644
--- a/apps/web-ele/src/views/infra/redis/index.vue
+++ b/apps/web-ele/src/views/infra/redis/index.vue
@@ -16,13 +16,13 @@ import Memory from './modules/memory.vue';
 const redisData = ref<InfraRedisApi.RedisMonitorInfo>();
 
 /** 统一加载 Redis 数据 */
-const loadRedisData = async () => {
+async function loadRedisData() {
   try {
     redisData.value = await getRedisMonitorInfo();
   } catch (error) {
     console.error('加载 Redis 数据失败', error);
   }
-};
+}
 
 onMounted(() => {
   loadRedisData();
diff --git a/apps/web-ele/src/views/infra/redis/modules/commands.vue b/apps/web-ele/src/views/infra/redis/modules/commands.vue
index 5c7e375b..25c263e6 100644
--- a/apps/web-ele/src/views/infra/redis/modules/commands.vue
+++ b/apps/web-ele/src/views/infra/redis/modules/commands.vue
@@ -15,7 +15,7 @@ const chartRef = ref<EchartsUIType>();
 const { renderEcharts } = useEcharts(chartRef);
 
 /** 渲染命令统计图表 */
-const renderCommandStats = () => {
+function renderCommandStats() {
   if (!props.redisData?.commandStats) {
     return;
   }
@@ -76,7 +76,7 @@ const renderCommandStats = () => {
       },
     ],
   });
-};
+}
 
 /** 监听数据变化，重新渲染图表 */
 watch(
@@ -97,7 +97,5 @@ onMounted(() => {
 </script>
 
 <template>
-  <div>
-    <EchartsUI ref="chartRef" height="420px" />
-  </div>
+  <EchartsUI ref="chartRef" height="420px" />
 </template>
diff --git a/apps/web-ele/src/views/infra/redis/modules/memory.vue b/apps/web-ele/src/views/infra/redis/modules/memory.vue
index 04f26756..6eeda895 100644
--- a/apps/web-ele/src/views/infra/redis/modules/memory.vue
+++ b/apps/web-ele/src/views/infra/redis/modules/memory.vue
@@ -15,7 +15,7 @@ const chartRef = ref<EchartsUIType>();
 const { renderEcharts } = useEcharts(chartRef);
 
 /** 解析内存值，移除单位，转为数字 */
-const parseMemoryValue = (memStr: string | undefined): number => {
+function parseMemoryValue(memStr: string | undefined): number {
   if (!memStr) {
     return 0;
   }
@@ -27,10 +27,10 @@ const parseMemoryValue = (memStr: string | undefined): number => {
   } catch {
     return 0;
   }
-};
+}
 
 /** 渲染内存使用图表 */
-const renderMemoryChart = () => {
+function renderMemoryChart() {
   if (!props.redisData?.info) {
     return;
   }
@@ -110,7 +110,7 @@ const renderMemoryChart = () => {
       },
     ],
   });
-};
+}
 
 /** 监听数据变化，重新渲染图表 */
 watch(
@@ -131,7 +131,5 @@ onMounted(() => {
 </script>
 
 <template>
-  <div>
-    <EchartsUI ref="chartRef" height="420px" />
-  </div>
+  <EchartsUI ref="chartRef" height="420px" />
 </template>