加上登录和角色权限,并用 Vue 控制台区分用户与管理员。
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+16
-60
@@ -1,60 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>HyperNode · 算力控制面</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560;9..144,650&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="/static/styles.css?v=2" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="shell">
|
||||
<aside class="rail">
|
||||
<a class="brand" href="#overview">
|
||||
<span class="mark" aria-hidden="true">
|
||||
<svg viewBox="0 0 32 32" width="28" height="28">
|
||||
<path d="M16 3 L27 9.5 V22.5 L16 29 L5 22.5 V9.5 Z" fill="none" stroke="currentColor" stroke-width="1.4"/>
|
||||
<circle cx="16" cy="16" r="2.2" fill="currentColor"/>
|
||||
<path d="M16 8 V14 M16 18 V24 M10 12.5 L14.2 15 M17.8 17 L22 19.5" stroke="currentColor" stroke-width="1.2"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span>
|
||||
<strong>HyperNode</strong>
|
||||
<em>Compute Atelier</em>
|
||||
</span>
|
||||
</a>
|
||||
<nav class="nav" id="nav">
|
||||
<button type="button" data-view="overview">总览</button>
|
||||
<button type="button" data-view="nodes">节点</button>
|
||||
<button type="button" data-view="ledger">流水</button>
|
||||
<button type="button" data-view="cash">提现</button>
|
||||
</nav>
|
||||
<div class="rail-foot">
|
||||
<span id="health-dot" class="dot"></span>
|
||||
<span id="health-text">正在连接</span>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="stage">
|
||||
<header class="top">
|
||||
<div>
|
||||
<p class="eyebrow" id="eyebrow">控制面</p>
|
||||
<h1 id="title">总览</h1>
|
||||
</div>
|
||||
<div class="top-meta">
|
||||
<div class="clock">
|
||||
<span>北京时间</span>
|
||||
<strong id="clock">--:--:--</strong>
|
||||
</div>
|
||||
<button type="button" class="ghost" id="refresh">刷新</button>
|
||||
</div>
|
||||
</header>
|
||||
<main id="view" class="view"></main>
|
||||
</div>
|
||||
</div>
|
||||
<div id="toast" class="toast" role="status"></div>
|
||||
<script src="/static/app.js?v=2"></script>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>HyperNode · 算力控制面</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560;9..144,650&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
||||
<script type="module" crossorigin src="/assets/index-CZ0L8T-X.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-mWM9aOGS.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user