+ {/* 总次数 */}
+
+ {app.deployStatistics ? (
+ <>
+
+
+ {app.deployStatistics.totalCount ?? 0}
+
+
总数
+
+ ) : (
+ <>
+
+
+
+ )}
+
+
+ {/* 成功次数 */}
+
+ {app.deployStatistics ? (
+ <>
+
+
+ {app.deployStatistics.successCount ?? 0}
+
+
成功
+
+ ) : (
+ <>
+
+
+
+ )}
+
+
+ {/* 失败次数 */}
+
+ {app.deployStatistics ? (
+ <>
+
+
+ {app.deployStatistics.failedCount ?? 0}
+
+
失败
+
+ ) : (
+ <>
+
+
+
+ )}
+
+
+ {/* 运行中次数 */}
+
+ {app.deployStatistics ? (
+ <>
+
+
+ {app.deployStatistics.runningCount ?? 0}
+
+
运行中
+
+ ) : (
+ <>
+
+
+
+ )}
+
+
+
+ {/* 最近部署信息 */}
+ {app.deployStatistics ? (
+
+
+
+ 最近记录
+
+ {app.recentDeployRecords && app.recentDeployRecords.length > 0 ? (
+ <>
+ {/* 显示实际记录（最多2条） */}
+ {app.recentDeployRecords.slice(0, 2).map((record) => {
+ const { icon: StatusIcon, color } = getStatusIcon(record.status);
+ return (
+
+ {/* 第一行：状态、编号、部署人 */}
+
+
+
+ {getStatusText(record.status)}
+
+
+
+ {record.id}
+
+ {record.deployBy && (
+
+
+ {record.deployBy}
+
+ )}
+
+
+ {/* 第二行：时间信息（一行显示） */}
+ {(record.startTime || record.endTime || record.duration) && (
+
+
+
+ {record.startTime && (
+ {formatTime(record.startTime)}
+ )}
+ {record.endTime && (
+ <>
+ →
+ {formatTime(record.endTime)}
+
+ )}
+ {record.duration && (
+ <>
+ •
+ {formatDuration(record.duration)}
+
+ )}
+
+
+ )}
+
+ {/* 第三行：备注 */}
+ {record.deployRemark && (
+
+
+ {record.deployRemark}
+
+ )}
+
+ );
+ })}
+ {/* 如果记录少于2条，用骨架屏补充 */}
+ {app.recentDeployRecords.length < 2 && (
+ Array.from({ length: 2 - app.recentDeployRecords.length }).map((_, index) => (
+
+ ))
+ )}
+
+ ) : (
+ /* 如果没有记录，显示2条骨架记录 */
+ Array.from({ length: 2 }).map((_, index) => (
+
+ ))
+ )}
+