From 043a49430c6dc8d491e6663e21e0bae343c88e8a Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Fri, 30 May 2025 12:44:33 +0800
Subject: [PATCH] address

---
 .../settings/components/DebuggingConfigDump.vue     | 13 +++++++++++--
 src/views/settings/components/TTL.vue               |  8 ++++++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/views/settings/components/DebuggingConfigDump.vue b/src/views/settings/components/DebuggingConfigDump.vue
index ef55dacd..6a8bd983 100644
--- a/src/views/settings/components/DebuggingConfigDump.vue
+++ b/src/views/settings/components/DebuggingConfigDump.vue
@@ -15,8 +15,13 @@ limitations under the License. -->
 <template>
   <div class="debugging-config-dump">
     <div class="config-dump-content">
-      <div class="mb-10" v-for="(item, index) of Object.keys(settingsStore.debuggingConfig)" :key="`${item}${index}`">
-        {{ `${item}: ${settingsStore.debuggingConfig[item]}` }}
+      <div
+        class="mb-10 flex-h"
+        v-for="(item, index) of Object.keys(settingsStore.debuggingConfig)"
+        :key="`${item}${index}`"
+      >
+        <div class="config-key">{{ item }}: </div>
+        <div>{{ settingsStore.debuggingConfig[item] }}</div>
       </div>
       <div v-if="!Object.keys(settingsStore.debuggingConfig).length" class="tips">No Data</div>
     </div>
@@ -47,6 +52,10 @@ limitations under the License. -->
     color: var(--el-text-color-secondary);
   }
 
+  .config-key {
+    width: 30%;
+  }
+
   .debugging-config-dump {
     color: var(--sw-setting-color);
     font-size: 13px;
diff --git a/src/views/settings/components/TTL.vue b/src/views/settings/components/TTL.vue
index e069167c..e2d699f0 100644
--- a/src/views/settings/components/TTL.vue
+++ b/src/views/settings/components/TTL.vue
@@ -20,7 +20,9 @@ limitations under the License. -->
       class="mb-5"
       :row-style="{ backgroundColor: 'var(--layout-background)' }"
     >
-      <el-table-column v-for="item in MetricsTTLRow" :prop="item.value" :label="item.label" :key="item.value" />
+      <el-table-column v-for="item in MetricsTTLRow" :prop="item.value" :label="item.label" :key="item.value">
+        <template #default="scope">{{ scope.row[item.value] < 0 ? "N/A" : scope.row[item.value] }}</template>
+      </el-table-column>
     </el-table>
     <div class="label">{{ t("recordsTTL") }}</div>
     <el-table
@@ -28,7 +30,9 @@ limitations under the License. -->
       class="mb-5"
       :row-style="{ backgroundColor: 'var(--layout-background)' }"
     >
-      <el-table-column v-for="item in RecordsTTLRow" :prop="item.value" :label="item.label" :key="item.value" />
+      <el-table-column v-for="item in RecordsTTLRow" :prop="item.value" :label="item.label" :key="item.value">
+        <template #default="scope">{{ scope.row[item.value] < 0 ? "N/A" : scope.row[item.value] }}</template>
+      </el-table-column>
     </el-table>
   </div>
 </template>