diff --git a/config/web/css/style.css b/config/web/css/style.css
new file mode 100644
index 0000000..884c662
--- /dev/null
+++ b/config/web/css/style.css
@@ -0,0 +1,576 @@
+/**
+ * @file style.css
+ * @brief RTU Web Manager — Dark Industrial Dashboard Stylesheet
+ */
+
+/* ============================================================
+ Design Tokens (CSS Variables)
+ ============================================================ */
+:root {
+ --bg-deep: #0a0f16;
+ --bg-card: #111922;
+ --bg-surface: #192230;
+ --bg-hover: #1e2a3a;
+ --bg-input: #0d1520;
+ --border: #1e3040;
+ --border-accent: #1a4a60;
+ --text-primary: #e4ecf2;
+ --text-secondary: #8899aa;
+ --text-muted: #556677;
+ --accent: #00d4aa;
+ --accent-glow: rgba(0,212,170,0.15);
+ --accent2: #00a8e8;
+ --danger: #ff4757;
+ --warning: #ffa502;
+ --success: #2ed573;
+ --online: #2ed573;
+ --offline: #ff4757;
+ --nav-width: 240px;
+ --radius-sm: 4px;
+ --radius-md: 8px;
+ --radius-lg: 12px;
+ --shadow: 0 4px 24px rgba(0,0,0,0.4);
+ --transition: 180ms ease-out;
+ --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+ --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
+}
+
+/* ============================================================
+ Reset & Base
+ ============================================================ */
+* { box-sizing: border-box; margin: 0; padding: 0; }
+html, body { height: 100%; overflow: hidden; }
+body {
+ font-family: var(--font-ui);
+ font-size: 14px;
+ color: var(--text-primary);
+ background: var(--bg-deep);
+ display: flex;
+ line-height: 1.5;
+}
+a { color: var(--accent); text-decoration: none; }
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: var(--bg-deep); }
+::-webkit-scrollbar-thumb { background: var(--text-muted); border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: var(--text-secondary); }
+
+/* ============================================================
+ Navigation Sidebar
+ ============================================================ */
+#nav-sidebar {
+ width: var(--nav-width); min-width: var(--nav-width);
+ background: var(--bg-card);
+ border-right: 1px solid var(--border);
+ display: flex; flex-direction: column;
+ z-index: 100; transition: transform var(--transition);
+}
+.nav-header {
+ padding: 20px 20px 16px;
+ border-bottom: 1px solid var(--border);
+}
+.nav-logo {
+ display: flex; align-items: center; gap: 10px;
+ font-size: 18px; font-weight: 700; letter-spacing: -0.3px;
+}
+.nav-logo svg { flex-shrink: 0; }
+.nav-status {
+ display: flex; align-items: center; gap: 8px;
+ margin-top: 12px; font-size: 12px; color: var(--text-secondary);
+}
+.nav-status-dot {
+ width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
+ transition: background var(--transition);
+}
+.nav-status-dot.connected { background: var(--online); box-shadow: 0 0 8px var(--online); }
+.nav-status-dot.disconnected { background: var(--offline); }
+.nav-status-dot.connecting { background: var(--warning); animation: pulse 1s infinite; }
+@keyframes pulse { 50% { opacity: 0.4; } }
+
+.nav-section-title {
+ padding: 16px 20px 6px;
+ font-size: 10px; text-transform: uppercase;
+ letter-spacing: 1.2px; color: var(--text-muted); font-weight: 600;
+}
+#nav-links { flex: 1; overflow-y: auto; padding: 4px 0; }
+#nav-links a {
+ display: flex; align-items: center; gap: 10px;
+ padding: 9px 20px; margin: 1px 8px; border-radius: var(--radius-sm);
+ font-size: 13px; color: var(--text-secondary); font-weight: 500;
+ transition: all var(--transition); cursor: pointer; position: relative;
+}
+#nav-links a:hover { background: var(--bg-hover); color: var(--text-primary); }
+#nav-links a.active {
+ background: var(--accent-glow); color: var(--accent); font-weight: 600;
+}
+#nav-links a.active::before {
+ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
+ width: 3px; height: 20px; background: var(--accent); border-radius: 0 2px 2px 0;
+}
+.icon-svg { width: 13px; height: 13px; flex-shrink: 0; opacity: 0.6; margin-right: 2px; }
+#nav-links a.active .icon-svg { opacity: 1; }
+.nav-icon { width: 18px; height: 18px; flex-shrink: 0; opacity: 0.65; }
+#nav-links a.active .nav-icon { opacity: 1; color: var(--accent); }
+
+/* ---- Language Switcher (Dropdown) ---- */
+.nav-lang {
+ padding: 10px 20px; border-top: 1px solid var(--border);
+}
+.lang-select {
+ width: 100%; padding: 7px 10px;
+ background: var(--bg-surface); border: 1px solid var(--border);
+ border-radius: var(--radius-sm); color: var(--text-primary);
+ font-size: 12px; font-family: var(--font-ui); cursor: pointer;
+ transition: border-color var(--transition);
+}
+.lang-select:focus { outline: none; border-color: var(--accent); }
+
+.nav-footer {
+ padding: 12px 20px; border-top: 1px solid var(--border);
+ font-size: 11px; color: var(--text-muted);
+ display: flex; justify-content: space-between;
+}
+
+/* ============================================================
+ Mobile Toggle
+ ============================================================ */
+#nav-toggle {
+ display: none; position: fixed; top: 12px; left: 12px; z-index: 200;
+ width: 36px; height: 36px; border: 1px solid var(--border);
+ background: var(--bg-card); border-radius: var(--radius-sm);
+ color: var(--text-primary); cursor: pointer; align-items: center; justify-content: center;
+}
+
+/* ============================================================
+ Main Content
+ ============================================================ */
+#main-content {
+ flex: 1; display: flex; flex-direction: column; overflow: hidden; min-width: 0;
+}
+#page-header {
+ padding: 16px 28px; border-bottom: 1px solid var(--border);
+ background: var(--bg-card); display: flex; align-items: center; gap: 12px;
+ min-height: 56px;
+}
+#page-title { font-size: 17px; font-weight: 700; }
+#page-subtitle { font-size: 12px; color: var(--text-secondary); margin-left: 8px; }
+#page-container { flex: 1; overflow-y: auto; padding: 24px 28px; }
+
+/* ============================================================
+ Cards
+ ============================================================ */
+.card {
+ background: var(--bg-card); border: 1px solid var(--border);
+ border-radius: var(--radius-md); padding: 20px; margin-bottom: 16px;
+ transition: border-color var(--transition);
+}
+.card:hover { border-color: var(--border-accent); }
+.card-header {
+ display: flex; justify-content: space-between; align-items: center;
+ margin-bottom: 16px; font-weight: 600; font-size: 15px;
+}
+
+/* ============================================================
+ Buttons
+ ============================================================ */
+.btn {
+ display: inline-flex; align-items: center; gap: 6px;
+ padding: 8px 16px; border: 1px solid var(--border);
+ border-radius: var(--radius-sm); font-size: 13px; font-weight: 500;
+ cursor: pointer; transition: all var(--transition);
+ background: var(--bg-surface); color: var(--text-primary);
+ font-family: var(--font-ui);
+}
+.btn:hover { background: var(--bg-hover); border-color: var(--text-muted); }
+.btn-primary { background: var(--accent); color: #000; border-color: var(--accent); font-weight: 600; }
+.btn-primary:hover { background: #00e6bc; box-shadow: 0 0 16px var(--accent-glow); }
+.btn-danger { background: transparent; color: var(--danger); border-color: var(--danger); }
+.btn-danger:hover { background: rgba(255,71,87,0.12); }
+.btn-sm { padding: 5px 10px; font-size: 12px; }
+.btn-icon { padding: 6px; line-height: 1; }
+.btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
+
+/* ============================================================
+ Forms
+ ============================================================ */
+.form-group { margin-bottom: 14px; }
+.form-label { display: block; font-size: 12px; color: var(--text-secondary); margin-bottom: 4px; font-weight: 500; }
+.form-input, .form-select {
+ width: 100%; padding: 9px 12px;
+ background: var(--bg-input); border: 1px solid var(--border);
+ border-radius: var(--radius-sm); color: var(--text-primary);
+ font-size: 13px; font-family: var(--font-ui);
+ transition: border-color var(--transition);
+}
+.form-input:focus, .form-select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-glow); }
+.form-input::placeholder { color: var(--text-muted); }
+
+/* ============================================================
+ Tables
+ ============================================================ */
+.table-wrap { overflow-x: auto; border-radius: var(--radius-md); border: 1px solid var(--border); }
+.signal-table { width: 100%; border-collapse: collapse; font-size: 13px; }
+.signal-table th {
+ background: var(--bg-surface); padding: 10px 14px;
+ text-align: left; font-weight: 600; font-size: 11px;
+ text-transform: uppercase; letter-spacing: 0.5px;
+ color: var(--text-secondary); border-bottom: 1px solid var(--border);
+ position: sticky; top: 0; z-index: 1;
+}
+.signal-table td { padding: 9px 14px; border-bottom: 1px solid rgba(30,48,64,0.6); }
+.signal-table tbody tr { transition: background var(--transition); }
+.signal-table tbody tr:hover { background: var(--bg-hover); }
+.signal-table .empty-row td { text-align: center; color: var(--text-muted); padding: 40px; }
+.cell-mono { font-family: var(--font-mono); font-size: 12px; color: var(--accent); }
+.cell-desc { color: var(--text-secondary); font-size: 12px; }
+.cell-val { font-family: var(--font-mono); font-weight: 600; }
+.cell-val.changed { animation: flash-val 0.6s ease-out; }
+@keyframes flash-val { 0% { color: var(--accent); } 100% { color: inherit; } }
+
+/* ============================================================
+ Dashboard Cards
+ ============================================================ */
+.dash-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
+.dash-card {
+ background: var(--bg-card); border: 1px solid var(--border);
+ border-radius: var(--radius-md); padding: 20px; cursor: pointer;
+ transition: all var(--transition);
+}
+.dash-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow); }
+.dash-card-icon { margin-bottom: 10px; }
+.dash-card-count { font-size: 32px; font-weight: 700; color: var(--accent); }
+.dash-card-label { font-size: 12px; color: var(--text-secondary); margin-top: 4px; }
+
+/* ============================================================
+ Modal
+ ============================================================ */
+.modal-overlay {
+ position: fixed; inset: 0; background: rgba(0,0,0,0.7);
+ display: flex; align-items: center; justify-content: center;
+ z-index: 500; animation: fadeIn 0.15s ease-out;
+}
+.modal-box {
+ background: var(--bg-card); border: 1px solid var(--border);
+ border-radius: var(--radius-lg); padding: 24px;
+ width: 90%; max-width: 480px; max-height: 80vh; overflow-y: auto;
+ box-shadow: var(--shadow); animation: slideUp 0.2s ease-out;
+}
+.modal-title { font-size: 16px; font-weight: 700; margin-bottom: 20px; }
+.modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
+@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+@keyframes slideUp { from { transform: translateY(16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+
+/* ============================================================
+ Toast
+ ============================================================ */
+.toast-container { position: fixed; top: 20px; right: 20px; z-index: 1000; display: flex; flex-direction: column; gap: 8px; }
+.toast {
+ padding: 12px 20px; border-radius: var(--radius-md); font-size: 13px;
+ font-weight: 500; animation: slideIn 0.25s ease-out;
+ box-shadow: var(--shadow); max-width: 360px;
+}
+.toast-success { background: #0d3320; border: 1px solid var(--success); color: var(--success); }
+.toast-error { background: #330d15; border: 1px solid var(--danger); color: var(--danger); }
+.toast-info { background: #0d2033; border: 1px solid var(--accent2); color: var(--accent2); }
+@keyframes slideIn { from { transform: translateX(100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
+
+/* ============================================================
+ Terminal — 命令面板 + 输出窗口 + 输入框
+ ============================================================ */
+.terminal-wrap {
+ background: #0a0d12; border: 1px solid var(--border);
+ border-radius: var(--radius-md); overflow: hidden; display: flex; flex-direction: column;
+ height: calc(100vh - 180px); min-height: 400px;
+}
+.terminal-output {
+ flex: 1; overflow-y: auto; padding: 16px;
+ font-family: var(--font-mono); font-size: 13px; line-height: 1.6;
+ color: #a0d0a0; white-space: pre-wrap; word-break: break-all;
+}
+/* 输入框行 */
+.terminal-input-row {
+ display: flex; border-top: 1px solid var(--border); background: var(--bg-input);
+}
+.terminal-prompt {
+ padding: 10px 12px; color: var(--accent); font-family: var(--font-mono);
+ font-size: 13px; user-select: none; white-space: nowrap;
+}
+.terminal-input {
+ flex: 1; background: transparent; border: none; color: #c0e0c0;
+ font-family: var(--font-mono); font-size: 13px; padding: 10px 8px; outline: none;
+}
+/* 命令面板 */
+.cmd-panels {
+ padding: 12px 16px; border-bottom: 1px solid var(--border);
+ overflow-y: auto; max-height: 260px;
+}
+.cmd-group {
+ margin-bottom: 10px;
+}
+.cmd-group-title {
+ font-size: 12px; color: var(--text-muted); font-weight: 600;
+ margin-bottom: 6px; padding-left: 2px;
+}
+.cmd-group-btns {
+ display: flex; flex-wrap: wrap; gap: 6px;
+}
+.cmd-btn {
+ padding: 6px 14px; background: var(--bg-surface); border: 1px solid var(--border);
+ border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition);
+ text-align: left; line-height: 1.4;
+}
+.cmd-btn:hover {
+ border-color: var(--accent); background: rgba(0,173,181,0.08);
+}
+.cmd-btn-name {
+ display: block; font-family: var(--font-mono); font-size: 12px;
+ color: var(--text-primary); font-weight: 600;
+}
+.cmd-btn-desc {
+ display: block; font-family: var(--font-sans); font-size: 10px;
+ color: var(--text-muted); margin-top: 2px;
+}
+
+/* ============================================================
+ Datacenter
+ ============================================================ */
+.dc-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
+.dc-tab-bar { display: flex; gap: 4px; }
+.dc-tab {
+ padding: 6px 16px; border-radius: 6px; font-size: 12px; font-family: var(--font-mono);
+ background: var(--bg-surface); border: 1px solid var(--border);
+ color: var(--text-secondary); cursor: pointer;
+}
+.dc-tab:hover { border-color: var(--accent); }
+.dc-tab.active { background: var(--accent); color: var(--bg-deep); border-color: var(--accent); }
+.dc-search {
+ padding: 6px 12px; background: var(--bg-input); border: 1px solid var(--border);
+ border-radius: 6px; font-size: 13px; color: var(--text-primary); width: 220px;
+}
+.dc-search:focus { outline: none; border-color: var(--accent); }
+.dc-count { font-size: 12px; color: var(--text-muted); margin-left: auto; white-space: nowrap; }
+.dc-sel-bar {
+ display: flex; align-items: center; gap: 12px;
+ background: rgba(0,212,170,0.08); border: 1px solid var(--accent);
+ border-radius: var(--radius-md); padding: 8px 16px; margin-bottom: 12px;
+}
+.dc-sel-label { font-size: 13px; font-weight: 600; color: var(--accent); }
+
+/* ============================================================
+ PLC Debug
+ ============================================================ */
+.plc-debug-grid { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 16px; }
+.plc-col { min-width: 0; }
+.plc-sig-col { border-left: 1px solid var(--border); border-right: 1px solid var(--border); padding: 0 8px; }
+.plc-sig-list { max-height: 65vh; overflow-y: auto; }
+.plc-led {
+ width: 28px; height: 28px; border-radius: 50%; background: #3a3a3a;
+ border: 2px solid #555; cursor: pointer; flex-shrink: 0;
+ transition: all 0.3s; box-shadow: 0 0 4px rgba(0,0,0,0.4);
+}
+.plc-led-on { background: #0f0; border-color: #4f4; box-shadow: 0 0 12px rgba(0,255,0,0.6); }
+.plc-btn-icon {
+ width: 32px; height: 32px; border-radius: 6px; background: var(--bg-surface);
+ border: 1px solid var(--border); cursor: pointer; flex-shrink: 0;
+ font-size: 16px; color: var(--text-secondary); transition: all 0.2s;
+}
+.plc-btn-icon:hover { border-color: var(--accent); color: var(--accent); background: rgba(0,212,170,0.1); }
+.plc-item {
+ display: flex; align-items: center; gap: 8px;
+ padding: 6px 8px; border-bottom: 1px solid rgba(255,255,255,0.04);
+}
+.plc-item:hover { background: rgba(255,255,255,0.02); }
+.plc-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
+.plc-saddr { font-family: var(--font-mono); font-size: 12px; color: var(--text-primary); word-break: break-all; }
+.plc-arrow-row { display: flex; gap: 4px; margin-left: auto; }
+.plc-pick-row {
+ padding: 10px 12px; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.05);
+ transition: background 0.15s;
+}
+.plc-pick-row:hover { background: rgba(0,212,170,0.06); }
+@media (max-width: 768px) { .plc-debug-grid { grid-template-columns: 1fr; } .plc-sig-col { border: none; padding: 0; } }
+
+/* ============================================================
+ Monitor
+ ============================================================ */
+.monitor-stats { display: flex; gap: 16px; margin-bottom: 16px; }
+.monitor-stat {
+ background: var(--bg-surface); padding: 12px 20px; border-radius: var(--radius-md);
+ border: 1px solid var(--border); font-size: 12px;
+}
+.monitor-stat-val { font-size: 24px; font-weight: 700; color: var(--accent); }
+.monitor-list {
+ background: var(--bg-card); border: 1px solid var(--border);
+ border-radius: var(--radius-md); overflow-y: auto;
+ max-height: calc(100vh - 220px); font-family: var(--font-mono); font-size: 12px;
+}
+.monitor-item { padding: 6px 16px; border-bottom: 1px solid rgba(30,48,64,0.4); display: flex; gap: 10px; }
+.monitor-dir { width: 20px; flex-shrink: 0; font-weight: 700; }
+.monitor-dir.up { color: var(--accent2); }
+.monitor-dir.down { color: var(--accent); }
+.monitor-ts { color: var(--text-muted); flex-shrink: 0; width: 80px; }
+.monitor-msg { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-secondary); }
+.monitor-msg:hover { color: var(--text-primary); white-space: pre-wrap; }
+
+/* ============================================================
+ PLC
+ ============================================================ */
+
+/* ---- PLC Debug 三列布局 ---- */
+.plc-debug-grid {
+ display: grid;
+ grid-template-columns: 1fr 1.2fr 1fr;
+ gap: 12px;
+ height: calc(100vh - 200px);
+ min-height: 500px;
+}
+.plc-col {
+ background: var(--bg-card);
+ border: 1px solid var(--border);
+ border-radius: var(--radius-md);
+ overflow-y: auto;
+ padding: 0;
+}
+.plc-sig-col {
+ background: var(--bg-card);
+ border: 1px solid var(--border);
+ border-radius: var(--radius-md);
+ overflow-y: auto;
+ padding: 0;
+ display: flex; flex-direction: column;
+}
+.plc-col-title {
+ padding: 12px 14px 8px;
+ font-size: 13px; font-weight: 700;
+ color: var(--text-primary);
+ border-bottom: 1px solid var(--border);
+ background: var(--bg-surface);
+ position: sticky; top: 0; z-index: 1;
+}
+.plc-empty { text-align: center; color: var(--text-muted); padding: 30px 10px; font-size: 12px; }
+
+.plc-item {
+ display: flex; align-items: center; gap: 8px;
+ padding: 8px 12px; border-bottom: 1px solid rgba(30,48,64,0.4);
+ transition: background 0.15s;
+}
+.plc-item:hover { background: var(--bg-hover); }
+.plc-cb { flex-shrink: 0; accent-color: var(--accent); }
+
+.plc-debug-led {
+ display: inline-block; width: 18px; height: 18px; border-radius: 50%;
+ background: #3a3e4a; cursor: pointer; flex-shrink: 0;
+ transition: all 0.2s;
+}
+.plc-debug-led-on { background: #2ed573; box-shadow: 0 0 12px rgba(46,213,115,0.6); }
+.plc-debug-btn {
+ display: inline-block; padding: 4px 10px; border-radius: 4px;
+ background: var(--bg-surface); border: 1px solid var(--border);
+ color: var(--text-primary); cursor: pointer; flex-shrink: 0;
+ font-size: 11px; font-weight: 600; text-align: center; min-width: 50px;
+ transition: all 0.15s;
+}
+.plc-debug-btn:hover { border-color: var(--accent2); color: var(--accent2); }
+.plc-item-info { flex: 1; min-width: 0; font-size: 11px; }
+.plc-item-saddr { font-family: var(--font-mono); color: var(--accent); font-size: 11px; }
+.plc-item-val { margin-left: 4px; font-weight: 600; font-size: 10px; }
+
+/* ---- PLC Signal List ---- */
+.plc-arrow-row { display: flex; gap: 6px; padding: 8px 12px; border-bottom: 1px solid var(--border); }
+.plc-sig-list { flex: 1; overflow-y: auto; }
+.plc-sig-check-item {
+ display: flex; align-items: center; gap: 6px;
+ padding: 6px 12px; border-bottom: 1px solid rgba(30,48,64,0.3);
+ cursor: pointer; transition: background 0.15s;
+}
+.plc-sig-check-item:hover { background: var(--bg-hover); }
+.plc-sig-cb { flex-shrink: 0; accent-color: var(--accent2); }
+.plc-sig-saddr { flex: 1; font-family: var(--font-mono); font-size: 11px; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.plc-sig-desc { font-size: 10px; color: var(--text-muted); max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.plc-sig-val { font-family: var(--font-mono); font-size: 11px; font-weight: 600; color: var(--accent); flex-shrink: 0; }
+
+/* ---- PLC Signal Picker Modal Row ---- */
+.plc-sig-row:hover { background: var(--bg-hover); }
+
+/* ---- Mobile: stack PLC debug columns ---- */
+@media (max-width: 768px) {
+ .plc-debug-grid { grid-template-columns: 1fr; height: auto; }
+}
+
+/* ---- PLC Config Canvas & Chain Tabs ---- */
+.chain-tabs {
+ display: flex; gap: 4px; padding: 6px 0 0;
+ flex-wrap: wrap; border-bottom: 1px solid var(--border);
+}
+.chain-tab {
+ padding: 6px 14px; font-size: 12px; font-weight: 500;
+ color: var(--text-secondary); cursor: pointer;
+ border: 1px solid transparent; border-bottom: none;
+ border-radius: var(--radius-sm) var(--radius-sm) 0 0;
+ transition: all var(--transition);
+ font-family: var(--font-mono);
+}
+.chain-tab:hover { color: var(--text-primary); background: var(--bg-hover); }
+.chain-tab.active {
+ color: var(--accent); background: var(--bg-surface);
+ border-color: var(--border); font-weight: 600;
+}
+.plc-canvas-wrap {
+ display: block; width: 100%; height: 500px;
+ border: 1px solid var(--border);
+ border-radius: var(--radius-sm);
+ background: #f0f2f5;
+ cursor: crosshair;
+ margin-top: 0;
+}
+.plc-zoom-bar {
+ display: flex; align-items: center; gap: 12px;
+ padding: 6px 10px; background: var(--bg-surface);
+ border: 1px solid var(--border); border-top: none;
+ border-radius: 0 0 var(--radius-sm) var(--radius-sm);
+ font-size: 12px; color: var(--text-secondary);
+}
+.plc-zoom-bar span {
+ cursor: pointer; padding: 2px 8px; border-radius: 3px;
+ transition: all var(--transition);
+}
+.plc-zoom-bar span:hover { color: var(--accent); background: var(--bg-hover); }
+#plc-zoom-val { font-family: var(--font-mono); font-weight: 600; color: var(--text-primary); }
+
+/* ============================================================
+ PLC Config (stub - preserved for backward compat)
+ ============================================================ */
+.plc-canvas-wrap {
+ background: var(--bg-card); border: 1px solid var(--border);
+ border-radius: var(--radius-md); height: calc(100vh - 200px);
+ display: flex; align-items: center; justify-content: center;
+ color: var(--text-muted); font-size: 14px;
+}
+
+/* ============================================================
+ Login Page
+ ============================================================ */
+.login-wrap {
+ display: flex; align-items: center; justify-content: center;
+ height: 100vh; width: 100vw;
+ background: radial-gradient(ellipse at center, #111d2b 0%, var(--bg-deep) 70%);
+}
+.login-box {
+ background: var(--bg-card); border: 1px solid var(--border);
+ border-radius: var(--radius-lg); padding: 40px; width: 360px;
+ box-shadow: 0 8px 48px rgba(0,0,0,0.6);
+}
+.login-box h1 { text-align: center; margin-bottom: 28px; font-size: 22px; font-weight: 700; }
+.login-box .btn { width: 100%; justify-content: center; margin-top: 20px; padding: 12px; font-size: 14px; }
+
+/* ============================================================
+ Responsive
+ ============================================================ */
+@media (max-width: 768px) {
+ #nav-sidebar { position: fixed; left: 0; top: 0; bottom: 0; transform: translateX(-100%); }
+ #nav-sidebar.open { transform: translateX(0); }
+ #nav-toggle { display: flex; }
+ #main-content { margin-left: 0 !important; }
+ #page-container { padding: 16px; }
+ #page-header { padding: 12px 16px; }
+ .dash-grid { grid-template-columns: repeat(2, 1fr); }
+}
diff --git a/config/web/index.html b/config/web/index.html
new file mode 100644
index 0000000..155aaca
--- /dev/null
+++ b/config/web/index.html
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+
+RTU Web Manager
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/config/web/js/i18n.js b/config/web/js/i18n.js
new file mode 100644
index 0000000..20be471
--- /dev/null
+++ b/config/web/js/i18n.js
@@ -0,0 +1,364 @@
+/**
+ * @file i18n.js
+ * @brief RTU Web Manager — 多语言国际化框架
+ *
+ * @details 预留式设计, 当前支持 zh (中文) / en (English),
+ * 新增语言只需在 strings 对象中添加新语言键即可。
+ *
+ * 使用方式:
+ * t('nav.dashboard') → 仪表盘 / Dashboard
+ * t(['out.signals', count]) → 开出信号 (20) / Out Signals (20)
+ *
+ * 语言切换:
+ * I18n.setLang('zh') / I18n.setLang('en')
+ * 切换后写入 localStorage.rtu_lang 并刷新页面
+ */
+
+var I18n = {
+ current: 'zh',
+
+ strings: {
+
+ /* ---- 简体中文 ---- */
+ zh: {
+ /* App */
+ 'app.title': 'RTU 管理系统',
+ 'app.version': 'RTU Web v3.0',
+
+ /* Status */
+ 'status.connected': '已连接',
+ 'status.disconnected': '已断开',
+ 'status.connecting': '连接中…',
+
+ /* Navigation */
+ 'nav.section.overview': '概览',
+ 'nav.section.signal_mgmt': '信号管理',
+ 'nav.section.tools': '工具',
+ 'nav.dashboard': '仪表盘',
+ 'nav.out': '开出信号',
+ 'nav.in': '开入信号',
+ 'nav.yk': '遥控信号',
+ 'nav.ao': '参数设置',
+ 'nav.param': '定值管理',
+ 'nav.datacenter': '数据中心',
+ 'nav.plc_debug': 'PLC 调试',
+ 'nav.plc_config': 'PLC 配置',
+ 'nav.monitor': '实时监控',
+ 'nav.terminal': '命令终端',
+
+ /* Login */
+ 'login.title': 'RTU 管理系统',
+ 'login.username': '用户名',
+ 'login.password': '密码',
+ 'login.signin': '登录',
+ 'login.error': '用户名或密码错误 (admin/admin)',
+ 'login.success': '登录成功',
+
+ /* Dashboard */
+ 'dash.title': '仪表盘',
+ 'dash.quick_actions': '快捷操作',
+ 'dash.connection': '连接信息',
+ 'dash.export_xml': '导出全部 XML',
+ 'dash.import_xml': '从 XML 导入',
+ 'dash.open_terminal': '打开终端',
+ 'dash.open_monitor': '打开监控',
+ 'dash.url': '地址',
+ 'dash.status': '状态',
+ 'dash.out.desc': '开出信号注册',
+ 'dash.in.desc': '开入信号链接',
+ 'dash.yk.desc': '遥控信号管理',
+ 'dash.ao.desc': '模拟输出参数',
+ 'dash.param.desc': '定值区参数',
+
+ /* Signals */
+ 'signal.add': '添加',
+ 'signal.delete_sel': '批量删除',
+ 'signal.set': '设置',
+ 'signal.delete': '删除',
+ 'signal.no_data': '暂无信号数据，请先添加',
+ 'signal.confirm_del': '确认删除信号',
+ 'signal.confirm_del_msg': '确定删除信号',
+ 'signal.confirm_batch_del': '确认批量删除',
+ 'signal.confirm_batch_msg': '确定删除选中的',
+ 'signal.add_title': '添加信号',
+ 'signal.saddr': '信号地址',
+ 'signal.desc': '描述',
+ 'signal.type': '数据类型',
+ 'signal.link': '链接目标',
+ 'signal.ctrl': '控制类型',
+ 'signal.ctrl_direct': '直控',
+ 'signal.ctrl_sbo': '选控 (SBO)',
+ 'signal.val': '值',
+ 'signal.action': '操作',
+ 'signal.set_title': '设置数值',
+ 'signal.new_val': '新值',
+ 'signal.zone': '定值区',
+
+ /* Datacenter */
+ 'dc.title': '数据中心 — 信号浏览器',
+ 'dc.no_signal': '暂无信号数据',
+ 'dc.saddr': '信号地址',
+ 'dc.desc': '描述',
+ 'dc.type': '类型',
+ 'dc.val': '值',
+ 'dc.action': '操作',
+ 'dc.refresh': '刷 新',
+ 'dc.search_placeholder': '搜索 saddr/desc…',
+ 'dc.sel_count': '已选 {n} 个信号',
+ 'dc.add_to_config': '添加到配置页',
+ 'dc.confirm_add': '确定将 {n} 个信号添加到',
+ 'dc.added': '已发送 {n} 个添加请求',
+ 'dc.no_selected': '请先勾选要添加的信号',
+ 'dc.querying': '正在从 RTU 查询数据中心…',
+ 'dc.refreshed': '数据中心已刷新',
+ 'mon.recv': '接收',
+
+ /* Terminal */
+ 'term.title': '命令终端',
+ 'term.placeholder': '输入命令…',
+ 'term.welcome': 'RTU 命令终端 — 输入 help 查看帮助\n\n',
+ 'term.prompt': 'rtu>',
+
+ /* PLC */
+ 'plc_debug.title': 'PLC 调试 — 开出信号',
+ 'plc_debug.refresh': '通过 WebSocket 自动刷新',
+ 'plc_debug.led_col': '指示灯',
+ 'plc_debug.sig_col': '开出信号',
+ 'plc_debug.btn_col': '按键',
+ 'plc_debug.unbound': '未绑定',
+ 'plc_debug.no_led': '暂无指示灯 — 点击 "+ LED" 添加',
+ 'plc_debug.no_btn': '暂无按键 — 点击 "+ Button" 添加',
+ 'plc_debug.no_sig': '暂无开出信号 — 请先在 Out 页面注册',
+ 'plc_debug.bind_title': '绑定开出信号',
+ 'plc_debug.toggle': '翻转',
+ 'plc_debug.add_led': '+ LED',
+ 'plc_debug.add_btn': '+ Button',
+ 'plc_debug.del_sel': '删除选中',
+ 'plc_debug.refresh_btn': '刷新',
+ 'plc_debug.to_led': '→ LED',
+ 'plc_debug.to_btn': '→ BTN',
+ 'plc_config.title': 'PLC 逻辑配置',
+ 'plc_config.file': '配置文件: config/PLC/Reclose_logic.xml',
+ 'plc_config.add_input': '+输入',
+ 'plc_config.add_output': '+输出',
+ 'plc_config.load_xml': '加载 XML',
+ 'plc_config.save_xml': '保存 XML',
+ 'plc_config.clear': '清空',
+ 'plc_config.delete': '删除节点',
+ 'plc_config.zoom_in': '放大',
+ 'plc_config.zoom_out': '缩小',
+ 'plc_config.zoom_fit': '适应',
+ 'plc_config.edit_title': '编辑节点',
+ 'plc_config.edit_save': '保存',
+ 'plc_config.help': '点击节点选中 | 拖拽移动 | 点击输出圆点→点击输入圆点连线 | 滚轮缩放 | 拖拽空白区平移',
+
+ /* Toast */
+ 'toast.ws_error': 'WebSocket 未连接',
+ 'toast.saddr_required': '信号地址不能为空',
+ 'toast.add_sent': '添加请求已发送',
+ 'toast.del_sent': '已删除',
+ 'toast.batch_del_sent': '个信号已删除',
+ 'toast.set_sent': '设置请求已发送',
+ 'toast.no_selected': '请先选择信号',
+ 'toast.xml_exported': 'XML 已导出',
+ 'toast.no_export': '无信号数据可导出',
+ 'toast.xml_importing': '正在导入信号…',
+ 'toast.xml_parse_error': 'XML 解析失败',
+ 'toast.xml_no_signals': '未找到信号元素',
+ 'toast.confirm': '确认',
+ 'toast.cancel': '取消',
+
+ /* Language */
+ 'lang.label': 'Language',
+ },
+
+ /* ---- English ---- */
+ en: {
+ /* App */
+ 'app.title': 'RTU Web Manager',
+ 'app.version': 'RTU Web v3.0',
+
+ /* Status */
+ 'status.connected': 'Connected',
+ 'status.disconnected': 'Disconnected',
+ 'status.connecting': 'Connecting…',
+
+ /* Navigation */
+ 'nav.section.overview': 'Overview',
+ 'nav.section.signal_mgmt': 'Signal Management',
+ 'nav.section.tools': 'Tools',
+ 'nav.dashboard': 'Dashboard',
+ 'nav.out': 'Out Signals',
+ 'nav.in': 'In Signals',
+ 'nav.yk': 'YK Controls',
+ 'nav.ao': 'AO Parameters',
+ 'nav.param': 'Param Settings',
+ 'nav.datacenter': 'Datacenter',
+ 'nav.plc_debug': 'PLC Debug',
+ 'nav.plc_config': 'PLC Config',
+ 'nav.monitor': 'Monitor',
+ 'nav.terminal': 'Terminal',
+
+ /* Login */
+ 'login.title': 'RTU Web Manager',
+ 'login.username': 'Username',
+ 'login.password': 'Password',
+ 'login.signin': 'Sign In',
+ 'login.error': 'Invalid credentials (admin/admin)',
+ 'login.success': 'Login successful',
+
+ /* Dashboard */
+ 'dash.title': 'Dashboard',
+ 'dash.quick_actions': 'Quick Actions',
+ 'dash.connection': 'Connection Info',
+ 'dash.export_xml': 'Export All to XML',
+ 'dash.import_xml': 'Import from XML',
+ 'dash.open_terminal': 'Open Terminal',
+ 'dash.open_monitor': 'Open Monitor',
+ 'dash.url': 'URL',
+ 'dash.status': 'Status',
+ 'dash.out.desc': 'Output signal registrations',
+ 'dash.in.desc': 'Input signal links',
+ 'dash.yk.desc': 'Remote control signals',
+ 'dash.ao.desc': 'Analog output parameters',
+ 'dash.param.desc': 'Setting zone parameters',
+
+ /* Signals */
+ 'signal.add': 'Add',
+ 'signal.delete_sel': 'Delete Selected',
+ 'signal.set': 'Set',
+ 'signal.delete': 'Delete',
+ 'signal.no_data': 'No signals registered. Use Add button above.',
+ 'signal.confirm_del': 'Confirm Delete',
+ 'signal.confirm_del_msg': 'Delete signal',
+ 'signal.confirm_batch_del': 'Confirm Batch Delete',
+ 'signal.confirm_batch_msg': 'Delete',
+ 'signal.add_title': 'Add Signal',
+ 'signal.saddr': 'Signal Address',
+ 'signal.desc': 'Description',
+ 'signal.type': 'Data Type',
+ 'signal.link': 'Link Target',
+ 'signal.ctrl': 'Control Type',
+ 'signal.ctrl_direct': 'Direct',
+ 'signal.ctrl_sbo': 'SBO',
+ 'signal.val': 'Value',
+ 'signal.action': 'Action',
+ 'signal.set_title': 'Set Value',
+ 'signal.new_val': 'New Value',
+ 'signal.zone': 'Zone',
+
+ /* Datacenter */
+ 'dc.title': 'Datacenter — Signal Explorer',
+ 'dc.no_signal': 'No signals found',
+ 'dc.saddr': 'SAddr',
+ 'dc.desc': 'Desc',
+ 'dc.type': 'Type',
+ 'dc.val': 'Value',
+ 'dc.action': 'Action',
+
+ /* Monitor */
+ 'mon.title': 'WebSocket Traffic Monitor',
+ 'mon.clear': 'Clear',
+ 'mon.pause': 'Pause',
+ 'mon.resume': 'Resume',
+ 'mon.total': 'Total',
+ 'mon.sent': 'Sent',
+ 'mon.recv': 'Recv',
+
+ /* Terminal */
+ 'term.title': 'Command Terminal',
+ 'term.placeholder': 'Enter command…',
+ 'term.welcome': 'RTU Command Terminal — Type \'help\' to start.\n\n',
+ 'term.prompt': 'rtu>',
+
+ /* PLC */
+ 'plc_debug.title': 'PLC Debug — Out Signals',
+ 'plc_debug.refresh': 'Auto-refresh via WebSocket',
+ 'plc_debug.led_col': 'LED Indicators',
+ 'plc_debug.sig_col': 'Out Signals',
+ 'plc_debug.btn_col': 'Buttons',
+ 'plc_debug.unbound': 'Unbound',
+ 'plc_debug.no_led': 'No LEDs — click "+ LED" to add',
+ 'plc_debug.no_btn': 'No Buttons — click "+ Button" to add',
+ 'plc_debug.no_sig': 'No out signals — register first',
+ 'plc_debug.bind_title': 'Bind Out Signal',
+ 'plc_debug.toggle': 'Toggle',
+ 'plc_debug.add_led': '+ LED',
+ 'plc_debug.add_btn': '+ Button',
+ 'plc_debug.del_sel': 'Delete Selected',
+ 'plc_debug.refresh_btn': 'Refresh',
+ 'plc_debug.to_led': '→ LED',
+ 'plc_debug.to_btn': '→ BTN',
+ 'plc_config.title': 'PLC Logic Configuration',
+ 'plc_config.file': 'Config: config/PLC/Reclose_logic.xml',
+ 'plc_config.add_input': '+Input',
+ 'plc_config.add_output': '+Output',
+ 'plc_config.load_xml': 'Load XML',
+ 'plc_config.save_xml': 'Save XML',
+ 'plc_config.clear': 'Clear',
+ 'plc_config.delete': 'Delete',
+ 'plc_config.zoom_in': 'Zoom In',
+ 'plc_config.zoom_out': 'Zoom Out',
+ 'plc_config.zoom_fit': 'Fit',
+ 'plc_config.edit_title': 'Edit Node',
+ 'plc_config.edit_save': 'Save',
+ 'plc_config.help': 'Click node to select | Drag to move | Click output pin → input pin to wire | Scroll to zoom | Drag empty area to pan',
+
+ /* Toast */
+ 'toast.ws_error': 'WebSocket not connected',
+ 'toast.saddr_required': 'Signal address is required',
+ 'toast.add_sent': 'Add request sent',
+ 'toast.del_sent': 'Deleted',
+ 'toast.batch_del_sent': 'signals deleted',
+ 'toast.set_sent': 'Set request sent',
+ 'toast.no_selected': 'No signals selected',
+ 'toast.xml_exported': 'XML exported',
+ 'toast.no_export': 'No signals to export',
+ 'toast.xml_importing': 'Importing signals…',
+ 'toast.xml_parse_error': 'XML parse error',
+ 'toast.xml_no_signals': 'No signal elements found',
+ 'toast.confirm': 'Confirm',
+ 'toast.cancel': 'Cancel',
+
+ /* Language */
+ 'lang.label': '语言',
+ }
+ },
+
+ /* ---- API ---- */
+
+ /**
+ * @brief 获取翻译字符串
+ * @param {string} key 翻译键
+ * @return 当前语言的翻译文本
+ */
+ t: function(key) {
+ var dict = this.strings[this.current];
+ return (dict && dict[key]) ? dict[key] : (this.strings['en'][key] || key);
+ },
+
+ /**
+ * @brief 切换语言
+ * @param {string} lang 语言代码 ('zh' | 'en' | …)
+ */
+ setLang: function(lang) {
+ if (this.strings[lang]) {
+ this.current = lang;
+ localStorage.setItem('rtu_lang', lang);
+ window.location.reload();
+ }
+ },
+
+ /**
+ * @brief 初始化 — 加载用户偏好或自动检测浏览器语言
+ */
+ init: function() {
+ var saved = localStorage.getItem('rtu_lang');
+ if (saved && this.strings[saved]) {
+ this.current = saved;
+ } else {
+ var nav = (navigator.language || '').toLowerCase();
+ this.current = (nav.indexOf('zh') === 0) ? 'zh' : 'en';
+ }
+ }
+};
diff --git a/config/web/js/pages/dashboard.js b/config/web/js/pages/dashboard.js
new file mode 100644
index 0000000..e7a68fd
--- /dev/null
+++ b/config/web/js/pages/dashboard.js
@@ -0,0 +1,105 @@
+/**
+ * @file dashboard.js
+ * @brief Dashboard 仪表盘页面 — 信号卡片 + 快捷操作 + 连接状态
+ */
+
+
+Router.register('#dashboard', function(c) {
+ var types = [
+ { t: 'out', key: 'nav.out', descKey: 'dash.out.desc', color: 'var(--accent)' },
+ { t: 'in', key: 'nav.in', descKey: 'dash.in.desc', color: 'var(--accent2)' },
+ { t: 'yk', key: 'nav.yk', descKey: 'dash.yk.desc', color: 'var(--warning)' },
+ { t: 'ao', key: 'nav.ao', descKey: 'dash.ao.desc', color: 'var(--success)' },
+ { t: 'param', key: 'nav.param', descKey: 'dash.param.desc', color: '#a78bfa' },
+ ];
+
+ var cards = types.map(function(t) {
+ var count = SignalStore.get(t.t).length;
+ return ''
+ + '
' + Icon.get(t.icon === 'out' ? 'signal' : t.icon === 'in' ? 'link' : t.icon === 'yk' ? 'zap' : t.icon === 'ao' ? 'sliders' : 'settings') + '
'
+ + '
' + count + '
'
+ + '
' + I18n.t(t.key) + '
'
+ + '
' + I18n.t(t.descKey) + '
'
+ + '
' + cards + '
'
+ + ''
+ + ''
+ + '
'
+ + ''
+ + ''
+ + ''
+ + ''
+ + '
'
+ + ''
+ + '
'
+ + I18n.t('dash.url') + ': ws://' + location.hostname + ':8080/ws
'
+ + I18n.t('dash.status') + ': ' + I18n.t('status.disconnected') + '
'
+ + '
| '
+ + 'id | saddr | desc | val | type | ctrl | link | ';
+
+ if (data.length === 0) {
+ tbody.innerHTML = '| ' + I18n.t('dc.no_signal') + ' |
';
+ return;
+ }
+
+ var h = '';
+ data.forEach(function(x) {
+ var chk = !!selectedSet[x.saddr];
+ h += ' | '
+ + '' + fmtVal(x.id) + ' | '
+ + '' + esc(x.saddr) + ' | '
+ + '' + esc(x.desc || '') + ' | '
+ + '' + fmtVal(x.val) + ' | '
+ + '' + esc(x.type || '') + ' | '
+ + '' + (x.ctrl_type == 1 ? 'SBO' : 'Direct') + ' | '
+ + '' + esc(x.link_saddrs || '') + ' |
';
+ });
+ tbody.innerHTML = h;
+ }
+
+ function parseDcOutput(text) {
+ if (!text || text.length < 10) return;
+ var types = ['out', 'in', 'yk', 'ao', 'param'], currentType = '';
+ var lines = text.split('\n');
+ lines.forEach(function(line) {
+ types.forEach(function(t) {
+ if (line.indexOf(t + ' signals:') >= 0) currentType = t;
+ });
+ if (!currentType) return;
+ if (line.indexOf('---') >= 0 || line.indexOf('saddr') >= 0 || line.indexOf(' id ') >= 0) return;
+ var trimmed = line.trim();
+ if (!trimmed) return;
+ var parts = trimmed.split(/\s+/);
+ if (parts.length < 4) return;
+ var item = {};
+ if (currentType === 'param') {
+ item = { id: parseInt(parts[0]), saddr: parts[1], desc: parts[2], type: parts[3] || '', ctrl_type: parseInt(parts[4]) || 0 };
+ } else if (currentType === 'in') {
+ item = { id: parseInt(parts[0]), saddr: parts[1], desc: parts[2], link_saddrs: parts[3] || '', type: parts[4] || '', val: parts[5] || '' };
+ } else {
+ item = { id: parseInt(parts[0]), saddr: parts[1], desc: parts[2], type: parts[3] || '', val: parts[4] || '' };
+ }
+ allData[currentType] = allData[currentType] || [];
+ allData[currentType].push(item);
+ });
+ DcPage._renderTable();
+ toast(I18n.t('dc.refreshed'), 'success');
+ }
+
+ function refreshAll() {
+ allData = { out: [], in: [], yk: [], ao: [], param: [] };
+ toast(I18n.t('dc.querying'), 'info');
+ var buf = '', timer = null, done = false;
+ var handler = function(data, binary) {
+ if (binary) {
+ buf += new TextDecoder().decode(binary);
+ clearTimeout(timer);
+ timer = setTimeout(function() {
+ if (done) return; done = true;
+ WsClient.msgCbs = WsClient.msgCbs.filter(function(cb) { return cb !== handler; });
+ parseDcOutput(buf);
+ }, 600);
+ }
+ };
+ WsClient.msgCbs.unshift(handler);
+ WsClient.send({ type: 'cmd', data: 'datacenter all' });
+ /* 兜底超时, 但只在 600ms 定时器未触发时生效 */
+ setTimeout(function() {
+ if (buf && !done) {
+ done = true;
+ WsClient.msgCbs = WsClient.msgCbs.filter(function(cb) { return cb !== handler; });
+ parseDcOutput(buf);
+ }
+ }, 6000);
+ }
+
+ return {
+ render: function(container) {
+ allData = {}; activeTab = 'out'; searchText = ''; selectedSet = {};
+ container.innerHTML = ''
+ + ''
+ + '
'
+ + '
'
+ + ''
+ + ''
+ + '
'
+ + '
'
+ + '
' + I18n.t('login.title') + '
'
+ + '
'
+ + '
'
+ + '
'
+ + '
' + (up + down) + '
' + I18n.t('mon.total') + '
' + up + '
' + I18n.t('mon.sent') + ' \u2191
' + down + '
' + I18n.t('mon.recv') + ' \u2193
'
+ + '' + r.dir + ''
+ + '' + r.ts + ''
+ + '' + r.msg + '
';
+ }).reverse().join('');
+
+ list.scrollTop = list.scrollHeight;
+ }
+};
diff --git a/config/web/js/pages/param.js b/config/web/js/pages/param.js
new file mode 100644
index 0000000..a9baa69
--- /dev/null
+++ b/config/web/js/pages/param.js
@@ -0,0 +1,58 @@
+/**
+ * @file param.js
+ * @brief 定值管理页面 — 多定值区展开
+ */
+
+
+Router.register('#param', function(c) {
+ var signals = SignalStore.get('param');
+ var rows = '';
+
+ if (signals.length === 0)
+ {
+ rows = '| ' + I18n.t('signal.no_data') + ' |
';
+ }
+ else
+ {
+ signals.forEach(function(s) {
+ var zones = s.setting_zone_list || [];
+ var zoneHtml = '';
+ zones.forEach(function(z) {
+ zoneHtml += ''
+ + '#' + esc(z.id) + ''
+ + '' + esc(z.val) + ''
+ + ''
+ + '
';
+ });
+ rows += ''
+ + '| ' + esc(s.saddr) + ' | '
+ + '' + esc(s.desc || '') + ' | '
+ + '' + esc(s.type || '?') + ' | '
+ + '' + (zoneHtml || '\u2014') + ' | '
+ + ' | '
+ + '
';
+ });
+ }
+
+ c.innerHTML = ''
+ + ''
+ + '
'
+ + '| ' + I18n.t('signal.saddr') + ' | ' + I18n.t('signal.desc') + ' | ' + I18n.t('signal.type') + ' | ' + I18n.t('signal.zone') + ' | ' + I18n.t('signal.action') + ' |
|---|
'
+ + '' + rows + ''
+ + '
';
+ for (var i = 0; i < tabs.length; i++) {
+ var cls = (tabs[i].id === activeTab) ? 'plc-cfg-tab active' : 'plc-cfg-tab';
+ html += '';
+ }
+ html += '
';
+ return html;
+ }
+
+ function render(container) {
+ container.innerHTML = ''
+ + ''
+ + renderTabs()
+ + '';
+
+ // Tab 切换事件
+ var tabEls = container.querySelectorAll('.plc-cfg-tab');
+ for (var i = 0; i < tabEls.length; i++) {
+ tabEls[i].onclick = function() {
+ activeTab = this.getAttribute('data-tab');
+ render(container);
+ };
+ }
+
+ // 渲染当前 Tab
+ var content = document.getElementById('plc-cfg-content');
+ if (!content) return;
+
+ switch (activeTab) {
+ case 'signals': renderSignalsTab(content); break;
+ case 'viewer': renderViewerTab(content); break;
+ case 'editor': renderEditorTab(content); break;
+ }
+ }
+
+ /* ================================================================
+ * Tab 1: 信号列表 — 解析 datacenter_out.xml
+ * ================================================================ */
+ function renderSignalsTab(container) {
+ container.innerHTML = ''
+ + ''
+ + ''
+ + '| 序号 (no) | 短地址 (saddr) | 描述 (desc) |
|---|
'
+ + ''
+ + '
'
+ + '| ' + s.no + ' | '
+ + '' + escHtml(s.saddr) + ' | '
+ + '' + escHtml(s.desc) + ' | '
+ + '
';
+ }
+ document.getElementById('plc-sig-tbody').innerHTML = html;
+ }
+
+ /* ================================================================
+ * Tab 2: 逻辑图查看器 — Canvas 可视化 Reclose_logic.txt
+ * ================================================================ */
+ function renderViewerTab(container) {
+ container.innerHTML = ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + '
'
+ + ''
+ + ''
+ + '
'
+ + '';
+
+ // 图例
+ var legendHtml = '图例： ';
+ var types = [1,0,3,2,4,5,6,7,8,9,10];
+ for (var i = 0; i < types.length; i++) {
+ var info = NODE_INFO[types[i]];
+ legendHtml += '' + info.icon + ' ' + info.name + '';
+ }
+ document.getElementById('plc-view-legend').innerHTML = legendHtml;
+
+ // 绑定事件
+ document.getElementById('plc-view-zoomin').onclick = function() { viewScale = Math.min(3, viewScale * 1.2); drawViewer(); };
+ document.getElementById('plc-view-zoomout').onclick = function() { viewScale = Math.max(0.2, viewScale / 1.2); drawViewer(); };
+ document.getElementById('plc-view-reset').onclick = function() { viewAutoFit = true; drawViewer(); };
+ document.getElementById('plc-view-reload').onclick = function() {
+ loadedFiles['config/PLC/Reclose_logic.xml'] = null;
+ loadedFiles['config/PLC/Reclose_logic.xml.bak'] = null;
+ logicGraphs = [];
+ loadLogicFileAll(function() { refreshGraphSelect(); });
+ };
+ document.getElementById('plc-view-graph').onchange = function() { viewAutoFit = true; drawViewer(); };
+
+ // 画布交互
+ setupViewerCanvas();
+
+ if (logicGraphs.length === 0) {
+ loadLogicFileAll(function() { refreshGraphSelect(); });
+ } else {
+ refreshGraphSelect();
+ }
+ }
+
+ function loadLogicFileAll(cb) {
+ var loadCount = 0;
+ var loadedFiles2 = []; // 记录成功加载的文件名
+ var failedFiles = []; // 记录失败的文件名
+ function tryCb() {
+ loadCount++;
+ if (loadCount >= 2 && cb) {
+ if (failedFiles.length > 0) {
+ var msg = loadedFiles2.length > 0
+ ? '已加载: ' + loadedFiles2.join(', ') + ' | 缺失: ' + failedFiles.join(', ')
+ : '配置文件均缺失: ' + failedFiles.join(', ') + '，请先在编辑器中生成配置';
+ showToast(msg, loadedFiles2.length > 0 ? 'info' : 'err');
+ }
+ cb();
+ }
+ }
+ requestFile('config/PLC/Reclose_logic.xml', function(content) {
+ if (!content) { failedFiles.push('Reclose_logic.xml'); tryCb(); return; }
+ parseLogicFile(content, 'Reclose_logic.xml');
+ loadedFiles2.push('Reclose_logic.xml');
+ tryCb();
+ });
+ requestFile('config/PLC/Reclose_logic.xml.bak', function(content) {
+ if (!content) { tryCb(); return; }
+ parseLogicFile(content, 'Reclose_logic.xml.bak');
+ loadedFiles2.push('Reclose_logic.xml.bak');
+ tryCb();
+ });
+ }
+
+
+ function loadLogicFile(cb) {
+ requestFile('config/PLC/Reclose_logic.xml', function(content) {
+ if (!content) { showToast('加载 Reclose_logic.xml 失败', 'err'); return; }
+ parseLogicFile(content, 'Reclose_logic.xml');
+ if (cb) cb();
+ });
+ }
+ function parseLogicFile(content, sourceName) {
+ logicGraphs = logicGraphs.filter(function(g) { return g._source !== sourceName; });
+ onlineCfgId = onlineCfgId || '';
+ parseLogicXml(content, sourceName);
+ }
+
+ // XML → 扁平 graph，与 C++ parse_xml_comb 完全一致
+ function parseLogicXml(xmlStr, sourceName) {
+ var parser = new DOMParser();
+ var doc = parser.parseFromString(xmlStr, 'text/xml');
+ var root = doc.documentElement;
+ if (!root || root.nodeName !== 'PLCConfig') {
+ showToast('XML 根元素不是 PLCConfig', 'err'); return;
+ }
+ if (sourceName.indexOf('.bak') < 0) {
+ onlineCfgId = root.getAttribute('checksum') || '';
+ }
+ var thisKey = root.getAttribute('key') || sourceName;
+ var thisName = root.getAttribute('name') || '';
+ var g = { key: thisKey, name: thisName, nodes: [], links: [] };
+ var GTM = {'INPUT':1,'OUTPUT':0,'OR':2,'AND':3,'NOT':4,'T62P':5,'T62D':6,'RISING':7,'SR':8,'RS':9,'FALLING':10};
+
+ var sigNodeMap = {};
+ function ensureSig(ioType, no, x, y) {
+ var k = ioType + ':' + no;
+ if (sigNodeMap[k] !== undefined) {
+ if (x !== undefined) { g.nodes[sigNodeMap[k]].x = x; g.nodes[sigNodeMap[k]].y = y; }
+ return sigNodeMap[k];
+ }
+ g.nodes.push({ type:ioType, id:no, x:x||0, y:y||0 });
+ sigNodeMap[k] = g.nodes.length - 1;
+ return g.nodes.length - 1;
+ }
+ function ensureGate(type, id, x, y, inPins, delayMs) {
+ for (var i = 0; i < g.nodes.length; i++)
+ if (g.nodes[i].type === type && (g.nodes[i].id & 0xFF) === (id & 0xFF)) return i;
+ var nd = { type:type, id:id, x:x||0, y:y||0 };
+ if (inPins) nd.inPins = inPins;
+ if (delayMs) nd.delayMs = delayMs;
+ g.nodes.push(nd);
+ return g.nodes.length - 1;
+ }
+
+ function parseComb(combEl) {
+ var ge = combEl.firstElementChild;
+ while (ge && ge.nodeName !== 'Gate') ge = ge.nextElementSibling;
+ if (!ge) return -1;
+ var t = GTM[ge.getAttribute('type')] || 0;
+ var gid = parseInt(ge.getAttribute('id'));
+ var gi = ensureGate(t, gid,
+ parseInt(ge.getAttribute('x')), parseInt(ge.getAttribute('y')),
+ ge.getAttribute('inPins') ? parseInt(ge.getAttribute('inPins')) : null,
+ ge.getAttribute('delayMs') ? parseInt(ge.getAttribute('delayMs')) : null);
+
+ // 读取 Comb id
+ var combId = combEl.getAttribute('id');
+ if (combId) g.nodes[gi].combId = parseInt(combId);
+
+ // 读取 SR/RS 的 R/S 属性
+ var rAttr = ge.getAttribute('R');
+ var sAttr = ge.getAttribute('S');
+ if (rAttr) g.nodes[gi].rsR = rAttr;
+ if (sAttr) g.nodes[gi].rsS = sAttr;
+
+ var c = combEl.firstElementChild;
+ while (c) {
+ if (c.nodeName === 'Comb') {
+ var upi = parseComb(c);
+ if (upi >= 0) g.links.push({ src_type:g.nodes[upi].type, src_id:g.nodes[upi].id, dst_type:t, dst_id:gid });
+ }
+ c = c.nextElementSibling;
+ }
+
+ var ie = combEl.firstElementChild;
+ while (ie && ie.nodeName !== 'Inputs') ie = ie.nextElementSibling;
+ if (ie) {
+ var s = ie.firstElementChild;
+ while (s) {
+ if (s.nodeName === 'Signal') {
+ var no = parseInt(s.getAttribute('no'));
+ ensureSig(NT_INPUT, no, parseInt(s.getAttribute('x')), parseInt(s.getAttribute('y')));
+ g.links.push({ src_type:NT_INPUT, src_id:no, dst_type:t, dst_id:gid });
+ }
+ s = s.nextElementSibling;
+ }
+ }
+
+ var oe = combEl.firstElementChild;
+ while (oe && oe.nodeName !== 'Outputs') oe = oe.nextElementSibling;
+ if (oe) {
+ var s = oe.firstElementChild;
+ while (s) {
+ if (s.nodeName === 'Signal') {
+ var no = parseInt(s.getAttribute('no'));
+ ensureSig(NT_OUTPUT, no, parseInt(s.getAttribute('x')), parseInt(s.getAttribute('y')));
+ g.links.push({ src_type:t, src_id:gid, dst_type:NT_OUTPUT, dst_id:no });
+ }
+ s = s.nextElementSibling;
+ }
+ }
+ return gi;
+ }
+
+ var chains = root.getElementsByTagName('Chain');
+ for (var ci = 0; ci < chains.length; ci++) {
+ var chain = chains[ci];
+ var c = chain.firstElementChild;
+ while (c) {
+ if (c.nodeName === 'Inputs') {
+ var s = c.firstElementChild;
+ while (s) {
+ if (s.nodeName === 'Signal')
+ ensureSig(NT_INPUT, parseInt(s.getAttribute('no')),
+ parseInt(s.getAttribute('x')), parseInt(s.getAttribute('y')));
+ s = s.nextElementSibling;
+ }
+ }
+ if (c.nodeName === 'Outputs') {
+ var s = c.firstElementChild;
+ while (s) {
+ if (s.nodeName === 'Signal')
+ ensureSig(NT_OUTPUT, parseInt(s.getAttribute('no')),
+ parseInt(s.getAttribute('x')), parseInt(s.getAttribute('y')));
+ s = s.nextElementSibling;
+ }
+ }
+ if (c.nodeName === 'Comb') parseComb(c);
+ if (c.nodeName === 'Gate') {
+ var gt = GTM[c.getAttribute('type')] || 0;
+ var giChain = ensureGate(gt, parseInt(c.getAttribute('id')),
+ parseInt(c.getAttribute('x')), parseInt(c.getAttribute('y')));
+ var rAttrC = c.getAttribute('R');
+ var sAttrC = c.getAttribute('S');
+ var dmsC = c.getAttribute('delayMs');
+ if (rAttrC) g.nodes[giChain].rsR = rAttrC;
+ if (sAttrC) g.nodes[giChain].rsS = sAttrC;
+ if (dmsC) g.nodes[giChain].delayMs = parseInt(dmsC);
+ }
+ c = c.nextElementSibling;
+ }
+ }
+
+ // Comb链: Comb Gate → 链级 Gate (一个Comb一根线) + 链级 Gate → Outputs
+ // 简单链: Inputs → Gate → Outputs
+ for (var ci2 = 0; ci2 < chains.length; ci2++) {
+ var chain2 = chains[ci2];
+ var hasComb = false;
+ var c3 = chain2.firstElementChild;
+ while (c3) { if (c3.nodeName === 'Comb') { hasComb = true; break; } c3 = c3.nextElementSibling; }
+ var ge2 = null, ie2 = null, oe2 = null;
+ c3 = chain2.firstElementChild;
+ while (c3) {
+ if (c3.nodeName === 'Gate') ge2 = c3;
+ if (c3.nodeName === 'Inputs') ie2 = c3;
+ if (c3.nodeName === 'Outputs') oe2 = c3;
+ c3 = c3.nextElementSibling;
+ }
+ if (hasComb && ge2) {
+ // 链级 Comb → 取其 Gate → 链级 Gate
+ c3 = chain2.firstElementChild;
+ while (c3) {
+ if (c3.nodeName === 'Comb') {
+ var cg = c3.firstElementChild;
+ while (cg && cg.nodeName !== 'Gate') cg = cg.nextElementSibling;
+ if (cg) {
+ var ct = GTM[cg.getAttribute('type')] || 0;
+ var ci = parseInt(cg.getAttribute('id'));
+ g.links.push({ src_type:ct, src_id:ci, dst_type:GTM[ge2.getAttribute('type')] || 0, dst_id:parseInt(ge2.getAttribute('id')) });
+ }
+ }
+ c3 = c3.nextElementSibling;
+ }
+ // 链级 Inputs（如 RS/SR 直接连 Input 信号）→ 链级 Gate
+ if (ie2) {
+ var s = ie2.firstElementChild;
+ while (s) { if (s.nodeName === 'Signal') g.links.push({ src_type:NT_INPUT, src_id:parseInt(s.getAttribute('no')), dst_type:GTM[ge2.getAttribute('type')] || 0, dst_id:parseInt(ge2.getAttribute('id')) }); s = s.nextElementSibling; }
+ }
+ // RS/SR 的 R/S 属性引用的 Input 信号（无 块时也需创建链接）
+ if (ge2) {
+ var gtCS = GTM[ge2.getAttribute('type')] || 0;
+ if (gtCS === NT_SR || gtCS === NT_RS) {
+ var sAttrCS = ge2.getAttribute('S');
+ var rAttrCS = ge2.getAttribute('R');
+ if (sAttrCS && sAttrCS.indexOf('Input#') === 0) {
+ var sNo = parseInt(sAttrCS.substring(6));
+ ensureSig(NT_INPUT, sNo, 0, 0);
+ g.links.push({ src_type:NT_INPUT, src_id:sNo, dst_type:gtCS, dst_id:parseInt(ge2.getAttribute('id')) });
+ }
+ if (rAttrCS && rAttrCS.indexOf('Input#') === 0) {
+ var rNo = parseInt(rAttrCS.substring(6));
+ ensureSig(NT_INPUT, rNo, 0, 0);
+ g.links.push({ src_type:NT_INPUT, src_id:rNo, dst_type:gtCS, dst_id:parseInt(ge2.getAttribute('id')) });
+ }
+ }
+ }
+ if (oe2) {
+ var s = oe2.firstElementChild;
+ while (s) { if (s.nodeName === 'Signal') g.links.push({ src_type:GTM[ge2.getAttribute('type')] || 0, src_id:parseInt(ge2.getAttribute('id')), dst_type:NT_OUTPUT, dst_id:parseInt(s.getAttribute('no')) }); s = s.nextElementSibling; }
+ }
+ } else if (!hasComb && ge2) {
+ var gt = GTM[ge2.getAttribute('type')] || 0;
+ var gid = parseInt(ge2.getAttribute('id'));
+ if (ie2) {
+ var s = ie2.firstElementChild;
+ while (s) { if (s.nodeName === 'Signal') g.links.push({ src_type:NT_INPUT, src_id:parseInt(s.getAttribute('no')), dst_type:gt, dst_id:gid }); s = s.nextElementSibling; }
+ }
+ if (oe2) {
+ var s = oe2.firstElementChild;
+ while (s) { if (s.nodeName === 'Signal') g.links.push({ src_type:gt, src_id:gid, dst_type:NT_OUTPUT, dst_id:parseInt(s.getAttribute('no')) }); s = s.nextElementSibling; }
+ }
+ }
+ }
+
+ // 最终遍：为 SR/RS 节点修复 dstPin
+ for (var ni = 0; ni < g.nodes.length; ni++) {
+ var nd = g.nodes[ni];
+ if (nd.type !== NT_SR && nd.type !== NT_RS) continue;
+ var sSrc = nd.rsS || '';
+ var rSrc = nd.rsR || '';
+ if (!sSrc && !rSrc) continue;
+ // 遍历所有到该节点的链路
+ for (var lj = 0; lj < g.links.length; lj++) {
+ var lk = g.links[lj];
+ if (lk.dst_type !== nd.type || (lk.dst_id & 0xFF) !== (nd.id & 0xFF)) continue;
+ var srcDesc = '';
+ var sN = null;
+ for (var sn = 0; sn < g.nodes.length; sn++) {
+ if (g.nodes[sn].type === lk.src_type &&
+ (g.nodes[sn].type <= 1 ? g.nodes[sn].id === lk.src_id : (g.nodes[sn].id & 0xFF) === (lk.src_id & 0xFF))) {
+ sN = g.nodes[sn]; break;
+ }
+ }
+ if (!sN) continue;
+ if (sN.type === NT_INPUT) srcDesc = 'Input#' + sN.id;
+ else srcDesc = 'Comb#' + (sN.combId !== undefined ? sN.combId : (sN.id & 0xFF));
+ if (nd.type === NT_SR) {
+ if (sSrc && srcDesc === sSrc) lk.dstPin = 0;
+ else if (rSrc && srcDesc === rSrc) lk.dstPin = 1;
+ } else {
+ if (sSrc && srcDesc === sSrc) lk.dstPin = 1;
+ else if (rSrc && srcDesc === rSrc) lk.dstPin = 0;
+ }
+ }
+ }
+
+ g._source = sourceName;
+ logicGraphs.push(g);
+ }
+
+ function refreshGraphSelect() {
+ var sel = document.getElementById('plc-view-graph');
+ if (!sel) return;
+ sel.innerHTML = '';
+ for (var i = 0; i < logicGraphs.length; i++) {
+ var g = logicGraphs[i];
+ var bakTag = (g._source && g._source.indexOf(".bak") >= 0) ? " [备份]" : "";
+ var label = g.key + " — " + (g.name || "(未命名)") + bakTag + " (" + g.nodes.length + "节点 " + g.links.length + "连线)";
+ sel.innerHTML += '';
+ }
+ if (logicGraphs.length > 0) {
+ sel.value = '0';
+ setTimeout(function() { drawViewer(); }, 100);
+ }
+ }
+
+ /* ---- 查看器 Canvas ---- */
+ function setupViewerCanvas() {
+ var wrap = document.getElementById('plc-view-canvas-wrap');
+ var canvas = document.getElementById('plc-view-canvas');
+ if (!wrap || !canvas) return;
+
+ function resize() {
+ canvas.width = wrap.clientWidth;
+ canvas.height = wrap.clientHeight - 4;
+ viewAutoFit = true;
+ drawViewer();
+ }
+ resize();
+ window.addEventListener('resize', function() { resize(); });
+
+ // 鼠标事件
+ canvas.onmousedown = function(e) {
+ viewDrag = { startX: e.clientX, startY: e.clientY, panX: viewPanX, panY: viewPanY };
+ };
+ canvas.onmousemove = function(e) {
+ if (!viewDrag) return;
+ viewPanX = viewDrag.panX + (e.clientX - viewDrag.startX);
+ viewPanY = viewDrag.panY + (e.clientY - viewDrag.startY);
+ drawViewer();
+ };
+ canvas.onmouseup = function() { viewDrag = null; };
+ canvas.onmouseleave = function() { viewDrag = null; };
+ canvas.onwheel = function(e) {
+ e.preventDefault();
+ var delta = e.deltaY > 0 ? 0.9 : 1.1;
+ var newScale = Math.max(0.2, Math.min(3, viewScale * delta));
+ // 以鼠标位置为中心缩放
+ var rect = canvas.getBoundingClientRect();
+ var mx = e.clientX - rect.left;
+ var my = e.clientY - rect.top;
+ viewPanX = mx - (mx - viewPanX) * (newScale / viewScale);
+ viewPanY = my - (my - viewPanY) * (newScale / viewScale);
+ viewScale = newScale;
+ drawViewer();
+ };
+ }
+
+ function drawViewer() {
+ var canvas = document.getElementById('plc-view-canvas');
+ if (!canvas) return;
+ var ctx = canvas.getContext('2d');
+ var W = canvas.width, H = canvas.height;
+
+ ctx.clearRect(0, 0, W, H);
+ ctx.fillStyle = '#1a1a2e';
+ ctx.fillRect(0, 0, W, H);
+
+ var sel = document.getElementById('plc-view-graph');
+ if (!sel || sel.value === '') {
+ ctx.fillStyle = '#888';
+ ctx.font = '16px sans-serif';
+ ctx.textAlign = 'center';
+ ctx.fillText('请选择一个逻辑图', W/2, H/2);
+ return;
+ }
+
+ var g = logicGraphs[parseInt(sel.value)];
+ if (!g) return;
+
+ // 使用文件中保存的 x,y 坐标（与编辑器布局一致）
+ var viewNodes = [];
+ var bMinX = Infinity, bMaxX = -Infinity, bMinY = Infinity, bMaxY = -Infinity;
+ for (var vi = 0; vi < g.nodes.length; vi++) {
+ var vn = g.nodes[vi];
+ var vx = vn.x, vy = vn.y;
+ if (vx < bMinX) bMinX = vx; if (vx > bMaxX) bMaxX = vx;
+ if (vy < bMinY) bMinY = vy; if (vy > bMaxY) bMaxY = vy;
+ var vsig = findSignalByNo(vn.id);
+ viewNodes.push({
+ type: vn.type, id: vn.id, _lx: vx, _ly: vy,
+ saddr: (vsig && vsig.saddr) || '', desc: (vsig && vsig.desc) || '', no: vn.id
+ });
+ }
+
+ // 首次绘制 / resize 后自动适配缩放
+ if (viewAutoFit) {
+ viewAutoFit = false;
+ var cw2 = bMaxX - bMinX, ch2 = bMaxY - bMinY;
+ if (cw2 <= 0) cw2 = 800; if (ch2 <= 0) ch2 = 600;
+ var pad = 80;
+ viewScale = Math.min((W - pad * 2) / cw2, (H - pad * 2) / ch2, 1.2);
+ viewPanX = W / 2 - (bMinX + cw2 / 2) * viewScale;
+ viewPanY = H / 2 - (bMinY + ch2 / 2) * viewScale;
+ }
+
+ // 链路 —— 修复：首个命中而非最后命中（避免同名门 ID 歧义）
+ var viewLinks = [];
+ for (var vlj = 0; vlj < g.links.length; vlj++) {
+ var vl = g.links[vlj];
+ var vls = -1, vld = -1;
+ for (var vlk = 0; vlk < g.nodes.length; vlk++) {
+ var vln = g.nodes[vlk];
+ if (vls < 0 && vln.type === vl.src_type && (vln.type <= 1 ? vln.id === vl.src_id : (vln.id & 0xFF) === (vl.src_id & 0xFF))) vls = vlk;
+ if (vld < 0 && vln.type === vl.dst_type && (vln.type <= 1 ? vln.id === vl.dst_id : (vln.id & 0xFF) === (vl.dst_id & 0xFF))) vld = vlk;
+ }
+ if (vls >= 0 && vld >= 0) viewLinks.push({ srcIdx: vls, dstIdx: vld, dstPin: vl.dstPin || 0 });
+ }
+
+ // 网格
+ ctx.strokeStyle = 'rgba(255,255,255,0.04)';
+ ctx.lineWidth = 1;
+ var gridSize = 50;
+ var startGx = Math.floor(-viewPanX / viewScale / gridSize) * gridSize;
+ var startGy = Math.floor(-viewPanY / viewScale / gridSize) * gridSize;
+
+ ctx.save();
+ ctx.translate(viewPanX, viewPanY);
+ ctx.scale(viewScale, viewScale);
+
+ for (var gx = startGx - gridSize; gx < startGx + W/viewScale + gridSize; gx += gridSize) {
+ ctx.beginPath(); ctx.moveTo(gx, startGy - gridSize); ctx.lineTo(gx, startGy + H/viewScale + gridSize); ctx.stroke();
+ }
+ for (var gy = startGy - gridSize; gy < startGy + H/viewScale + gridSize; gy += gridSize) {
+ ctx.beginPath(); ctx.moveTo(startGx - gridSize, gy); ctx.lineTo(startGx + W/viewScale + gridSize, gy); ctx.stroke();
+ }
+
+ drawGraphContent(ctx, viewNodes, viewLinks, -1, -1, null);
+
+ ctx.restore();
+ }
+
+ function calcLayout(g) {
+ // 自动布局：每条链路 (输入→运算→输出) 构成一条横向数据流链
+ // 节点类型常量复用的全局 NODE_INFO
+ var layout = {};
+
+ // 1. 构建邻接关系，按连线确定连通分量（每条链）
+ var adjOut = {}; for (var i = 0; i < g.nodes.length; i++) adjOut[i] = [];
+ var adjIn = {}; for (var i = 0; i < g.nodes.length; i++) adjIn[i] = [];
+ for (var j = 0; j < g.links.length; j++) {
+ var l = g.links[j];
+ var si = -1, di = -1;
+ for (var k = 0; k < g.nodes.length; k++) {
+ var n = g.nodes[k];
+ if (si < 0 && n.type === l.src_type && (n.type <= 1 ? n.id === l.src_id : (n.id & 0xFF) === (l.src_id & 0xFF))) si = k;
+ if (di < 0 && n.type === l.dst_type && (n.type <= 1 ? n.id === l.dst_id : (n.id & 0xFF) === (l.dst_id & 0xFF))) di = k;
+ }
+ if (si >= 0 && di >= 0) { adjOut[si].push(di); adjIn[di].push(si); }
+ }
+
+ // BFS 找连通分量
+ var visited = {};
+ var chains = [];
+ for (var idx = 0; idx < g.nodes.length; idx++) {
+ if (visited[idx]) continue;
+ var chain = [];
+ var queue = [idx];
+ visited[idx] = true;
+ while (queue.length > 0) {
+ var cur = queue.shift();
+ chain.push(cur);
+ var nbrs = adjOut[cur].concat(adjIn[cur]);
+ for (var nb = 0; nb < nbrs.length; nb++) {
+ if (!visited[nbrs[nb]]) { visited[nbrs[nb]] = true; queue.push(nbrs[nb]); }
+ }
+ }
+ chains.push(chain);
+ }
+
+ // 2. 计算每条链的实际竖向高度（含节点+间距）
+ var NODE_IO_H = 80; // 输入/输出节点高度
+ var NODE_GATE_H = 66; // 逻辑门节点高度
+ var ITEM_GAP = 28; // 同列节点纵向间距
+
+ function calcChainPixels(chain) {
+ var cin = 0, cg = 0, cout = 0;
+ for (var i = 0; i < chain.length; i++) {
+ var nd = g.nodes[chain[i]];
+ if (nd.type === NT_INPUT) cin++;
+ else if (nd.type === NT_OUTPUT) cout++;
+ else cg++;
+ }
+ // 每列独立高度
+ var hIn = cin > 0 ? cin * NODE_IO_H + (cin - 1) * ITEM_GAP : 0;
+ var hGate = cg > 0 ? cg * NODE_GATE_H + (cg - 1) * ITEM_GAP : 0;
+ var hOut = cout > 0 ? cout * NODE_IO_H + (cout - 1) * ITEM_GAP : 0;
+ return Math.max(hIn, hGate, hOut, 60); // 至少 60px 避免空链过扁
+ }
+
+ var CHAIN_GAP = 80; // 链间纵向间距
+
+ // 累计 Y 偏移
+ var chainHeights = [];
+ var totalH = 0;
+ for (var ci = 0; ci < chains.length; ci++) {
+ var h = calcChainPixels(chains[ci]);
+ chainHeights.push(h);
+ totalH += h;
+ }
+ totalH += (chains.length - 1) * CHAIN_GAP;
+
+ // 使链条在 Y 轴居中：startY = -(totalH / 2) + (firstHalfHeight/2)
+ var startY = -totalH / 2;
+ var curY = startY;
+
+ // 3. 列布局 (输入 | 运算 | 输出)
+ var COL_INPUT = -420;
+ var COL_GATE = 0;
+ var COL_OUTPUT = 420;
+
+ for (var ci2 = 0; ci2 < chains.length; ci2++) {
+ var chain = chains[ci2];
+ var ch = chainHeights[ci2];
+ var cy = curY + ch / 2; // 链中心 Y
+
+ // 分类节点
+ var cInputs = [], cGates = [], cOutputs = [];
+ for (var n = 0; n < chain.length; n++) {
+ var nd = g.nodes[chain[n]];
+ if (nd.type === NT_INPUT) cInputs.push(chain[n]);
+ else if (nd.type === NT_OUTPUT) cOutputs.push(chain[n]);
+ else cGates.push(chain[n]);
+ }
+
+ // 计算每列起始 Y（使该列节点在链高度内居中）
+ function colTop(count, itemH) {
+ if (count === 0) return cy;
+ var colH = count * itemH + (count - 1) * ITEM_GAP;
+ return cy - colH / 2 + itemH / 2;
+ }
+
+ var topIn = colTop(cInputs.length, NODE_IO_H);
+ var topGate = colTop(cGates.length, NODE_GATE_H);
+ var topOut = colTop(cOutputs.length, NODE_IO_H);
+
+ for (var a = 0; a < cInputs.length; a++)
+ layout[cInputs[a]] = { x: COL_INPUT, y: topIn + a * (NODE_IO_H + ITEM_GAP) };
+ for (var b = 0; b < cGates.length; b++)
+ layout[cGates[b]] = { x: COL_GATE, y: topGate + b * (NODE_GATE_H + ITEM_GAP) };
+ for (var c = 0; c < cOutputs.length; c++)
+ layout[cOutputs[c]] = { x: COL_OUTPUT, y: topOut + c * (NODE_IO_H + ITEM_GAP) };
+
+ curY += ch + CHAIN_GAP;
+ }
+
+ // 暴露边界信息供 canvas 自适应
+ layout._bounds = {
+ minX: COL_INPUT - 130, maxX: COL_OUTPUT + 130,
+ minY: startY - 40, maxY: startY + totalH + 40
+ };
+ return layout;
+ }
+
+ /* ---- 通用绘制函数（编辑器 + 查看器共用） ---- */
+ function drawGraphContent(ctx, nodes, links, selectedIdx, selectedLinkIdx, wiring) {
+ // 节点渲染尺寸常量
+ var IO_W = 250, IO_H = 80; // 输入/输出
+ var GATE_W = 170, GATE_H = 66; // 逻辑门
+ var CORNER_R = 12;
+ var SHADOW_OFF = 3;
+ var LEFT_BAR_W = 8;
+
+ // ---- 连线层 ----
+ for (var i = 0; i < links.length; i++) {
+ var l = links[i];
+ if (l.srcIdx >= nodes.length || l.dstIdx >= nodes.length) continue;
+ var sn = nodes[l.srcIdx], dn = nodes[l.dstIdx];
+ var srcIsIO = (sn.type === NT_OUTPUT || sn.type === NT_INPUT);
+ var dstIsIO = (dn.type === NT_OUTPUT || dn.type === NT_INPUT);
+ var dstIsSRRS = (dn.type === NT_SR || dn.type === NT_RS);
+ var sW = srcIsIO ? IO_W : GATE_W, dW = dstIsIO ? IO_W : GATE_W;
+ var dH = dstIsIO ? IO_H : (dstIsSRRS ? 86 : GATE_H);
+ var x1 = sn._lx + sW/2;
+ var y1 = sn._ly;
+ var dstInP = getNodeInPins(dn);
+ var effPinIdx = (l.dstPin !== undefined) ? l.dstPin : 0;
+ var y2 = dn._ly - dH/2 + dH * (effPinIdx + 1) / (dstIsSRRS ? 3 : (dstInP + 1));
+ var x2 = dn._lx - dW/2;
+ var isActive = wiring && wiring.fromIdx === l.srcIdx;
+ var isLinkSelected = (selectedLinkIdx === i);
+
+ var midX = (x1 + x2) / 2;
+ var lineAlpha = (isActive || isLinkSelected) ? 1 : 0.6;
+ var lineW = (isActive || isLinkSelected) ? 3 : 2;
+ var lineColor = isLinkSelected ? '#FF5722' : (isActive ? '#FFC107' : 'rgba(180,200,220,' + lineAlpha + ')');
+
+ // 发光效果 (阴影线)
+ ctx.beginPath();
+ ctx.strokeStyle = isLinkSelected ? 'rgba(255,87,34,0.3)' : 'rgba(255,200,0,' + (lineAlpha * 0.2) + ')';
+ ctx.lineWidth = lineW + 4;
+ ctx.moveTo(x1, y1);
+ ctx.bezierCurveTo(midX, y1, midX, y2, x2, y2);
+ ctx.stroke();
+
+ // 主线
+ ctx.beginPath();
+ ctx.strokeStyle = lineColor;
+ ctx.lineWidth = lineW;
+ ctx.moveTo(x1, y1);
+ ctx.bezierCurveTo(midX, y1, midX, y2, x2, y2);
+ ctx.stroke();
+
+ // 箭头 (指向目标)
+ ctx.fillStyle = lineColor;
+ ctx.beginPath();
+ ctx.moveTo(x2, y2);
+ ctx.lineTo(x2 - 7, y2 - 3.5);
+ ctx.lineTo(x2 - 7, y2 + 3.5);
+ ctx.closePath();
+ ctx.fill();
+
+ // 选中连线删除按钮标记（×）
+ if (isLinkSelected) {
+ var labelX = (x1 + x2) / 2, labelY = (y1 + y2) / 2 - 18;
+ ctx.fillStyle = '#FF5722';
+ ctx.font = 'bold 14px sans-serif';
+ ctx.textAlign = 'center';
+ ctx.textBaseline = 'middle';
+ ctx.fillText('✕ 右键删除', labelX, labelY);
+ }
+ }
+
+ // 临时连线（仅编辑器）
+ if (wiring && wiring.fromIdx < nodes.length) {
+ var fn = nodes[wiring.fromIdx];
+ var fnIsIO = (fn.type === NT_OUTPUT || fn.type === NT_INPUT);
+ var fW = fnIsIO ? IO_W : GATE_W;
+ var fx = (wiring.fromSide === 'out') ? fn._lx + fW/2 : fn._lx - fW/2;
+ var fy = fn._ly;
+ ctx.beginPath();
+ ctx.strokeStyle = '#FFD700';
+ ctx.lineWidth = 2;
+ ctx.setLineDash([6, 4]);
+ ctx.moveTo(fx, fy);
+ ctx.lineTo(fx + (wiring.fromSide === 'out' ? 100 : -100), fy);
+ ctx.stroke();
+ ctx.setLineDash([]);
+ }
+
+ // ---- 节点层 ----
+ for (var j = 0; j < nodes.length; j++) {
+ var n = nodes[j];
+ var info = NODE_INFO[n.type] || { name: '?', color: '#555', icon: '?' };
+ var isIO = (n.type === NT_OUTPUT || n.type === NT_INPUT);
+ var inP = getNodeInPins(n);
+ var nw = isIO ? IO_W : GATE_W;
+ var nh = isIO ? IO_H : (GATE_H + Math.max(0, inP - 2) * 14);
+ var x = n._lx, y = n._ly;
+ var halfW = nw/2, halfH = nh/2;
+ var isWiringSrc = wiring && wiring.fromIdx === j;
+ var isSelected = (selectedIdx === j);
+
+ // 发光描边宽度
+ var glowW = (isSelected || isWiringSrc) ? 3 : 1;
+
+ // --- 阴影 ---
+ ctx.fillStyle = 'rgba(0,0,0,0.5)';
+ ctx.beginPath();
+ ctx.roundRect(x - halfW + SHADOW_OFF, y - halfH + SHADOW_OFF, nw, nh, CORNER_R);
+ ctx.fill();
+
+ // --- 主体渐变 ---
+ var grad = ctx.createLinearGradient(x - halfW, y - halfH, x - halfW, y + halfH);
+ if (isSelected) {
+ grad.addColorStop(0, '#3b3b6b');
+ grad.addColorStop(1, '#282848');
+ } else if (isWiringSrc) {
+ grad.addColorStop(0, '#3c3c50');
+ grad.addColorStop(1, '#252538');
+ } else {
+ grad.addColorStop(0, '#2e2e4a');
+ grad.addColorStop(1, '#1e1e36');
+ }
+ ctx.fillStyle = grad;
+ ctx.beginPath();
+ ctx.roundRect(x - halfW, y - halfH, nw, nh, CORNER_R);
+ ctx.fill();
+
+ // --- 描边 ---
+ ctx.strokeStyle = isSelected ? '#FFD700' : (isWiringSrc ? '#FFC107' : info.color);
+ ctx.lineWidth = glowW;
+ ctx.beginPath();
+ ctx.roundRect(x - halfW, y - halfH, nw, nh, CORNER_R);
+ ctx.stroke();
+
+ // --- 左侧色条 ---
+ ctx.fillStyle = info.color;
+ ctx.beginPath();
+ ctx.roundRect(x - halfW, y - halfH, LEFT_BAR_W, nh, [CORNER_R, 0, 0, CORNER_R]);
+ ctx.fill();
+
+ // --- 顶部类型标签 ---
+ if (info.name) {
+ var labelBgX = x - halfW + LEFT_BAR_W;
+ var labelBgW = info.name.length * 7.5 + 18;
+ var labelBgY = y - halfH + 2;
+ var labelBgH = 16;
+ ctx.fillStyle = info.color;
+ ctx.globalAlpha = 0.25;
+ ctx.fillRect(labelBgX, labelBgY, Math.min(labelBgW, nw - LEFT_BAR_W - 4), labelBgH);
+ ctx.globalAlpha = 1;
+
+ ctx.fillStyle = isIO ? '#fff' : info.color;
+ ctx.font = '9px -apple-system, sans-serif';
+ ctx.textAlign = 'left';
+ ctx.textBaseline = 'top';
+ ctx.fillText(info.name, labelBgX + 4, labelBgY + 2.5);
+ }
+
+ // --- 文本内容 ---
+ ctx.textAlign = 'center';
+ ctx.textBaseline = 'middle';
+
+ if (isIO) {
+ var decId = n.id;
+ var sig = n.saddr ? n : findSignalByNo(decId);
+ var prefix = (n.type === NT_INPUT) ? '📥' : '📤';
+ var roleLabel = (n.type === NT_INPUT) ? '输入点' : '输出点';
+
+ // ID 行
+ ctx.fillStyle = '#e0e0e0';
+ ctx.font = 'bold 12px -apple-system, sans-serif';
+ ctx.fillText(prefix + ' ' + roleLabel + ' #' + decId, x, y - 18);
+
+ // saddr 行
+ ctx.fillStyle = '#aaa';
+ ctx.font = '10px monospace';
+ var saddrText = (sig && sig.saddr) ? sig.saddr : '—';
+ ctx.fillText(saddrText, x, y);
+
+ // desc 行
+ var descText = (sig && sig.desc) ? sig.desc : '';
+ if (descText) {
+ ctx.fillStyle = '#888';
+ ctx.font = '9px -apple-system, sans-serif';
+ var truncated = descText.length > 18 ? descText.substring(0, 16) + '…' : descText;
+ ctx.fillText(truncated, x, y + 14);
+ }
+ } else {
+ // 逻辑门
+ var gateIdx = n.id & 0xFF;
+ var realIn = 0, realOut = 0;
+ for (var li = 0; li < links.length; li++) {
+ if (links[li].dstIdx === j) realIn++;
+ if (links[li].srcIdx === j) realOut++;
+ }
+
+ // 中部：名称 + 序号
+ ctx.fillStyle = '#e8e8e8';
+ ctx.font = 'bold 11px -apple-system, sans-serif';
+ var titleText = info.icon + ' #' + gateIdx;
+ if (n.type === NT_62P || n.type === NT_62D) {
+ titleText += ' (' + (n.delayMs || 1000) + 'ms)';
+ }
+ ctx.fillText(titleText, x, y - 6);
+
+ // 连接数 / 延时信息
+ ctx.fillStyle = '#999';
+ ctx.font = '9px monospace';
+ if (n.type === NT_SR || n.type === NT_RS) {
+ ctx.fillText(realIn + '入 ' + realOut + '出', x, y + 14);
+ } else {
+ ctx.fillText(realIn + '入 ' + realOut + '出', x, y + 14);
+ }
+ }
+
+ // --- 输入引脚 ---
+ if (inP > 0) {
+ var isSRRS = (n.type === NT_SR || n.type === NT_RS);
+ var renderPins = isSRRS ? 2 : (isIO ? inP : 1);
+ for (var p = 0; p < renderPins; p++) {
+ var py = y - nh/2 + nh * (p + 1) / (isSRRS ? 3 : (inP + 1));
+ // 外圈
+ ctx.fillStyle = '#2e2e4a';
+ ctx.beginPath();
+ ctx.arc(x - halfW, py, 7, 0, Math.PI * 2);
+ ctx.fill();
+ ctx.strokeStyle = isSRRS ? (p === 0 ? '#FFC107' : '#FF5722') : '#4CAF50';
+ ctx.lineWidth = 2;
+ ctx.stroke();
+ // 内芯
+ ctx.fillStyle = isSRRS ? (p === 0 ? '#FFC107' : '#FF5722') : '#4CAF50';
+ ctx.beginPath();
+ ctx.arc(x - halfW, py, 3.5, 0, Math.PI * 2);
+ ctx.fill();
+ // SR/RS 引脚标签
+ if (isSRRS) {
+ ctx.fillStyle = '#fff';
+ ctx.font = 'bold 10px monospace';
+ ctx.textAlign = 'right';
+ ctx.textBaseline = 'middle';
+ var srl = (n.type === NT_SR) ? ['S', 'R'] : ['R', 'S'];
+ ctx.fillText(srl[p], x - halfW - 12, py);
+ }
+ }
+ }
+
+ // --- 输出引脚 ---
+ if (info.outPins > 0) {
+ // 外圈
+ ctx.fillStyle = '#2e2e4a';
+ ctx.beginPath();
+ ctx.arc(x + halfW, y, 7, 0, Math.PI * 2);
+ ctx.fill();
+ ctx.strokeStyle = '#FF9800';
+ ctx.lineWidth = 2;
+ ctx.stroke();
+ // 内芯
+ ctx.fillStyle = '#FF9800';
+ ctx.beginPath();
+ ctx.arc(x + halfW, y, 3.5, 0, Math.PI * 2);
+ ctx.fill();
+ }
+ }
+ }
+
+ function renderEditorTab(container) {
+ editNodes = [];
+ editLinks = [];
+ editKey = '';
+ editName = '';
+ editOnlineCfgId = '';
+ editSelectedNode = -1;
+ editSelectedLink = -1;
+ editWiring = null;
+ editDragNode = null;
+ editPanX = 0; editPanY = 0;
+ editScale = 1.0;
+ editLoadedFromFile = false;
+ editNextGateIdx = {};
+
+ container.innerHTML = ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ + '
'
+ + ''
+ + '
'
+ + ''
+ + '
'
+ + '
'
+ + '💡 双击模块可修改配置 | 单击选中/引脚连线 | 右键删除连线 | 滚轮缩放 | 按住空白拖动画布'
+ + '
';
+
+ // 工具栏事件
+ document.getElementById('plc-edit-key').oninput = function() { editKey = this.value; };
+ document.getElementById('plc-edit-name').oninput = function() { editName = this.value; };
+ document.getElementById('plc-edit-add-in').onclick = function() { showAddInputModal(); };
+ document.getElementById('plc-edit-add-out').onclick = function() { showAddOutputModal(); };
+ document.getElementById('plc-edit-add-gate').onclick = function() { showAddGateModal(); };
+ document.getElementById('plc-edit-zoomin').onclick = function() { editScale = Math.min(3, editScale * 1.2); drawEditor(); };
+ document.getElementById('plc-edit-zoomout').onclick = function() { editScale = Math.max(0.2, editScale / 1.2); drawEditor(); };
+ document.getElementById('plc-edit-del').onclick = function() { deleteSelectedNode(); };
+ document.getElementById('plc-edit-modify').onclick = function() { modifySelectedNode(); };
+ document.getElementById('plc-edit-generate').onclick = function() { generateAndSaveConfig(); };
+
+ setupEditorCanvas();
+ drawEditor();
+
+ // 加载当前 Reclose_logic.xml 为编辑起点
+ function initEditor() {
+ loadLogicFile(function() {
+ if (logicGraphs.length > 0) {
+ // 优先使用非 bak 文件的最新配置
+ var g = null;
+ for (var gi = 0; gi < logicGraphs.length; gi++) {
+ if (!logicGraphs[gi]._source || logicGraphs[gi]._source.indexOf('.bak') < 0) {
+ g = logicGraphs[gi]; break;
+ }
+ }
+ if (!g && logicGraphs.length > 0) g = logicGraphs[0];
+ if (g) {
+ editKey = g.key;
+ editName = g.name || '';
+ editOnlineCfgId = onlineCfgId;
+ // 复制节点到编辑器
+ for (var i = 0; i < g.nodes.length; i++) {
+ var n = g.nodes[i];
+ var newNode = {
+ type: n.type, id: n.id, x: n.x, y: n.y,
+ _lx: n.x, _ly: n.y,
+ saddr: '', desc: '', no: n.id
+ };
+ // 查找信号信息
+ var sig = findSignalByNo(n.id);
+ if (sig) { newNode.saddr = sig.saddr; newNode.desc = sig.desc; }
+ // 逻辑门 inPins — 优先使用文件中保存的配置
+ if (n.type !== NT_INPUT && n.type !== NT_OUTPUT) {
+ newNode.inPins = (n.inPins !== undefined) ? n.inPins : ((NODE_INFO[n.type] || {}).inPins || 2);
+ }
+ // 延时字段
+ if (n.delayMs !== undefined) newNode.delayMs = n.delayMs;
+ // Comb id 和 RS 信息
+ if (n.combId !== undefined) newNode.combId = n.combId;
+ if (n.rsR) newNode.rsR = n.rsR;
+ if (n.rsS) newNode.rsS = n.rsS;
+ editNodes.push(newNode);
+ }
+ // 复制链路（按节点在新数组中的索引）
+ for (var j = 0; j < g.links.length; j++) {
+ var l = g.links[j];
+ var si = findEditNodeIndex(l.src_type, l.src_id);
+ var di = findEditNodeIndex(l.dst_type, l.dst_id);
+ if (si >= 0 && di >= 0) {
+ var el = { srcIdx: si, dstIdx: di };
+ if (l.dstPin !== undefined) el.dstPin = l.dstPin;
+ editLinks.push(el);
+ }
+ }
+ editLoadedFromFile = true;
+
+ // 按类型统计最大序号，后续新增时每种类型独立递增
+ var maxByType = {};
+ for (var di = 0; di < editNodes.length; di++) {
+ var dn = editNodes[di];
+ if (dn.type === NT_INPUT || dn.type === NT_OUTPUT) continue;
+ var idx = dn.id & 0xFF;
+ if (idx >= (maxByType[dn.type] || -1)) maxByType[dn.type] = idx;
+ }
+ for (var t in maxByType) {
+ editNextGateIdx[t] = maxByType[t] + 1;
+ }
+
+ // 消除已有的重复 type+id 并基于每类型独立序号分配新 ID
+ var seenIds = {};
+ for (var di = 0; di < editNodes.length; di++) {
+ var dn = editNodes[di];
+ if (dn.type === NT_INPUT || dn.type === NT_OUTPUT) continue;
+ var key2 = dn.type + ':' + (dn.id & 0xFF);
+ if (seenIds[key2]) {
+ var next = editNextGateIdx[dn.type] || 0;
+ editNodes[di].id = (dn.id & ~0xFF) | next;
+ editNextGateIdx[dn.type] = next + 1;
+ } else {
+ seenIds[key2] = true;
+ }
+ }
+
+ // 更新输入框
+ var keyEl = document.getElementById('plc-edit-key');
+ var nameEl = document.getElementById('plc-edit-name');
+ if (keyEl) keyEl.value = editKey;
+ if (nameEl) nameEl.value = editName;
+ } else {
+ editKey = String(Date.now());
+ editName = '';
+ var keyEl = document.getElementById('plc-edit-key');
+ if (keyEl) keyEl.value = editKey;
+ }
+ drawEditor();
+ }
+ });
+ }
+
+ if (dcOutSignals.length === 0) {
+ loadDcOutSignals(function() { initEditor(); });
+ } else {
+ initEditor();
+ }
+ }
+
+ function findEditNodeIndex(type, id) {
+ for (var i = 0; i < editNodes.length; i++) {
+ var n = editNodes[i];
+ if (n.type === type) {
+ if (type <= 1 && n.id === id) return i;
+ if (type > 1 && (n.id & 0xFF) === (id & 0xFF)) return i;
+ }
+ }
+ return -1;
+ }
+
+ function deleteSelectedNode() {
+ if (editSelectedNode < 0 || editSelectedNode >= editNodes.length) {
+ showToast('请先在画布上双击或单击选中一个模块', 'err');
+ return;
+ }
+ var node = editNodes[editSelectedNode];
+ var idx = editSelectedNode;
+ var label = getNodeDisplayLabel(node);
+ var html = ''
+ + '
🗑 确认删除
'
+ + '
确定删除 ' + escHtml(label) + ' 及其所有连线？
'
+ + '
'
+ + ''
+ + ''
+ + '
'
+ + '
⏱️ ' + info.name + ' — 修改延时
'
+ + '
当前延时: ' + curMs + ' ms
'
+ + '
'
+ + '
'
+ + ''
+ + ''
+ + '
'
+ + '
🔒 ' + info.name + ' — 连接信息
'
+ + '
S (置位): ' + (sSrc || '未连接') + '
'
+ + '
R (复位): ' + (rSrc || '未连接') + '
'
+ + '
💡 拖动输出引脚到目标节点的 S/R 引脚来连线
'
+ + '
'
+ + '
'
+ + '
' + title + '
'
+ + '
当前: ' + escHtml(getNodeDisplayLabel(node)) + '
'
+ + '
'
+ + '
';
+ for (var j = 0; j < signals.length; j++) {
+ var s = signals[j];
+ var isCurrent = (node.no === s.no);
+ html += '
'
+ + '#' + s.no + ' ' + escHtml(s.saddr) + ''
+ + ' ' + escHtml(s.desc) + ''
+ + (isCurrent ? '✓ 当前' : '')
+ + '
';
+ }
+ html += '
'
+ + '
' + info.icon + ' ' + info.name + ' 配置
'
+ + '
当前输入节点数: ' + curPins + '
'
+ + '
'
+ + '
'
+ + '
'
+ + ''
+ + ''
+ + '
'
+ + '
📥 绑定输入信号
'
+ + '
'
+ + '
';
+ for (var j = 0; j < signals.length; j++) {
+ var s = signals[j];
+ html += '
'
+ + '#' + s.no + ' ' + escHtml(s.saddr) + ''
+ + ' ' + escHtml(s.desc) + '
';
+ }
+ html += '
'
+ + '
📤 绑定输出信号
'
+ + '
'
+ + '
';
+ for (var j = 0; j < signals.length; j++) {
+ var s = signals[j];
+ html += '
'
+ + '#' + s.no + ' ' + escHtml(s.saddr) + ''
+ + ' ' + escHtml(s.desc) + '
';
+ }
+ html += '
'
+ + '
🧮 选择运算模块
'
+ + '
';
+ for (var i = 0; i < gates.length; i++) {
+ var g = gates[i];
+ html += '
'
+ + '' + g.icon + ' ' + g.name + ''
+ + '
' + g.desc + ''
+ + '
';
+ }
+ html += '
'
+ + '
⏱️ ' + info.name + ' — 延时配置
'
+ + '
请输入延时时间（毫秒）
'
+ + '
'
+ + '
'
+ + ''
+ + ''
+ + '
'
+ + '
✅ 配置预览 (XML)
'
+ + '
Key: ' + escHtml(editKey) + ' | 名称: ' + escHtml(editName || 'PLC Logic') + '
'
+ + '
节点: ' + editNodes.length + ' | 连线: ' + editLinks.length + '
'
+ + '
' + escHtml(preview) + '
'
+ + '
'
+ + ''
+ + ''
+ + '
'
+ + '' + esc(s.saddr) + ''
+ + (s.desc ? ' ' + esc(s.desc) + '' : '')
+ + '' + fmtVal(s.val) + '
';
+ });
+ var ov = document.createElement('div');
+ ov.className = 'modal-overlay';
+ ov.innerHTML = '' + I18n.t('plc_debug.bind_title') + '
'
+ + '
' + rows + '
'
+ + '
' + I18n.t('plc_debug.no_led') + '
';
+ } else {
+ PlcDebugLeds.forEach(function(l, i) {
+ var on = parseFloat(l.val) > 0, chk = !!ledChecked[i];
+ ledHtml += ''
+ + '
'
+ + '
'
+ + (l.saddr ? '' + esc(l.saddr) + ' (' + fmtVal(l.val) + ')'
+ + (l.desc ? '' + esc(l.desc) + '' : '')
+ : '' + I18n.t('plc_debug.unbound') + '')
+ + '
'
+ + '
'
+ + '
' + I18n.t('plc_debug.no_btn') + '
';
+ } else {
+ PlcDebugButtons.forEach(function(b, j) {
+ var chk = !!btnChecked[j];
+ btnHtml += ''
+ + '
'
+ + '
'
+ + (b.saddr ? '' + esc(b.saddr) + ' (' + fmtVal(b.val) + ')'
+ + (b.desc ? '' + esc(b.desc) + '' : '')
+ : '' + I18n.t('plc_debug.unbound') + '')
+ + '
'
+ + '
'
+ + '
' + I18n.t('plc_debug.no_sig') + '
';
+ } else {
+ o.forEach(function(s, i) {
+ var chk = !!sigChecked[i];
+ sigHtml += ''
+ + ''
+ + '' + esc(s.saddr) + ''
+ + '' + esc(s.desc || '') + ''
+ + '' + fmtVal(s.val) + ''
+ + '
';
+ });
+ }
+
+ c.innerHTML = ''
+ + '
'
+ + '
'
+ + '
'
+ + '
'
+ + ''
+ + ''
+ + '
';
+ }
+ );
+ [].slice.call(document.querySelectorAll('#tbody-out tr')).forEach(function(tr) {
+ var saddr = (tr.querySelector('.cell-mono') || {}).textContent || '';
+ tr.dataset.saddr = saddr;
+ tr.querySelector('td:first-child').innerHTML = '';
+ });
+});
+
+/* ---- In ---- */
+Router.register('#in', function(c) {
+ c.innerHTML = renderSignalPage('in',
+ ['', I18n.t('signal.saddr'), I18n.t('signal.desc'), I18n.t('signal.link'), I18n.t('signal.type')],
+ function(s) { return td(esc(s.link_saddr || '\u2014'), 'cell-mono') + td(esc(s.type || '?'), 'cell-mono'); },
+ function(s) {
+ return '';
+ }
+ );
+ [].slice.call(document.querySelectorAll('#tbody-in tr')).forEach(function(tr) {
+ var saddr = (tr.querySelector('.cell-mono') || {}).textContent || '';
+ tr.dataset.saddr = saddr;
+ tr.querySelector('td:first-child').innerHTML = '';
+ });
+});
+
+/* ---- YK ---- */
+Router.register('#yk', function(c) {
+ c.innerHTML = renderSignalPage('yk',
+ [I18n.t('signal.saddr'), I18n.t('signal.desc'), I18n.t('signal.type'), I18n.t('signal.ctrl')],
+ function(s) { return td(esc(s.type || '?'), 'cell-mono') + td(s.ctrl_type == 1 ? I18n.t('signal.ctrl_sbo') : I18n.t('signal.ctrl_direct'), 'cell-mono'); },
+ function(s) {
+ return ''
+ + ''
+ + ''
+ + '
';
+ }
+ );
+});
+
+/* ---- AO ---- */
+Router.register('#ao', function(c) {
+ c.innerHTML = renderSignalPage('ao',
+ [I18n.t('signal.saddr'), I18n.t('signal.desc'), I18n.t('signal.type'), I18n.t('signal.ctrl')],
+ function(s) { return td(esc(s.type || '?'), 'cell-mono') + td(s.ctrl_type == 1 ? I18n.t('signal.ctrl_sbo') : I18n.t('signal.ctrl_direct'), 'cell-mono'); },
+ function(s) {
+ return ''
+ + ''
+ + ''
+ + '
';
+ }
+ );
+});
diff --git a/config/web/js/pages/terminal.js b/config/web/js/pages/terminal.js
new file mode 100644
index 0000000..a3d0567
--- /dev/null
+++ b/config/web/js/pages/terminal.js
@@ -0,0 +1,155 @@
+/**
+ * @file terminal.js
+ * @brief 命令终端页面 — 按钮面板 + 输入框
+ * @details 连接后自动获取命令列表，按模块分组生成按钮。
+ * 点击按钮将命令名填充到输入框，用户可继续输入子命令参数。
+ * 回车执行，输出显示在下方窗口。
+ */
+
+var TermCommands = [];
+
+Router.register('#terminal', function(c) {
+ c.innerHTML =
+ '' +
+ ' ' +
+ '
' +
+ '
' +
+ '
' + (I18n.t('term.loading') || '正在加载命令列表...') + '
' +
+ '
' +
+ '
' + I18n.t('term.welcome') + '
' +
+ '
' +
+ ' RTU>' +
+ ' ' +
+ '
' +
+ '
' +
+ '
';
+ html += '
' + meta.icon + ' ' + meta.label + '
';
+ html += '
';
+
+ for (var j = 0; j < groups[mod].length; j++)
+ {
+ var cmd = groups[mod][j];
+ html += '';
+ }
+
+ html += '
' + I18n.t(secKey) + '
';
+ lastSection = item.section;
+ }
+ html += '' + Icon.get(item.icon, 'nav-icon') + I18n.t(item.key) + '';
+ });
+
+ document.getElementById('nav-links').innerHTML = html;
+}
+
+function updateNavActive(hash)
+{
+ document.querySelectorAll('#nav-links a').forEach(function(a) {
+ a.classList.toggle('active', a.dataset.hash === hash);
+ });
+}
+
+function toggleNav()
+{
+ document.getElementById('nav-sidebar').classList.toggle('open');
+}
diff --git a/config/web/js/signal-store.js b/config/web/js/signal-store.js
new file mode 100644
index 0000000..497948f
--- /dev/null
+++ b/config/web/js/signal-store.js
@@ -0,0 +1,61 @@
+/**
+ * @file signal-store.js
+ * @brief 信号数据缓存 — 接收 WS 推送并更新内存 + localStorage 持久化
+ */
+
+
+var SignalStore = {
+ data: { out: [], in: [], yk: [], ao: [], param: [] },
+
+ /**
+ * @brief 合并 WS 推送数据到缓存, 并持久化到 localStorage
+ * @param {object} push {out:[...], in:[...], ...}
+ */
+ update: function(push) {
+ var self = this;
+ ['out', 'in', 'yk', 'ao', 'param'].forEach(function(type) {
+ if (push[type])
+ {
+ var map = {};
+ self.data[type].forEach(function(s) { map[s.saddr] = s; });
+ push[type].forEach(function(s) { map[s.saddr] = s; });
+ self.data[type] = Object.keys(map).map(function(k) { return map[k]; });
+ }
+ });
+ this._save();
+ },
+
+ get: function(type) {
+ return this.data[type] || [];
+ },
+
+ addFromPush: function(type, item) {
+ this.data[type].push(item);
+ this._save();
+ },
+
+ remove: function(type, saddr) {
+ this.data[type] = this.data[type].filter(function(s) { return s.saddr !== saddr; });
+ this._save();
+ },
+
+ /** @brief 从 localStorage 恢复缓存 */
+ restore: function() {
+ try {
+ var saved = localStorage.getItem('rtu_signals');
+ if (saved) {
+ var parsed = JSON.parse(saved);
+ if (parsed && parsed.out) { this.data = parsed; }
+ }
+ } catch (e) { /* ignore corrupt data */ }
+ },
+
+ /** @brief 持久化到 localStorage (debounced) */
+ _save: function() {
+ var self = this;
+ if (this._timer) clearTimeout(this._timer);
+ this._timer = setTimeout(function() {
+ try { localStorage.setItem('rtu_signals', JSON.stringify(self.data)); } catch (e) {}
+ }, 500);
+ }
+};
diff --git a/config/web/js/ui.js b/config/web/js/ui.js
new file mode 100644
index 0000000..6d21187
--- /dev/null
+++ b/config/web/js/ui.js
@@ -0,0 +1,220 @@
+/**
+ * @file ui.js
+ * @brief 通用 UI 组件 — Toast, Modal, Table, Icon, Utilities
+ */
+
+
+/* ==================================================================
+ * SVG 内联图标 (Lucide 风格, 18×18)
+ * ================================================================== */
+var Icon = {
+ _map: {
+ monitor: '',
+ dashboard: '',
+ signal: '',
+ link: '',
+ zap: '',
+ sliders: '',
+ settings: '',
+ database: '',
+ bug: '',
+ cpu: '',
+ activity: '',
+ terminal: '',
+ check: '',
+ plus: '',
+ trash: '',
+ edit: '',
+ alert: '',
+ },
+
+ get: function(name, cls) {
+ return (this._map[name] || '').replace('class="icon-svg"', 'class="' + (cls || 'icon-svg') + '"');
+ }
+};
+
+/* ==================================================================
+ * Toast 通知
+ * ================================================================== */
+function toast(msg, type) {
+ type = type || 'info';
+ var el = document.createElement('div');
+ el.className = 'toast toast-' + type;
+ el.textContent = msg;
+ document.getElementById('toast-container').appendChild(el);
+ setTimeout(function() { el.style.opacity = '0'; el.style.transition = 'opacity 0.3s'; }, 2500);
+ setTimeout(function() { el.remove(); }, 2800);
+}
+
+/* ==================================================================
+ * Modal 模态框
+ * ================================================================== */
+function showModal(title, bodyHtml, onOk, okText) {
+ okText = okText || I18n.t('toast.confirm');
+
+ var overlay = document.createElement('div');
+ overlay.className = 'modal-overlay';
+ overlay.innerHTML = ''
+ + '
' + title + '
'
+ + '
' + bodyHtml + '
'
+ + '
'
+ + ''
+ + ''
+ + '
' + s + ' | ';
+}
+
+function th(s) {
+ return '' + s + ' | ';
+}
+
+/**
+ * @brief 渲染信号管理页面通用模板
+ */
+function renderSignalPage(type, headers, extraCols, actionsForRow) {
+ var signals = SignalStore.get(type);
+ var rows = '';
+
+ if (signals.length === 0)
+ {
+ rows = '| ' + I18n.t('signal.no_data') + ' |
';
+ }
+ else
+ {
+ signals.forEach(function(s) {
+ var xtra = extraCols ? extraCols(s) : '';
+ var acts = actionsForRow ? actionsForRow(s) : '';
+ rows += ''
+ + '| ' + esc(s.saddr) + ' | '
+ + '' + esc(s.desc || '') + ' | '
+ + xtra
+ + '' + fmtVal(s.val) + ' | '
+ + '' + acts + ' | '
+ + '
';
+ });
+ }
+
+ return ''
+ + ''
+ + '
'
+ + '' + headers.map(function(h) { return th(h); }).join('') + '| ' + I18n.t('signal.val') + ' | ' + I18n.t('signal.action') + ' |
'
+ + '' + rows + ''
+ + '
'
+ + '
';
+ }
+
+ if (type === 'yk' || type === 'ao' || type === 'param')
+ {
+ body += ''
+ + '
';
+ }
+
+ showModal(I18n.t('signal.add_title') + ' (' + type.toUpperCase() + ')', body, function(ov) {
+ var saddr = getModalVal(ov, '#mf-saddr');
+ if (!saddr) { toast(I18n.t('toast.saddr_required'), 'error'); return; }
+ var msg = { saddr: saddr, signal_type: type, curd: 'add', signal_data: '', setting_zone: '0' };
+ if (type === 'in') { msg.link_saddr = getModalVal(ov, '#mf-link'); }
+ WsClient.send(msg);
+ toast(I18n.t('toast.add_sent') + ': ' + saddr, 'success');
+ ov.remove();
+ });
+ },
+
+ del: function(type, saddr) {
+ showModal(I18n.t('signal.confirm_del'),
+ '' + I18n.t('signal.confirm_del_msg') + ' ' + esc(saddr) + '?
',
+ function(ov) {
+ WsClient.send({ saddr: saddr, signal_type: type, curd: 'del', setting_zone: '0' });
+ SignalStore.remove(type, saddr);
+ Router.dispatch(Router.currentHash);
+ toast(I18n.t('toast.del_sent') + ': ' + saddr, 'info');
+ ov.remove();
+ }, Icon.get('trash') + ' ' + I18n.t('signal.delete'));
+ },
+
+ batchDel: function(type) {
+ var checked = [].slice.call(document.querySelectorAll('#tbody-' + type + ' input[type=checkbox]:checked'));
+ if (checked.length === 0) { toast(I18n.t('toast.no_selected'), 'error'); return; }
+ showModal(I18n.t('signal.confirm_batch_del'),
+ '' + I18n.t('signal.confirm_batch_msg') + ' ' + checked.length + ' ' + I18n.t('signal.confirm_batch_del') + '?
',
+ function(ov) {
+ checked.forEach(function(cb) {
+ var saddr = cb.closest('tr').dataset.saddr;
+ WsClient.send({ saddr: saddr, signal_type: type, curd: 'del', setting_zone: '0' });
+ });
+ toast(checked.length + ' ' + I18n.t('toast.batch_del_sent'), 'info');
+ ov.remove();
+ }, Icon.get('trash') + ' ' + I18n.t('signal.delete') + ' ' + checked.length);
+ },
+
+ set: function(type, saddr) {
+ showModal(I18n.t('signal.set_title') + ' \u2014 ' + esc(saddr),
+ '',
+ function(ov) {
+ var val = getModalVal(ov, '#mf-val');
+ WsClient.send({ saddr: saddr, signal_type: type, curd: 'set', signal_data: val, setting_zone: '0' });
+ toast(I18n.t('toast.set_sent') + ': ' + saddr + ' = ' + val, 'success');
+ ov.remove();
+ }, I18n.t('signal.set'));
+ }
+};
diff --git a/config/web/js/ws-client.js b/config/web/js/ws-client.js
new file mode 100644
index 0000000..f03def8
--- /dev/null
+++ b/config/web/js/ws-client.js
@@ -0,0 +1,103 @@
+/**
+ * @file ws-client.js
+ * @brief WebSocket 客户端封装 — 自动重连 + 事件分发
+ */
+
+
+var WsClient = {
+ ws: null, url: '', status: 'disconnected', timer: null,
+ msgCbs: [], statusCbs: [],
+
+ onMsg: function(cb) { this.msgCbs.push(cb); },
+ onStatus: function(cb) { this.statusCbs.push(cb); },
+
+ connect: function(url) {
+ if (this.ws && (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING))
+ {
+ return;
+ }
+
+ this.url = url;
+ this._setStatus('connecting');
+
+ try
+ {
+ this.ws = new WebSocket(url);
+ this.ws.binaryType = 'arraybuffer';
+ }
+ catch (e)
+ {
+ this._setStatus('disconnected');
+ this._schedule();
+ return;
+ }
+
+ this.ws.onopen = function() {
+ var self = WsClient;
+ self._setStatus('connected');
+ if (self.timer) { clearTimeout(self.timer); self.timer = null; }
+ self.send({ type: 'get_cmds' });
+ };
+
+ this.ws.onclose = function() {
+ var self = WsClient;
+ self._setStatus('disconnected');
+ self.ws = null;
+ self._schedule();
+ };
+
+ this.ws.onerror = function() {};
+
+ this.ws.onmessage = function(e) {
+ var self = WsClient;
+ var raw = e.data;
+
+ if (raw instanceof ArrayBuffer)
+ {
+ self.msgCbs.forEach(function(cb) { try { cb(null, raw); } catch(ex) {} });
+ return;
+ }
+
+ var data = null;
+ try { data = JSON.parse(raw); } catch(ex) {}
+
+ self.msgCbs.forEach(function(cb) { try { cb(data || raw, null); } catch(ex) {} });
+ };
+ },
+
+ send: function(obj) {
+ if (!this.ws || this.ws.readyState !== WebSocket.OPEN)
+ {
+ if (typeof toast === 'function') { toast(I18n.t('toast.ws_error'), 'error'); }
+ return;
+ }
+
+ var raw = (typeof obj === 'object') ? JSON.stringify(obj) : String(obj);
+ this.ws.send(raw);
+ },
+
+ _setStatus: function(s) {
+ if (this.status === s) return;
+ this.status = s;
+
+ var dot = document.getElementById('nav-status-dot');
+ var txt = document.getElementById('nav-status-text');
+ if (dot) { dot.className = 'nav-status-dot ' + s; }
+ if (txt)
+ {
+ var map = { connected: I18n.t('status.connected'), disconnected: I18n.t('status.disconnected'), connecting: I18n.t('status.connecting') };
+ txt.textContent = map[s] || s;
+ }
+
+ this.statusCbs.forEach(function(cb) { cb(s); });
+ },
+
+ _schedule: function() {
+ var self = this;
+ if (self.timer) return;
+ self.timer = setTimeout(function() {
+ self.timer = null;
+ if (self.status === 'disconnected') { self.connect(self.url); }
+ }, 3000);
+ }
+};
diff --git a/src/system/libweb_server/src/web_server.cpp b/src/system/libweb_server/src/web_server.cpp
index 5ebd41d..1eff6fb 100644
--- a/src/system/libweb_server/src/web_server.cpp
+++ b/src/system/libweb_server/src/web_server.cpp
@@ -27,6 +27,7 @@
static struct mg_mgr s_ws_mgr;
static std::vector g_ws_conns;
static pthread_mutex_t g_ws_conns_mutex = PTHREAD_MUTEX_INITIALIZER;
+static std::string g_web_root; /**< 静态文件根目录 */
/* ---- 前向声明 ---- */
void ws_recv(struct mg_connection *c, const char *p_rx, uint16_t rx_len);
@@ -145,8 +146,10 @@ static void ws_event_handler(mg_connection *c, int ev, void *ev_data)
}
else
{
- /* HTTP 静态文件: 默认返回 404 */
- mg_http_reply(c, 404, "Content-Type: text/plain\r\n", "Not Found\n");
+ /* HTTP 静态文件服务 — 从 web/ 目录提供 */
+ struct mg_http_serve_opts opts = {};
+ opts.root_dir = g_web_root.c_str();
+ mg_http_serve_dir(c, hm, &opts);
}
}
else if (ev == MG_EV_WS_MSG)
@@ -366,10 +369,23 @@ int app_web_server_init1(void *arg)
{
(void)arg;
+ /* 静态文件根目录: /web/ */
+ char proc_dir[512] = {0};
+ if (0 == func_proc_self_dir(proc_dir, sizeof(proc_dir)))
+ {
+ g_web_root = std::string(proc_dir) + "/config/web";
+ }
+ else
+ {
+ g_web_root = "web"; /* fallback: 相对路径 */
+ }
+
+ mg_log_set(MG_LL_ERROR);
mg_mgr_init(&s_ws_mgr);
mg_http_listen(&s_ws_mgr, WS_LISTEN_ON, ws_event_handler, NULL);
- LOG_I("web_server listening on %s, ws=%s", WS_LISTEN_ON, WS_UPGRADE_URI);
+ MY_LOG_I("web_server listening on %s, ws=%s, root=%s",
+ WS_LISTEN_ON, WS_UPGRADE_URI, g_web_root.c_str());
return 0;
}
@@ -384,7 +400,7 @@ void *app_web_server(void *arg)
{
if (!arg)
{
- LOG_E("app_web_server arg null");
+ MY_LOG_E("app_web_server arg null");
return NULL;
}
@@ -403,7 +419,7 @@ void *app_web_server(void *arg)
if (event & EV_STOP)
{
- LOG_I("web_server stopping");
+ MY_LOG_I("web_server stopping");
break;
}
@@ -424,12 +440,14 @@ void *app_web_server(void *arg)
{
cnt_1s++;
p_app->run_cnt++;
+
+ LOG_I("web_server run_cnt=%u", p_app->run_cnt);
}
}
mg_mgr_free(&s_ws_mgr);
- LOG_I("web_server stopped, total 1s cycles=%u", cnt_1s);
+ MY_LOG_I("web_server stopped, total 1s cycles=%u", cnt_1s);
return NULL;
}
diff --git a/src/system/libweb_server/src/ws_method.cpp b/src/system/libweb_server/src/ws_method.cpp
index c1523d5..a2a4f60 100644
--- a/src/system/libweb_server/src/ws_method.cpp
+++ b/src/system/libweb_server/src/ws_method.cpp
@@ -517,6 +517,125 @@ void ws_recv(struct mg_connection *c, const char *p_rx, uint16_t rx_len)
std::string out = ws_cmd_exec(jd->valuestring);
ws_send_binary(c->id, out.data(), out.size());
+
+ /* datacenter 命令特殊处理：导出 XML + 返回信号元数据 */
+ if (0 == strncmp(jd->valuestring, "datacenter", 10))
+ {
+ const char *sub = jd->valuestring + 10;
+
+ while (*sub == ' ' || *sub == '\t')
+ {
+ sub++;
+ }
+
+ /* 导出 out 信号 XML（PLC Config 页面依赖） */
+ if (0 == strcmp(sub, "out") || 0 == strncmp(sub, "out ", 4)
+ || 0 == strcmp(sub, "all") || 0 == strncmp(sub, "all ", 4))
+ {
+ char resolved[512];
+ char proc_dir[256] = {0};
+
+ if (0 == func_proc_self_dir(proc_dir, sizeof(proc_dir)))
+ {
+ snprintf(resolved, sizeof(resolved),
+ "%sconfig/SYSTEM/datacenter_out.xml", proc_dir);
+ dc_save_out_signals_xml(resolved);
+ LOG_I("datacenter_out.xml saved to %s", resolved);
+ }
+ }
+
+ /* 构建信号元数据 JSON */
+ const char *dc_types[5];
+ int dc_type_count = 0;
+
+ if (0 == strcmp(sub, "all") || 0 == strncmp(sub, "all ", 4))
+ {
+ dc_types[dc_type_count++] = "out";
+ dc_types[dc_type_count++] = "in";
+ dc_types[dc_type_count++] = "yk";
+ dc_types[dc_type_count++] = "ao";
+ dc_types[dc_type_count++] = "param";
+ }
+ else if (0 == strcmp(sub, "out") || 0 == strncmp(sub, "out ", 4))
+ {
+ dc_types[dc_type_count++] = "out";
+ }
+ else if (0 == strcmp(sub, "in") || 0 == strncmp(sub, "in ", 3))
+ {
+ dc_types[dc_type_count++] = "in";
+ }
+ else if (0 == strcmp(sub, "yk") || 0 == strncmp(sub, "yk ", 3))
+ {
+ dc_types[dc_type_count++] = "yk";
+ }
+ else if (0 == strcmp(sub, "ao") || 0 == strncmp(sub, "ao ", 3))
+ {
+ dc_types[dc_type_count++] = "ao";
+ }
+ else if (0 == strcmp(sub, "param") || 0 == strncmp(sub, "param ", 6))
+ {
+ dc_types[dc_type_count++] = "param";
+ }
+ else
+ {
+ /* 默认返回全部 */
+ dc_types[dc_type_count++] = "out";
+ dc_types[dc_type_count++] = "in";
+ dc_types[dc_type_count++] = "yk";
+ dc_types[dc_type_count++] = "ao";
+ dc_types[dc_type_count++] = "param";
+ }
+
+ /* 构建 dc_data JSON */
+ cJSON *dc_resp = cJSON_CreateObject();
+ cJSON_AddStringToObject(dc_resp, "type", "dc_data");
+
+ for (int si = 0; si < dc_type_count; si++)
+ {
+ cJSON *arr = cJSON_CreateArray();
+ uint32_t count = dc_get_signal_count(dc_types[si]);
+
+ for (uint32_t j = 0; j < count; j++)
+ {
+ char saddr[128] = {0};
+ char desc[256] = {0};
+ char dts[32] = {0};
+ uint8_t ctrl_type = 0;
+ char link_str[256] = {0};
+
+ if (0 != dc_get_signal_info_by_id(dc_types[si], j,
+ saddr, sizeof(saddr),
+ desc, sizeof(desc),
+ dts, sizeof(dts),
+ &ctrl_type,
+ link_str, sizeof(link_str)))
+ {
+ continue;
+ }
+
+ cJSON *item = cJSON_CreateObject();
+ cJSON_AddNumberToObject(item, "id", j);
+ cJSON_AddStringToObject(item, "saddr", saddr);
+ cJSON_AddStringToObject(item, "desc", desc);
+ cJSON_AddStringToObject(item, "type", dts);
+ cJSON_AddNumberToObject(item, "ctrl_type", ctrl_type);
+ cJSON_AddStringToObject(item, "link_saddrs", link_str);
+ cJSON_AddItemToArray(arr, item);
+ }
+
+ cJSON_AddItemToObject(dc_resp, dc_types[si], arr);
+ }
+
+ char *dc_tx = cJSON_PrintUnformatted(dc_resp);
+
+ if (dc_tx)
+ {
+ ws_send_binary(c->id, dc_tx, strlen(dc_tx));
+ free(dc_tx);
+ }
+
+ cJSON_Delete(dc_resp);
+ }
}
cJSON_Delete(root);
@@ -557,6 +676,131 @@ void ws_recv(struct mg_connection *c, const char *p_rx, uint16_t rx_len)
return;
}
+
+ /* ---- type=get_file: 读取配置文件 ---- */
+ if (0 == strcmp(jt->valuestring, "get_file"))
+ {
+ cJSON *jpath = cJSON_GetObjectItem(root, "path");
+ cJSON *resp = cJSON_CreateObject();
+ cJSON_AddStringToObject(resp, "type", "file_content");
+
+ if (jpath && cJSON_IsString(jpath) && jpath->valuestring)
+ {
+ char resolved[512] = {0};
+
+ if (jpath->valuestring[0] == '/')
+ {
+ strncpy(resolved, jpath->valuestring, sizeof(resolved) - 1);
+ }
+ else
+ {
+ char proc_dir[256] = {0};
+
+ if (0 == func_proc_self_dir(proc_dir, sizeof(proc_dir)))
+ {
+ snprintf(resolved, sizeof(resolved), "%s%s", proc_dir, jpath->valuestring);
+ }
+ else
+ {
+ strncpy(resolved, jpath->valuestring, sizeof(resolved) - 1);
+ }
+ }
+
+ cJSON_AddStringToObject(resp, "path", jpath->valuestring);
+
+ FILE *fp = fopen(resolved, "rb");
+
+ if (fp)
+ {
+ fseek(fp, 0, SEEK_END);
+ long fsize = ftell(fp);
+ fseek(fp, 0, SEEK_SET);
+
+ if (fsize > 0 && fsize < 1024 * 1024)
+ {
+ char *buf = (char *)malloc((size_t)fsize + 1);
+
+ if (buf)
+ {
+ size_t n = fread(buf, 1, (size_t)fsize, fp);
+ buf[n] = '\0';
+ cJSON_AddStringToObject(resp, "content", buf);
+ free(buf);
+ }
+ }
+
+ fclose(fp);
+ }
+ }
+
+ char *p_tx = cJSON_PrintUnformatted(resp);
+
+ if (p_tx)
+ {
+ ws_send_one(c->id, p_tx, strlen(p_tx));
+ free(p_tx);
+ }
+
+ cJSON_Delete(resp);
+ cJSON_Delete(root);
+
+ return;
+ }
+
+ /* ---- type=set_file: 保存配置文件 ---- */
+ if (0 == strcmp(jt->valuestring, "set_file"))
+ {
+ cJSON *jpath = cJSON_GetObjectItem(root, "path");
+ cJSON *jcontent = cJSON_GetObjectItem(root, "content");
+ cJSON *resp = cJSON_CreateObject();
+ cJSON_AddStringToObject(resp, "type", "file_saved");
+
+ if (jpath && cJSON_IsString(jpath) && jcontent && cJSON_IsString(jcontent))
+ {
+ char resolved[512] = {0};
+
+ if (jpath->valuestring[0] == '/')
+ {
+ strncpy(resolved, jpath->valuestring, sizeof(resolved) - 1);
+ }
+ else
+ {
+ char proc_dir[256] = {0};
+
+ if (0 == func_proc_self_dir(proc_dir, sizeof(proc_dir)))
+ {
+ snprintf(resolved, sizeof(resolved), "%s%s", proc_dir, jpath->valuestring);
+ }
+ else
+ {
+ strncpy(resolved, jpath->valuestring, sizeof(resolved) - 1);
+ }
+ }
+
+ FILE *fp = fopen(resolved, "wb");
+
+ if (fp)
+ {
+ fwrite(jcontent->valuestring, 1, strlen(jcontent->valuestring), fp);
+ fclose(fp);
+ cJSON_AddBoolToObject(resp, "success", 1);
+ cJSON_AddStringToObject(resp, "path", jpath->valuestring);
+ }
+ }
+
+ char *p_tx = cJSON_PrintUnformatted(resp);
+
+ if (p_tx)
+ {
+ ws_send_one(c->id, p_tx, strlen(p_tx));
+ free(p_tx);
+ }
+
+ cJSON_Delete(resp);
+ cJSON_Delete(root);
+
+ return;
+ }
}
/* ---- 信号 CRUD 命令 ---- */