diff --git a/web/src/pages/Public/MonitorDetail.tsx b/web/src/pages/Public/MonitorDetail.tsx index c099c77..ad3f474 100644 --- a/web/src/pages/Public/MonitorDetail.tsx +++ b/web/src/pages/Public/MonitorDetail.tsx @@ -24,7 +24,7 @@ import { } from '@/api/monitor.ts'; import type {PublicMonitor} from '@/types'; import {cn} from '@/lib/utils'; -import {formatDate, formatDateTime, formatTime} from "@/utils/util.ts"; +import {formatDateTime, formatTime} from "@/utils/util.ts"; import {renderCert} from "@/pages/Public/Monitor.tsx"; @@ -423,13 +423,12 @@ const MonitorDetail = () => { } const monitorTitle = monitorDetail.name ?? '监控详情'; - const hasCert = monitorDetail.certExpiryTime > 0; - const certExpired = hasCert && monitorDetail.certDaysLeft < 0; - const certExpiringSoon = hasCert && monitorDetail.certDaysLeft >= 0 && monitorDetail.certDaysLeft < 30; const heroStats = [ {label: '监控类型', value: monitorDetail.type.toUpperCase()}, {label: '探针数量', value: `${monitorDetail.agentCount} 个`}, + {label: '当前响应', value: `${monitorDetail.responseTime}ms`}, + {label: '当前状态', value: `${monitorDetail.status}`}, ]; return ( @@ -467,7 +466,6 @@ const MonitorDetail = () => {

{monitorDetail.target}

-

公共视图 · 实时监控概览

@@ -495,79 +493,6 @@ const MonitorDetail = () => {
- {/* 概览统计 */} - -
- } - label="当前响应" - value={formatTime(monitorDetail.responseTime)} - color="blue" - /> -
- - {/* 证书信息 */} - {hasCert && ( -
-
- -
-

- TLS 证书信息 -

-

- 证书到期时间: {formatDate(monitorDetail.certExpiryTime)} - {certExpired ? ( - (已过期 {Math.abs(monitorDetail.certDaysLeft)} 天) - ) : ( - (剩余 {monitorDetail.certDaysLeft} 天) - )} -

- {certExpired && ( -

- 🚨 证书已过期,请立即更新 -

- )} - {certExpiringSoon && ( -

- ⚠️ 证书即将过期,请及时更新 -

- )} -
-
-
- )} -
- {/* 响应时间趋势图表 */}