feat: 完成静态管理后台与用户端

2026-08-08 21:04:21 +08:00
commit 164d9971d0
7 changed files with 874 additions and 0 deletions
@@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>WOV 工作流</title>
+    <link rel="stylesheet" href="/assets/styles.css" />
+  </head>
+  <body>
+    <header class="topbar">
+      <a class="brand" href="/">WOV</a>
+      <nav>
+        <a href="/">应用中心</a>
+        <a href="/admin.html">管理后台</a>
+        <a href="/workflow.html">工作流</a>
+      </nav>
+    </header>
+
+    <main class="container">
+      <h1>工作流编排</h1>
+
+      <section class="panel">
+        <h2>工作流定义</h2>
+        <label for="workflowId">工作流 ID</label>
+        <input id="workflowId" type="text" value="demo" />
+        <label for="workflowName">名称</label>
+        <input id="workflowName" type="text" value="视频字幕生成" />
+        <label for="workflowDescription">描述</label>
+        <input id="workflowDescription" type="text" value="上传视频，自动生成中文字幕和 VR 双眼 ASS。" />
+        <label for="workflowDefinition">DAG JSON</label>
+        <textarea id="workflowDefinition" rows="22"></textarea>
+        <div class="actions">
+          <button id="createWorkflow" class="primary">创建/更新工作流</button>
+          <button id="publishWorkflow" class="ghost">发布</button>
+        </div>
+      </section>
+
+      <section class="panel">
+        <h2>已发布工作流</h2>
+        <div class="table-wrap">
+          <table>
+            <thead>
+              <tr>
+                <th>ID</th>
+                <th>名称</th>
+                <th>版本</th>
+                <th>状态</th>
+                <th>操作</th>
+              </tr>
+            </thead>
+            <tbody id="workflowList"></tbody>
+          </table>
+        </div>
+      </section>
+    </main>
+
+    <script src="/assets/app.js"></script>
+  </body>
+</html>