68 lines
2.4 KiB
HTML
68 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>LED 大屏控制台</title>
|
|
<link rel="stylesheet" href="/static/admin/styles.css" />
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<header class="topbar">
|
|
<div>
|
|
<h1>LED 大屏投放控制台</h1>
|
|
<p id="stateText">正在连接控制服务...</p>
|
|
</div>
|
|
<div class="connection">
|
|
<span id="wsDot" class="dot"></span>
|
|
<span id="wsText">WebSocket</span>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="grid">
|
|
<section class="panel scenes">
|
|
<div class="panelHead">
|
|
<h2>场景切换</h2>
|
|
<button id="refreshBtn">刷新</button>
|
|
</div>
|
|
<div id="sceneList" class="sceneList"></div>
|
|
</section>
|
|
|
|
<section class="panel">
|
|
<div class="panelHead">
|
|
<h2>输出与同步</h2>
|
|
</div>
|
|
<div class="linkGrid">
|
|
<a href="/output/left" target="_blank">打开左输出</a>
|
|
<a href="/output/right" target="_blank">打开右输出</a>
|
|
<a href="/api/sync/status" target="_blank">同步状态</a>
|
|
<a href="/docs" target="_blank">API 文档</a>
|
|
</div>
|
|
<div id="syncStatus" class="syncStatus"></div>
|
|
</section>
|
|
|
|
<section class="panel">
|
|
<div class="panelHead">
|
|
<h2>局部动作</h2>
|
|
</div>
|
|
<div class="actionGrid">
|
|
<button data-action="page.prev">上一页</button>
|
|
<button data-action="page.next">下一页</button>
|
|
<button data-action="energy.mode" data-args='{"mode":"削峰"}'>削峰模式</button>
|
|
<button data-action="energy.mode" data-args='{"mode":"保供"}'>保供模式</button>
|
|
<button data-action="security.alert" data-args='{"text":"门禁异常联动"}'>新增告警</button>
|
|
<button data-action="timeline.pause">暂停时间轴</button>
|
|
<button data-action="timeline.resume">恢复时间轴</button>
|
|
</div>
|
|
<label class="customAction">
|
|
<span>自定义结构化动作</span>
|
|
<textarea id="actionInput" rows="5" placeholder='{"action":"security.alert","args":{"text":"消防通道占用"}}'></textarea>
|
|
</label>
|
|
<button id="runActionBtn" class="primary">同步执行</button>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
<script src="/static/admin/main.js"></script>
|
|
</body>
|
|
</html>
|