function pad(n) {
|
return String(n).padStart(2, '0');
|
}
|
|
function formatNow() {
|
const d = new Date();
|
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
|
}
|
|
function buildDefaultGpsPayload() {
|
return {
|
msgType: 'com.hikvision.open.transparent',
|
msgSeq: String(Date.now()),
|
createDate: Date.now(),
|
sn: 'F12345678',
|
data: {
|
gpsTime: formatNow(),
|
longitude: 120.153245,
|
latitude: 30.267421,
|
speed: 60.5,
|
direction: 180,
|
elevation: 15.2,
|
status: 'A',
|
},
|
};
|
}
|
|
function initTabs() {
|
const tabs = document.querySelectorAll('.tab');
|
const panels = document.querySelectorAll('.tab-panel');
|
|
tabs.forEach((tab) => {
|
tab.addEventListener('click', () => {
|
const name = tab.dataset.tab;
|
|
tabs.forEach((t) => {
|
const active = t === tab;
|
t.classList.toggle('active', active);
|
t.setAttribute('aria-selected', active ? 'true' : 'false');
|
});
|
|
panels.forEach((panel) => {
|
const active = panel.id === `panel-${name}`;
|
panel.classList.toggle('active', active);
|
panel.hidden = !active;
|
});
|
});
|
});
|
}
|
|
async function loadDefaults() {
|
const res = await fetch('/api/defaults');
|
const data = await res.json();
|
document.getElementById('targetUrl').value = data.targetUrl;
|
document.getElementById('clientId').value = data.clientId;
|
document.getElementById('secret').value = data.secret;
|
document.getElementById('uploadTime').value = formatNow();
|
|
if (data.gpsTargetUrl) {
|
document.getElementById('gpsTargetUrl').value = data.gpsTargetUrl;
|
}
|
}
|
|
function initWeightTab() {
|
document.getElementById('nowBtn').addEventListener('click', () => {
|
document.getElementById('uploadTime').value = formatNow();
|
});
|
|
document.getElementById('reportForm').addEventListener('submit', async (e) => {
|
e.preventDefault();
|
const submitBtn = document.getElementById('submitBtn');
|
const result = document.getElementById('result');
|
submitBtn.disabled = true;
|
result.textContent = '上报中...';
|
|
const payload = {
|
targetUrl: document.getElementById('targetUrl').value.trim(),
|
clientId: document.getElementById('clientId').value.trim(),
|
secret: document.getElementById('secret').value.trim(),
|
deviceNo: document.getElementById('deviceNo').value.trim(),
|
uploadTime: document.getElementById('uploadTime').value.trim(),
|
garbageType: document.getElementById('garbageType').value,
|
garbageWeight: document.getElementById('garbageWeight').value.trim(),
|
others: document.getElementById('others').value.trim(),
|
};
|
|
try {
|
const res = await fetch('/api/send', {
|
method: 'POST',
|
headers: { 'Content-Type': 'application/json' },
|
body: JSON.stringify(payload),
|
});
|
const data = await res.json();
|
result.textContent = JSON.stringify(data, null, 2);
|
} catch (err) {
|
result.textContent = JSON.stringify({ ok: false, msg: err.message }, null, 2);
|
} finally {
|
submitBtn.disabled = false;
|
}
|
});
|
}
|
|
function initGpsTab() {
|
const gpsPayload = document.getElementById('gpsPayload');
|
gpsPayload.value = JSON.stringify(buildDefaultGpsPayload(), null, 2);
|
|
document.getElementById('gpsSendBtn').addEventListener('click', async () => {
|
const sendBtn = document.getElementById('gpsSendBtn');
|
const result = document.getElementById('gpsResult');
|
const targetUrl = document.getElementById('gpsTargetUrl').value.trim();
|
const raw = gpsPayload.value.trim();
|
|
if (!targetUrl) {
|
result.textContent = JSON.stringify({ ok: false, msg: '请填写目标地址' }, null, 2);
|
return;
|
}
|
|
let body;
|
try {
|
body = JSON.parse(raw);
|
} catch (err) {
|
result.textContent = JSON.stringify({ ok: false, msg: `JSON 格式错误: ${err.message}` }, null, 2);
|
return;
|
}
|
|
sendBtn.disabled = true;
|
result.textContent = '发送中...';
|
|
try {
|
const res = await fetch('/api/send-gps', {
|
method: 'POST',
|
headers: { 'Content-Type': 'application/json' },
|
body: JSON.stringify({ targetUrl, payload: body }),
|
});
|
const data = await res.json();
|
|
result.textContent = JSON.stringify(data, null, 2);
|
} catch (err) {
|
result.textContent = JSON.stringify({ ok: false, msg: err.message }, null, 2);
|
} finally {
|
sendBtn.disabled = false;
|
}
|
});
|
}
|
|
initTabs();
|
initWeightTab();
|
initGpsTab();
|
|
loadDefaults().catch((err) => {
|
document.getElementById('result').textContent = `加载默认配置失败: ${err.message}`;
|
});
|
