208 lines
7.8 KiB
JavaScript
208 lines
7.8 KiB
JavaScript
import { apiFetch } from "./api.js";
|
|
import { dom } from "./dom.js";
|
|
import { state } from "./state.js";
|
|
import { loadUnits } from "./units.js";
|
|
|
|
const SIGNAL_ROLES = ["rem", "run", "flt"];
|
|
const ROLE_LABELS = { rem: "REM", run: "RUN", flt: "FLT" };
|
|
|
|
export function sigDotClass(role, quality, valueText) {
|
|
if (!quality || quality.toLowerCase() !== "good") return "sig-dot sig-warn";
|
|
const v = String(valueText ?? "").trim().toLowerCase();
|
|
const on = v === "1" || v === "true" || v === "on";
|
|
if (!on) return "sig-dot";
|
|
return role === "flt" ? "sig-dot sig-fault" : "sig-dot sig-on";
|
|
}
|
|
|
|
function runtimeBadge(runtime) {
|
|
if (!runtime) return '<span class="badge offline">OFFLINE</span>';
|
|
if (runtime.comm_locked) return '<span class="badge offline">COMM ERR</span>';
|
|
if (runtime.fault_locked) return '<span class="badge danger">FAULT</span>';
|
|
const labels = { stopped: "STOPPED", running: "RUNNING", distributor_running: "DIST RUN", fault_locked: "FAULT", comm_locked: "COMM ERR" };
|
|
const cls = { stopped: "", running: "online", distributor_running: "online", fault_locked: "danger", comm_locked: "offline" };
|
|
return `<span class="badge ${cls[runtime.state] ?? ""}">${labels[runtime.state] ?? runtime.state}</span>`;
|
|
}
|
|
|
|
export function renderOpsUnits() {
|
|
if (!dom.opsUnitList) return;
|
|
dom.opsUnitList.innerHTML = "";
|
|
|
|
if (!state.units.length) {
|
|
dom.opsUnitList.innerHTML = '<div class="muted" style="padding:12px">暂无控制单元</div>';
|
|
return;
|
|
}
|
|
|
|
state.units.forEach((unit) => {
|
|
const runtime = state.runtimes.get(unit.id);
|
|
const item = document.createElement("div");
|
|
item.className = `ops-unit-item${state.selectedOpsUnitId === unit.id ? " selected" : ""}`;
|
|
item.innerHTML = `
|
|
<div class="ops-unit-item-name">${unit.code} / ${unit.name}</div>
|
|
<div class="ops-unit-item-meta">
|
|
${runtimeBadge(runtime)}
|
|
<span class="badge ${unit.enabled ? "" : "offline"}">${unit.enabled ? "EN" : "DIS"}</span>
|
|
${runtime ? `<span class="muted">Acc ${Math.floor(runtime.display_acc_sec / 1000)}s</span>` : ""}
|
|
</div>
|
|
<div class="ops-unit-item-actions"></div>
|
|
`;
|
|
item.addEventListener("click", () => selectOpsUnit(unit.id));
|
|
|
|
const actions = item.querySelector(".ops-unit-item-actions");
|
|
|
|
const isAutoOn = runtime?.auto_enabled;
|
|
const autoBtn = document.createElement("button");
|
|
autoBtn.className = isAutoOn ? "danger" : "secondary";
|
|
autoBtn.textContent = isAutoOn ? "Stop Auto" : "Start Auto";
|
|
autoBtn.title = isAutoOn ? "停止自动控制" : "启动自动控制";
|
|
autoBtn.addEventListener("click", (e) => {
|
|
e.stopPropagation();
|
|
apiFetch(`/api/control/unit/${unit.id}/${isAutoOn ? "stop-auto" : "start-auto"}`, { method: "POST" })
|
|
.then(() => loadUnits()).catch(() => {});
|
|
});
|
|
actions.append(autoBtn);
|
|
|
|
if (runtime?.manual_ack_required) {
|
|
const ackBtn = document.createElement("button");
|
|
ackBtn.className = "danger";
|
|
ackBtn.textContent = "Ack Fault";
|
|
ackBtn.title = "人工确认解除故障锁定";
|
|
ackBtn.addEventListener("click", (e) => {
|
|
e.stopPropagation();
|
|
apiFetch(`/api/control/unit/${unit.id}/ack-fault`, { method: "POST" })
|
|
.then(() => loadUnits()).catch(() => {});
|
|
});
|
|
actions.append(ackBtn);
|
|
}
|
|
|
|
dom.opsUnitList.appendChild(item);
|
|
});
|
|
}
|
|
|
|
function selectOpsUnit(unitId) {
|
|
state.selectedOpsUnitId = unitId === state.selectedOpsUnitId ? null : unitId;
|
|
renderOpsUnits();
|
|
state.opsPointEls.clear();
|
|
|
|
if (!state.selectedOpsUnitId) {
|
|
renderOpsEquipments(state.units.flatMap((u) => u.equipments || []));
|
|
return;
|
|
}
|
|
|
|
const unit = state.unitMap.get(unitId);
|
|
renderOpsEquipments(unit ? (unit.equipments || []) : []);
|
|
}
|
|
|
|
export function loadAllEquipmentCards() {
|
|
if (!dom.opsEquipmentArea) return;
|
|
state.opsPointEls.clear();
|
|
renderOpsEquipments(state.units.flatMap((u) => u.equipments || []));
|
|
}
|
|
|
|
function renderOpsEquipments(equipments) {
|
|
dom.opsEquipmentArea.innerHTML = "";
|
|
if (!equipments.length) {
|
|
dom.opsEquipmentArea.innerHTML = '<div class="muted ops-placeholder">该单元下暂无设备</div>';
|
|
return;
|
|
}
|
|
|
|
equipments.forEach((eq) => {
|
|
const card = document.createElement("div");
|
|
card.className = "ops-eq-card";
|
|
|
|
// Build role → point map from role_points
|
|
const roleMap = {};
|
|
(eq.role_points || []).forEach((p) => {
|
|
roleMap[p.signal_role] = p;
|
|
});
|
|
|
|
// Signal rows HTML (placeholders; WS will fill values)
|
|
const signalRowsHtml = SIGNAL_ROLES.map((role) => {
|
|
const point = roleMap[role];
|
|
if (!point) return "";
|
|
return `
|
|
<div class="ops-signal-row">
|
|
<span class="ops-signal-label">${ROLE_LABELS[role] || role}</span>
|
|
<span class="sig-dot sig-warn" data-ops-dot="${point.point_id}" data-ops-role="${role}"></span>
|
|
</div>`;
|
|
}).join("");
|
|
|
|
const canControl = eq.kind === "coal_feeder" || eq.kind === "distributor";
|
|
|
|
card.innerHTML = `
|
|
<div class="ops-eq-card-head">
|
|
<strong title="${eq.name}">${eq.code}</strong>
|
|
<span class="badge">${eq.kind || "--"}</span>
|
|
</div>
|
|
<div class="ops-signal-rows">${signalRowsHtml || '<span class="muted" style="font-size:11px;padding:2px 0">无绑定信号</span>'}</div>
|
|
${canControl ? `<div class="ops-eq-card-actions" data-unit-id="${eq.unit_id || ""}"></div>` : ""}
|
|
`;
|
|
|
|
if (canControl) {
|
|
const actions = card.querySelector(".ops-eq-card-actions");
|
|
const autoOn = !!(eq.unit_id && state.runtimes.get(eq.unit_id)?.auto_enabled);
|
|
const startBtn = document.createElement("button");
|
|
startBtn.className = "secondary";
|
|
startBtn.textContent = "Start";
|
|
startBtn.disabled = autoOn;
|
|
startBtn.title = autoOn ? "自动控制运行中，请先停止自动" : "";
|
|
startBtn.addEventListener("click", () =>
|
|
apiFetch(`/api/control/equipment/${eq.id}/start`, { method: "POST" }).catch(() => {})
|
|
);
|
|
const stopBtn = document.createElement("button");
|
|
stopBtn.className = "danger";
|
|
stopBtn.textContent = "Stop";
|
|
stopBtn.disabled = autoOn;
|
|
stopBtn.title = autoOn ? "自动控制运行中，请先停止自动" : "";
|
|
stopBtn.addEventListener("click", () =>
|
|
apiFetch(`/api/control/equipment/${eq.id}/stop`, { method: "POST" }).catch(() => {})
|
|
);
|
|
actions.append(startBtn, stopBtn);
|
|
}
|
|
|
|
dom.opsEquipmentArea.appendChild(card);
|
|
|
|
// Register DOM elements for WS updates, then seed from cached monitor data
|
|
SIGNAL_ROLES.forEach((role) => {
|
|
const point = roleMap[role];
|
|
if (!point) return;
|
|
const dotEl = card.querySelector(`[data-ops-dot="${point.point_id}"]`);
|
|
if (dotEl) {
|
|
state.opsPointEls.set(point.point_id, { dotEl });
|
|
if (point.point_monitor) {
|
|
const m = point.point_monitor;
|
|
dotEl.className = sigDotClass(role, m.quality, m.value_text);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
export function startOps() {
|
|
renderOpsUnits();
|
|
|
|
dom.batchStartAutoBtn?.addEventListener("click", () => {
|
|
apiFetch("/api/control/unit/batch-start-auto", { method: "POST" })
|
|
.then(() => loadUnits())
|
|
.catch(() => {});
|
|
});
|
|
|
|
dom.batchStopAutoBtn?.addEventListener("click", () => {
|
|
apiFetch("/api/control/unit/batch-stop-auto", { method: "POST" })
|
|
.then(() => loadUnits())
|
|
.catch(() => {});
|
|
});
|
|
}
|
|
|
|
/** Called by WS handler when a unit's runtime changes — syncs manual button disabled state. */
|
|
export function syncEquipmentButtonsForUnit(unitId, autoEnabled) {
|
|
if (!dom.opsEquipmentArea) return;
|
|
dom.opsEquipmentArea
|
|
.querySelectorAll(`.ops-eq-card-actions[data-unit-id="${unitId}"]`)
|
|
.forEach((actions) => {
|
|
actions.querySelectorAll("button").forEach((btn) => {
|
|
btn.disabled = autoEnabled;
|
|
btn.title = autoEnabled ? "自动控制运行中，请先停止自动" : "";
|
|
});
|
|
});
|
|
}
|