+ const { s, device, sim, network, data, sms, system, ota } = deviceSummary(item)
+ const dataState = firstValue(data.active, data.connected, data.enabled)
+ return `
+
-
-
${escapeHtml(statusText(s))}
${escapeHtml(item.name || item.id)}
- ${escapeHtml(item.url)}
+ ${escapeHtml(item.id)}
+${escapeHtml(item.name || item.id)}
+ ${escapeHtml(item.url)}
- 信号${escapeHtml(value(network.signal || sim.signal))}
- 温度${escapeHtml(formatTemperature(system.temperature))}
- 速率${escapeHtml(formatSpeed(system.networkSpeed))}
- SIM${escapeHtml(sim.present === false ? '未插卡' : value(sim.iccid))}
+
${escapeHtml(value([device.manufacturer, device.model].filter(Boolean).join(' ') || device.imei || '未知设备'))}
+
+ SIM${escapeHtml(sim.present === false ? '未插卡' : value(sim.iccid))}
+ 信号${escapeHtml(value(firstValue(network.signal, sim.signal)))}
+ 温度${escapeHtml(formatTemperature(system.temperature))}
+ 流量${escapeHtml(formatSpeed(system.networkSpeed))}
+ 数据${escapeHtml(dataState === true ? '已连接' : dataState === false ? '未连接' : '-')}
+ 短信${escapeHtml(sms.total != null ? `总 ${sms.total}` : '-')}
-
-
-
+
-
+ ${escapeHtml(value(network.operator || sim.operator || network.registration))}
+ ${escapeHtml(value(ota.currentVersion || device.firmware || device.revision))}
`
}).join('')
- $$('.instance-card', root).forEach(card => card.addEventListener('click', (event) => {
- if (event.target.closest('button')) return
- selectInstance(card.dataset.id)
- }))
- $$('[data-edit-id]', root).forEach(btn => btn.addEventListener('click', () => openInstanceDialog(btn.dataset.editId)))
- $$('[data-delete-id]', root).forEach(btn => btn.addEventListener('click', () => deleteInstance(btn.dataset.deleteId)))
+ $$('[data-open-detail]', root).forEach(card => {
+ const open = () => openDeviceDetail(card.dataset.openDetail)
+ card.addEventListener('click', open)
+ card.addEventListener('keydown', (event) => {
+ if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); open() }
+ })
+ })
+}
+
+function renderInstances() { renderHomeCards() }
+
+function openDeviceDetail(id) {
+ const item = instances.find(x => x.id === id)
+ if (!item) return
+ activeId = id
+ localStorage.setItem('multi-simadmin-active', id)
+ $('loginBtn').disabled = false
+ $('openExternal').href = item.url
+ $('openExternal').classList.remove('disabled')
+ $('emptyState').hidden = true
+ $('frame').hidden = false
+ $('frame').src = item.url
+ switchView('detail')
+ renderHomeCards()
+ renderOverview()
+ renderDeviceDetails()
+ renderDetailActions()
+}
+
+function setActiveHome() {
+ activeId = null
+ localStorage.removeItem('multi-simadmin-active')
+ $('loginBtn').disabled = true
+ $('openExternal').href = '#'
+ $('openExternal').classList.add('disabled')
+ $('emptyState').hidden = false
+ $('frame').hidden = true
+ $('frame').removeAttribute('src')
+ switchView('home')
+ renderHomeCards()
}
function renderHero() {
const { item, s, device, sim, network, system, data, ota } = getMonitorData()
if (!item) {
- $('activeKicker').textContent = 'DEVICE MONITOR'
- $('activeName').textContent = '选择一个设备查看实时状态'
- $('activeMeta').textContent = '主页面展示各设备的状态、温度、流量、SIM、信号、系统资源与短信统计。'
+ $('activeKicker').textContent = 'DEVICE DETAIL'
+ $('activeName').textContent = '选择一个 SimAdmin 设备'
+ $('activeMeta').textContent = '从首页卡片进入详情页后，可查看状态并使用功能交互。'
$('signalPanel').innerHTML = [
['状态', '等待选择'], ['设备', '-'], ['温度', '-'], ['流量速率', '-'],
].map(([k, v]) => `${k}${v}
`).join('')
return
}
$('activeKicker').textContent = `${item.id} · ${statusText(s)}`
- $('activeName').textContent = `${item.name || item.id} 设备监控`
+ $('activeName').textContent = `${item.name || item.id} 详情页`
$('activeMeta').textContent = `${device.manufacturer || ''} ${device.model || ''}`.trim() || item.url
$('signalPanel').innerHTML = [
['在线状态', statusText(s)],
@@ -264,18 +291,8 @@ function renderHero() {
}
function renderOverview() {
- const { item, s, device, sim, network, data, sms, system } = getMonitorData()
- if (!item) {
- $('overview').innerHTML = [
- metricCard('设备', `${instances.length} 台`),
- metricCard('在线', [...statuses.values()].filter(x => statusKind(x) === 'online').length),
- metricCard('温度', '选择设备后显示'),
- metricCard('流量', '选择设备后显示'),
- ].join('')
- renderHero()
- renderDeviceDetails()
- return
- }
+ const { item, s, sim, network, data, sms, system } = getMonitorData()
+ if (!item) return
const dataState = firstValue(data.active, data.connected, data.enabled)
$('overview').innerHTML = [
metricCard('状态', s ? (s.reachable ? (s.authenticated === false ? '在线/未登录' : '在线') : '离线') : '未知', pillClass(s)),
@@ -288,16 +305,12 @@ function renderOverview() {
metricCard('短信', sms.total != null ? `总 ${sms.total} / 收 ${value(sms.incoming)} / 发 ${value(sms.outgoing)}` : '-'),
].join('')
renderHero()
- renderDeviceDetails()
}
function renderDeviceDetails() {
const { item, device, sim, network, data, sms, ota, system, s } = getMonitorData()
- if (!item) {
- $('featureGrid').innerHTML = `设备监控大屏
选择左侧任一设备后，这里会按分类展示真实设备信息、温度、流量、系统资源、SIM 与短信状态。
-