Init

2026-07-16 08:31:52 +08:00
commit 8590fafac1
34 changed files with 2611 additions and 0 deletions
@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>LED Wall Control</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="/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>