np_app/service/home.html

46 lines
2.3 KiB
HTML

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="/static/app-shell.css" />
<title>NUPACK · 概览</title>
</head>
<body data-page="home">
<div class="app">
<aside class="sidebar" id="appNav"></aside>
<main class="main">
<header class="page-header">
<div><h1>计算概览</h1><p>任务状态、资源占用和最近计算。</p></div>
<div class="header-actions"><a class="button primary" href="/workspace">新建计算</a></div>
</header>
<div class="content">
<section class="stats" aria-label="计算状态">
<div class="stat"><span>正在运行</span><strong id="statRunning">-</strong></div>
<div class="stat"><span>等待队列</span><strong id="statQueued">-</strong></div>
<div class="stat"><span>我的任务</span><strong id="statTotal">-</strong></div>
<div class="stat"><span>累计计算</span><strong id="statCompute">-</strong></div>
</section>
<section class="band">
<div class="quick-grid">
<a class="quick-link" href="/workspace"><strong>计算工作台</strong><span>Analysis、Design 和 Utilities 的统一输入与结果界面。</span></a>
<a class="quick-link" href="/cloud"><strong>云端记录</strong><span>检索任务、查看状态、管理结果和分享链接。</span></a>
<a class="quick-link" href="/account"><strong>账号与用量</strong><span>查看当前身份、存储占用和资源配置。</span></a>
</div>
</section>
<section class="band">
<div class="band-header"><h2>最近任务</h2><a class="button" href="/cloud">查看全部</a></div>
<div class="table-wrap">
<table>
<thead><tr><th>任务</th><th>工作流</th><th>状态</th><th>创建时间</th><th>耗时</th></tr></thead>
<tbody id="recentJobs"><tr><td colspan="5" class="loading">正在载入...</td></tr></tbody>
</table>
</div>
</section>
</div>
</main>
</div>
<script type="module" src="/static/portal.js"></script>
</body>
</html>