diff --git a/web/src/views/terminal/components/server-status.vue b/web/src/views/terminal/components/server-status.vue
index bef4254..65752e7 100644
--- a/web/src/views/terminal/components/server-status.vue
+++ b/web/src/views/terminal/components/server-status.vue
@@ -14,11 +14,9 @@
{{ host }}
-
-
- {{ pingMs }}ms
-
-
+
+ {{ pingText }}
+
复制
@@ -239,6 +237,12 @@ const props = defineProps({
}
})
+const pingValue = computed(() => {
+ const value = Number(props.pingMs)
+ return Number.isFinite(value) && value > 0 ? value : null
+})
+const pingText = computed(() => pingValue.value ? `${ pingValue.value }ms` : 'TO')
+
// 状态数据
const serverData = ref({
connect: false,
@@ -616,6 +620,7 @@ const handleUsedColor = (num) => {
}
const handlePingColor = (num) => {
+ if (!num) return 'rgba(255, 73, 73, 0.5)' // #ff4949
if (num < 100) return 'rgba(19, 206, 102, 0.5)' // #13ce66
if (num < 250) return 'rgba(230, 162, 60, 0.5)' // #e6a23c
return 'rgba(255, 73, 73, 0.5)' // #ff4949
diff --git a/web/src/views/terminal/components/terminal.vue b/web/src/views/terminal/components/terminal.vue
index e00e51b..bbcd123 100644
--- a/web/src/views/terminal/components/terminal.vue
+++ b/web/src/views/terminal/components/terminal.vue
@@ -322,8 +322,8 @@ const connectIO = () => {
}, 3000)
socket.value.emit('get_ping', host.value) // 获取服务端到客户端的ping值
socket.value.on('ping_data', (pingMs) => {
- const time = Number(pingMs?.time)?.toFixed(0) || 0
- emit('ping-data', { host: host.value, time: Number.isNaN(time) ? '--' : time })
+ const time = Number(pingMs?.time)
+ emit('ping-data', { host: host.value, time: Number.isFinite(time) ? time.toFixed(0) : 0 })
})
socket.value.on('terminal_print_info', (msg) => {