51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
{{define "layout"}}
|
|
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{{.Title}}</title>
|
|
<link rel="stylesheet" href="/ui/assets/vendor/tabler.min.css" />
|
|
<link rel="stylesheet" href="/ui/assets/style.css" />
|
|
</head>
|
|
<body class="theme-light">
|
|
<div class="app-shell">
|
|
<aside class="sidebar">
|
|
<div class="brand-block">
|
|
<div class="brand-mark">AI</div>
|
|
<div>
|
|
<div class="brand-title">视觉识别运维平台</div>
|
|
<div class="brand-subtitle">Fleet Operations Console</div>
|
|
</div>
|
|
</div>
|
|
<nav class="side-nav" aria-label="主导航">
|
|
<div class="nav-section">主模块</div>
|
|
<a href="/ui/dashboard"><span class="nav-icon">{{icon "overview"}}</span><span>总览</span></a>
|
|
<a href="/ui/devices"><span class="nav-icon">{{icon "devices"}}</span><span>设备</span></a>
|
|
<a href="/ui/assets"><span class="nav-icon">{{icon "assets"}}</span><span>识别配置</span></a>
|
|
<a href="/ui/tasks"><span class="nav-icon">{{icon "task"}}</span><span>任务</span></a>
|
|
<a href="/ui/diagnostics"><span class="nav-icon">{{icon "logs"}}</span><span>诊断</span></a>
|
|
</nav>
|
|
<div class="sidebar-footer">
|
|
<div class="sidebar-note">总览 fleet 状态，进入设备工作台，统一查看任务与诊断</div>
|
|
</div>
|
|
</aside>
|
|
<div class="workspace">
|
|
<header class="topbar">
|
|
<div>
|
|
<div class="crumb">多设备视觉识别运维平台</div>
|
|
<h1>{{.Title}}</h1>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
{{if .Error}}<div class="error">{{.Error}}</div>{{end}}
|
|
{{if .Message}}<div class="msg">{{.Message}}</div>{{end}}
|
|
{{.ContentHTML}}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<script src="/ui/assets/vendor/tabler.min.js"></script>
|
|
</body>
|
|
</html>
|
|
{{end}}
|