+ const system = sum.system || {}
+ return `
${escapeHtml(item.name || item.id)}
@@ -145,17 +217,16 @@ function renderInstances() {
${escapeHtml(statusText(s))}
+
+ 信号${escapeHtml(value(network.signal || sim.signal))}
+ 温度${escapeHtml(formatTemperature(system.temperature))}
+ 速率${escapeHtml(formatSpeed(system.networkSpeed))}
+ SIM${escapeHtml(sim.present === false ? '未插卡' : value(sim.iccid))}
+
- ${item.description ? `${escapeHtml(item.description)}
` : ''}
-
- 认证${item.auth?.hasPassword ? '密码会话' : '无密码'}
- 运营商${escapeHtml(value(network.operator || sim.operator))}
- 网络${escapeHtml(value(network.accessTechnology || network.registration))}
- ICCID${escapeHtml(value(sim.iccid))}
-
`
}).join('')
$$('.instance-card', root).forEach(card => card.addEventListener('click', (event) => {
@@ -167,85 +238,85 @@ function renderInstances() {
}
function renderHero() {
- const item = activeInstance()
- const s = activeStatus()
- const sum = s?.summary || {}
+ const { item, s, device, sim, network, system, data, ota } = getMonitorData()
if (!item) {
- $('activeKicker').textContent = 'NO DEVICE SELECTED'
- $('activeName').textContent = '选择一个 SimAdmin 实例'
- $('activeMeta').textContent = '统一查看设备、SIM、网络、短信、eSIM、OTA 与原始管理页面。'
+ $('activeKicker').textContent = 'DEVICE MONITOR'
+ $('activeName').textContent = '选择一个设备查看实时状态'
+ $('activeMeta').textContent = '主页面展示各设备的状态、温度、流量、SIM、信号、系统资源与短信统计。'
$('signalPanel').innerHTML = [
- ['状态', '等待选择'], ['当前实例', '-'], ['会话', '-'], ['刷新', '-'],
+ ['状态', '等待选择'], ['设备', '-'], ['温度', '-'], ['流量速率', '-'],
].map(([k, v]) => `${k}${v}
`).join('')
return
}
- $('activeKicker').textContent = item.id
- $('activeName').textContent = item.name || item.id
- $('activeMeta').textContent = item.description ? `${item.description} · ${item.url}` : item.url
+ $('activeKicker').textContent = `${item.id} · ${statusText(s)}`
+ $('activeName').textContent = `${item.name || item.id} 设备监控`
+ $('activeMeta').textContent = `${device.manufacturer || ''} ${device.model || ''}`.trim() || item.url
$('signalPanel').innerHTML = [
- ['状态', statusText(s)],
- ['设备', value(sum.device?.model || sum.device?.name)],
- ['运营商', value(sum.network?.operator || sum.sim?.operator)],
- ['网络', value(sum.network?.accessTechnology || sum.network?.registration)],
- ['短信', sum.sms ? `总 ${value(sum.sms.total)} / 未读 ${value(sum.sms.unread)}` : '-'],
- ['版本', value(sum.ota?.currentVersion || sum.device?.firmwareVersion)],
- ].map(([k, v]) => `${escapeHtml(k)}${escapeHtml(v)}
`).join('')
+ ['在线状态', statusText(s)],
+ ['SIM / 运营商', `${sim.present === false ? '未插卡' : '已插卡'} · ${value(network.operator || sim.operator)}`],
+ ['信号 / 制式', `${value(network.signal || sim.signal)} · ${value(network.accessTechnology || network.registration)}`],
+ ['温度', formatTemperature(system.temperature)],
+ ['流量速率', formatSpeed(system.networkSpeed)],
+ ['数据连接', firstValue(data.active, data.connected, data.enabled) === true ? '已连接' : firstValue(data.active, data.connected, data.enabled) === false ? '未连接' : '-'],
+ ['系统负载', Array.isArray(system.cpuLoad) ? system.cpuLoad.join(' / ') : value(system.cpuLoad)],
+ ['版本', value(ota.currentVersion || device.firmware || device.revision)],
+ ].map(([k, v]) => `${escapeHtml(k)}${escapeHtml(value(v))}
`).join('')
}
function renderOverview() {
- const item = activeInstance()
- const s = activeStatus()
+ const { item, s, device, sim, network, data, sms, system } = getMonitorData()
if (!item) {
- $('overview').innerHTML = '提示先选择左侧设备
'
+ $('overview').innerHTML = [
+ metricCard('设备', `${instances.length} 台`),
+ metricCard('在线', [...statuses.values()].filter(x => statusKind(x) === 'online').length),
+ metricCard('温度', '选择设备后显示'),
+ metricCard('流量', '选择设备后显示'),
+ ].join('')
renderHero()
+ renderDeviceDetails()
return
}
- const sum = s?.summary || {}
- const metrics = [
- ['状态', s ? (s.reachable ? (s.authenticated === false ? '在线/未登录' : '在线') : `离线`) : '未知'],
- ['延迟', s?.latencyMs != null ? `${s.latencyMs}ms` : '-'],
- ['型号', sum.device?.model || sum.device?.name],
- ['IMEI', sum.device?.imei],
- ['ICCID', sum.sim?.iccid],
- ['号码', sum.sim?.phoneNumber || sum.sim?.msisdn],
- ['运营商', sum.network?.operator || sum.sim?.operator],
- ['网络', sum.network?.accessTechnology || sum.network?.registration],
- ['数据连接', sum.data ? `${boolText(sum.data.enabled)} / ${boolText(sum.data.connected)}` : '-'],
- ['短信', sum.sms ? `总 ${value(sum.sms.total)} / 未读 ${value(sum.sms.unread)}` : '-'],
- ]
- $('overview').innerHTML = metrics.map(([k, v]) => `${escapeHtml(k)}${escapeHtml(value(v))}
`).join('')
+ const dataState = firstValue(data.active, data.connected, data.enabled)
+ $('overview').innerHTML = [
+ metricCard('状态', s ? (s.reachable ? (s.authenticated === false ? '在线/未登录' : '在线') : '离线') : '未知', pillClass(s)),
+ metricCard('延迟', s?.latencyMs != null ? `${s.latencyMs}ms` : '-'),
+ metricCard('信号', firstValue(network.signal, sim.signal), 'signal'),
+ metricCard('温度', formatTemperature(system.temperature), 'temperature'),
+ metricCard('流量速率', formatSpeed(system.networkSpeed), 'traffic'),
+ metricCard('数据连接', dataState === true ? '已连接' : dataState === false ? '未连接' : '-'),
+ metricCard('SIM', sim.present === false ? '未插卡' : value(sim.iccid)),
+ metricCard('短信', sms.total != null ? `总 ${sms.total} / 收 ${value(sms.incoming)} / 发 ${value(sms.outgoing)}` : '-'),
+ ].join('')
renderHero()
+ renderDeviceDetails()
}
-function renderModuleTabs() {
- const tabs = [{ id: 'all', title: '全部' }, ...modules.map(m => ({ id: m.id, title: m.title.split(/[ /]/)[0] }))]
- $('moduleTabs').innerHTML = tabs.map(t => ``).join('')
- $$('button[data-module]', $('moduleTabs')).forEach(btn => btn.addEventListener('click', () => {
- activeModule = btn.dataset.module
- renderFeatures()
- }))
+function renderDeviceDetails() {
+ const { item, device, sim, network, data, sms, ota, system, s } = getMonitorData()
+ if (!item) {
+ $('featureGrid').innerHTML = `设备监控大屏
选择左侧任一设备后，这里会按分类展示真实设备信息、温度、流量、系统资源、SIM 与短信状态。
`
+ return
+ }
+ $('featureGrid').innerHTML = [
+ detailCard('设备信息', [
+ ['名称', item.name || item.id], ['地址', item.url], ['型号', device.model], ['厂商', device.manufacturer], ['IMEI', device.imei], ['电源', boolText(device.powered)], ['在线', boolText(device.online)], ['固件/版本', ota.currentVersion || device.firmware || device.revision], ['Commit', ota.currentCommit],
+ ], 'device'),
+ detailCard('SIM 卡', [
+ ['状态', sim.present === false ? '未插卡' : sim.present === true ? '已插卡' : '-'], ['ICCID', sim.iccid], ['IMSI', sim.imsi], ['号码', sim.phoneNumber], ['短信中心', sim.smsCenter], ['MCC/MNC', [network.mcc || sim.mcc, network.mnc || sim.mnc].filter(Boolean).join('/') || '-'],
+ ], 'sim'),
+ detailCard('蜂窝网络', [
+ ['运营商', network.operator || sim.operator], ['注册状态', network.registration], ['网络制式', network.accessTechnology], ['信号强度', firstValue(network.signal, sim.signal)], ['数据连接', firstValue(data.active, data.connected, data.enabled) === true ? '已连接' : firstValue(data.active, data.connected, data.enabled) === false ? '未连接' : '-'], ['漫游', boolText(data.roaming)],
+ ], 'network'),
+ detailCard('温度 / 系统', [
+ ['温度', formatTemperature(system.temperature)], ['CPU 负载', Array.isArray(system.cpuLoad) ? system.cpuLoad.join(' / ') : system.cpuLoad], ['内存', formatPercentPair(system.memory)], ['磁盘', formatPercentPair(system.disk)], ['运行时间', formatUptime(system.uptime)], ['系统', system.info ? Object.values(system.info).filter(Boolean).join(' · ') : '-'],
+ ], 'system'),
+ detailCard('流量 / 短信', [
+ ['实时速率', formatSpeed(system.networkSpeed)], ['短信总数', sms.total], ['接收短信', sms.incoming], ['发送短信', sms.outgoing], ['推送成功', sms.pushed], ['通话记录', s?.summary?.calls?.calls?.length ?? '-'],
+ ], 'traffic'),
+ ].join('')
}
-function renderFeatures() {
- renderModuleTabs()
- const disabled = activeId ? '' : ' disabled'
- const visible = activeModule === 'all' ? modules : modules.filter(m => m.id === activeModule)
- $('featureGrid').innerHTML = visible.map(m => `
-
-
${escapeHtml(m.id)}
${escapeHtml(m.title)}
-
${m.endpoints.length} API
-
${escapeHtml(m.desc)}
- ${m.tone === 'danger' ? '包含写操作/网络切换类接口，执行前确认目标设备。
' : ''}
- ${m.endpoints.map(ep => `${escapeHtml(ep)}`).join('')}
- `).join('')
- $$('button[data-ep]', $('featureGrid')).forEach(btn => btn.addEventListener('click', () => {
- switchView('api')
- $('endpointInput').value = btn.dataset.ep
- $('methodSelect').value = inferMethod(btn.dataset.ep)
- runEndpoint()
- }))
-}
+function renderFeatures() { renderDeviceDetails() }
function renderEndpointList() {
const groups = catalog.length ? catalog : modules.map(m => ({ id: m.id, name: m.title, endpoints: m.endpoints }))
diff --git a/public/index.html b/public/index.html
index f0c2e76..62edc1c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -62,7 +62,7 @@
NO ISLAND SELECTED
选择一个 SimAdmin 小岛
-
查看设备、SIM、网络、短信、eSIM、OTA 与原始管理页面。
+
集中展示设备信息、联网状态、SIM、信号、温度、流量、系统资源、短信与版本。
@@ -71,26 +71,26 @@
-
-
- 小岛告示牌
+
+
-
+
-
+
-
功能应用
-
+
设备详情
+
按设备、SIM、蜂窝网络、系统资源、温度、流量和短信分类展示真实状态。