Hermes/multi-simadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refocus dashboard on device monitoring

Browse Source
This commit is contained in:
chick
2026-07-07 23:33:27 +08:00
parent 2505ee561a
commit 0e746f961c
6 changed files with 247 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+11 -11
View File
@@ -62,7 +62,7 @@
<div>
<p id="activeKicker" class="eyebrow">NO ISLAND SELECTED</p>
<h1 id="activeName">选择一个 SimAdmin 小岛</h1>
<p id="activeMeta">查看设备、SIM、网络、短信、eSIM、OTA 与原始管理页面。</p>
<p id="activeMeta">集中展示设备信息、联网状态、SIM、信号、温度、流量、系统资源、短信与版本。</p>
</div>
<div class="hero-actions">
<button id="loginBtn" type="button" class="animal-btn default-btn" disabled>登录/刷新会话</button>
@@ -71,26 +71,26 @@
</header>
<nav class="phone-dock" aria-label="主视图">
<button class="phone-app active app-teal" data-view="dashboard"><span>🏝️</span><b>总览</b></button>
<button class="phone-app app-yellow" data-view="api"><span>{}</span><b>接口</b></button>
<button class="phone-app active app-teal" data-view="dashboard"><span>📡</span><b>设备监控</b></button>
<button class="phone-app app-blue" data-view="rawpage"><span>↗</span><b>原页</b></button>
<button class="phone-app app-yellow" data-view="api"><span>{}</span><b>调试接口</b></button>
<button id="densityBtn" class="phone-app app-green" type="button"><span>↕</span><b>密度</b></button>
</nav>
<section id="dashboardView" class="view active dashboard-view">
<section class="signal-board island-card pattern-app-yellow">
<div class="section-ribbon color-app-yellow">小岛告示牌</div>
<section id="dashboardView" class="view active dashboard-view device-dashboard" aria-label="设备监控大屏">
<section class="signal-board island-card pattern-app-yellow monitor-summary-card">
<div class="section-ribbon color-app-yellow">实时状态</div>
<div id="signalPanel" class="signal-grid"></div>
</section>
<section id="overview" class="nook-metrics"></section>
<section id="overview" class="nook-metrics monitor-kpis" aria-label="关键状态指标"></section>
<section class="module-board island-card pattern-default">
<section class="module-board island-card pattern-default device-detail-board">
<div class="board-head">
<div class="section-ribbon color-app-green">功能应用</div>
<div id="moduleTabs" class="module-tabs"></div>
<div class="section-ribbon color-app-green">设备详情</div>
<p class="board-caption">按设备、SIM、蜂窝网络、系统资源、温度、流量和短信分类展示真实状态。</p>
</div>
<div id="featureGrid" class="app-grid"></div>
<div id="featureGrid" class="device-detail-grid"></div>
</section>
</section>