84 lines
3.6 KiB
HTML
84 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh" class="index-page">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="../base1/patternfly.css" rel="stylesheet">
|
|
<link href="../base1/patternfly-additions.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="lj360.css">
|
|
<script src="../base1/cockpit.js"></script>
|
|
</head>
|
|
<body class="pf-m-redhat-font">
|
|
<div class="cockpit-service-page">
|
|
<!-- 状态卡片 -->
|
|
<div class="pf-c-card">
|
|
<div class="pf-c-card__body">
|
|
<div class="status-panel" id="status-panel">
|
|
<div class="status-icon" id="status-icon">
|
|
<i class="fa fa-spinner fa-spin"></i>
|
|
</div>
|
|
<div class="status-text" id="status-text">正在获取状态...</div>
|
|
</div>
|
|
|
|
<!-- 开机自启动开关 - 使用 Cockpit 风格 -->
|
|
<div class="setting-row">
|
|
<div class="setting-label">
|
|
<label></label>
|
|
<div class="setting-description">系统启动时自动运行人员接近报警系统</div>
|
|
</div>
|
|
<div class="setting-control">
|
|
<label class="cockpit-switch">
|
|
<input type="checkbox" id="autostart-switch">
|
|
<span class="slider"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 操作按钮组 -->
|
|
<div class="action-bar">
|
|
<button class="pf-c-button pf-m-primary" id="btn-start">
|
|
<i class="fa fa-play"></i> 启动服务
|
|
</button>
|
|
<button class="pf-c-button pf-m-secondary" id="btn-stop">
|
|
<i class="fa fa-stop"></i> 停止服务
|
|
</button>
|
|
<button class="pf-c-button pf-m-secondary" id="btn-restart">
|
|
<i class="fa fa-refresh"></i> 重启服务
|
|
</button>
|
|
<button class="pf-c-button pf-m-secondary" id="btn-status">
|
|
<i class="fa fa-search"></i> 刷新状态
|
|
</button>
|
|
<button class="pf-c-button pf-m-secondary" id="btn-log">
|
|
<i class="fa fa-file-text-o"></i> 查看日志
|
|
</button>
|
|
</div>
|
|
|
|
<!-- 单独测试区域 -->
|
|
<div class="separator"></div>
|
|
<div class="testing-section">
|
|
<div class="testing-title">
|
|
<i class="fa fa-flask"></i> 单独测试
|
|
</div>
|
|
<div class="action-bar">
|
|
<button class="pf-c-button pf-m-secondary" id="btn-pyon">
|
|
<i class="fa fa-play-circle-o"></i> 单次测试启动
|
|
</button>
|
|
<button class="pf-c-button pf-m-secondary" id="btn-pyoff">
|
|
<i class="fa fa-stop-circle-o"></i> 单次测试停止
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 输出信息区域 -->
|
|
<div class="output-section">
|
|
<div class="output-label">
|
|
<i class="fa fa-terminal"></i> 输出信息
|
|
</div>
|
|
<div class="log-box" id="output">等待操作...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="lj360.js"></script>
|
|
</body>
|
|
</html> |