50 lines
1.7 KiB
HTML
50 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ComfyUI 工作流监控</title>
|
|
<link rel="stylesheet" href="/static/css/monitor.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<button class="refresh-btn" onclick="refreshData()">🔄 刷新数据</button>
|
|
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="running-tasks">--</div>
|
|
<div class="stat-label">运行中任务</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="pending-tasks">--</div>
|
|
<div class="stat-label">等待中任务</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="completed-tasks">--</div>
|
|
<div class="stat-label">已完成任务</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="total-tasks">--</div>
|
|
<div class="stat-label">24小时总任务</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>🖥️ 服务器状态</h3>
|
|
<div class="server-status" id="server-status">
|
|
<!-- 服务器状态将在这里动态加载 -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>📋 最近任务</h3>
|
|
<div class="task-list" id="recent-tasks">
|
|
<!-- 最近任务将在这里动态加载 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/js/monitor.js"></script>
|
|
</body>
|
|
</html>
|