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 }} - + + {{ 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) => {