node-red-contrib-symi-mesh 1.7.1 → 1.7.3

package/nodes/symi-rs485-sync.html

@@ -0,0 +1,361 @@
+<script type="text/javascript">
+    RED.nodes.registerType('symi-rs485-sync', {
+        category: 'Symi Mesh',
+        color: '#C7E9B0',
+        defaults: {
+            name: { value: '' },
+            rs485ConfigA: { value: '', type: 'symi-485-config', required: true },
+            rs485ConfigB: { value: '', type: 'symi-485-config', required: true },
+            mappings: { value: '[]' },
+            pollInterval: { value: 1000 },
+            enablePolling: { value: true }
+        },
+        inputs: 1,
+        outputs: 1,
+        icon: 'font-awesome/fa-random',
+        align: 'left',
+        paletteLabel: 'RS485同步',
+        label: function() {
+            if (this.name) return this.name;
+            try {
+                var m = JSON.parse(this.mappings || '[]');
+                if (m.length > 0) return 'RS485同步(' + m.length + '组)';
+            } catch(e) {}
+            return 'RS485同步';
+        },
+        oneditprepare: function() {
+            // 设置编辑面板更宽
+            var panel = $('#dialog-form').parent();
+            if (panel.length) {
+                panel.css('min-width', '700px');
+            }
+            
+            var node = this;
+            var mappings = [];
+            try { mappings = JSON.parse(node.mappings || '[]'); } catch(e) { mappings = []; }
+
+            var container = $('#mapping-container');
+
+            // 协议选项
+            var protocolOptions = {
+                'zhonghong': '中弘VRF',
+                'symi_climate': 'SYMI空调面板',
+                'custom': '自定义码'
+            };
+
+            function renderMappings() {
+                container.empty();
+                mappings.forEach(function(m, idx) {
+                    var row = $('<div class="mapping-row" data-idx="' + idx + '"></div>');
+                    
+                    // 主行
+                    var mainRow = $('<div class="mapping-main"></div>');
+                    
+                    // A侧配置
+                    var colA = $('<div class="side-col side-a"></div>');
+                    colA.append('<label>A侧协议:</label>');
+                    var selectA = $('<select class="protocol-a"></select>');
+                    for (var k in protocolOptions) {
+                        selectA.append('<option value="' + k + '"' + (m.protocolA === k ? ' selected' : '') + '>' + protocolOptions[k] + '</option>');
+                    }
+                    colA.append(selectA);
+                    
+                    // B侧配置
+                    var colB = $('<div class="side-col side-b"></div>');
+                    colB.append('<label>B侧协议:</label>');
+                    var selectB = $('<select class="protocol-b"></select>');
+                    for (var k in protocolOptions) {
+                        selectB.append('<option value="' + k + '"' + (m.protocolB === k ? ' selected' : '') + '>' + protocolOptions[k] + '</option>');
+                    }
+                    colB.append(selectB);
+                    
+                    // 操作按钮
+                    var actions = $('<div class="actions-col"></div>');
+                    actions.append('<button type="button" class="red-ui-button red-ui-button-small toggle-detail-btn" title="展开/折叠"><i class="fa fa-cog"></i></button>');
+                    actions.append('<button type="button" class="red-ui-button red-ui-button-small del-btn" title="删除"><i class="fa fa-trash"></i></button>');
+                    
+                    mainRow.append(colA).append('<span class="sync-icon">⇄</span>').append(colB).append(actions);
+                    row.append(mainRow);
+                    
+                    // 详细配置区域（默认折叠）
+                    var detailRow = $('<div class="detail-row" style="display:' + (m.showDetail ? 'block' : 'none') + ';"></div>');
+                    
+                    // A侧详细配置
+                    var detailA = $('<div class="detail-side detail-a"><h5>A侧参数</h5></div>');
+                    if (m.protocolA === 'zhonghong') {
+                        detailA.append(renderZhonghongConfig('a', m.configA || {}));
+                    } else if (m.protocolA === 'symi_climate') {
+                        detailA.append(renderSymiClimateConfig('a', m.configA || {}));
+                    } else {
+                        detailA.append(renderCustomConfig('a', m.configA || {}));
+                    }
+                    
+                    // B侧详细配置
+                    var detailB = $('<div class="detail-side detail-b"><h5>B侧参数</h5></div>');
+                    if (m.protocolB === 'zhonghong') {
+                        detailB.append(renderZhonghongConfig('b', m.configB || {}));
+                    } else if (m.protocolB === 'symi_climate') {
+                        detailB.append(renderSymiClimateConfig('b', m.configB || {}));
+                    } else {
+                        detailB.append(renderCustomConfig('b', m.configB || {}));
+                    }
+                    
+                    detailRow.append(detailA).append(detailB);
+                    row.append(detailRow);
+                    
+                    container.append(row);
+                });
+                bindEvents();
+            }
+
+            function renderZhonghongConfig(side, cfg) {
+                return '<div class="config-group">' +
+                    '<div class="config-item"><label>外机地址:</label><input type="number" class="zh-outdoor-' + side + '" value="' + (cfg.outdoorAddr !== undefined ? cfg.outdoorAddr : 1) + '" min="0" max="255"></div>' +
+                    '<div class="config-item"><label>内机地址:</label><input type="number" class="zh-indoor-' + side + '" value="' + (cfg.indoorAddr !== undefined ? cfg.indoorAddr : 0) + '" min="0" max="255"></div>' +
+                    '</div>';
+            }
+
+            function renderSymiClimateConfig(side, cfg) {
+                return '<div class="config-group">' +
+                    '<div class="config-item"><label>设备地址:</label><input type="number" class="symi-addr-' + side + '" value="' + (cfg.address || 1) + '" min="1" max="255"></div>' +
+                    '</div>';
+            }
+
+            function renderCustomConfig(side, cfg) {
+                return '<div class="config-group custom-codes">' +
+                    '<div class="config-item full"><label>开机发码:</label><input type="text" class="custom-on-' + side + '" value="' + (cfg.sendOn || '') + '" placeholder="十六进制"></div>' +
+                    '<div class="config-item full"><label>关机发码:</label><input type="text" class="custom-off-' + side + '" value="' + (cfg.sendOff || '') + '" placeholder="十六进制"></div>' +
+                    '<div class="config-item full"><label>开机收码:</label><input type="text" class="custom-recv-on-' + side + '" value="' + (cfg.recvOn || '') + '" placeholder="十六进制"></div>' +
+                    '<div class="config-item full"><label>关机收码:</label><input type="text" class="custom-recv-off-' + side + '" value="' + (cfg.recvOff || '') + '" placeholder="十六进制"></div>' +
+                    '</div>';
+            }
+
+            function bindEvents() {
+                // 删除按钮
+                container.find('.del-btn').off('click').on('click', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    mappings.splice(idx, 1);
+                    renderMappings();
+                });
+
+                // 展开/折叠按钮
+                container.find('.toggle-detail-btn').off('click').on('click', function() {
+                    var row = $(this).closest('.mapping-row');
+                    var idx = row.data('idx');
+                    var detailRow = row.find('.detail-row');
+                    var isVisible = detailRow.is(':visible');
+                    detailRow.toggle();
+                    mappings[idx].showDetail = !isVisible;
+                });
+
+                // 协议选择变化
+                container.find('.protocol-a, .protocol-b').off('change').on('change', function() {
+                    var row = $(this).closest('.mapping-row');
+                    var idx = row.data('idx');
+                    mappings[idx].protocolA = row.find('.protocol-a').val();
+                    mappings[idx].protocolB = row.find('.protocol-b').val();
+                    mappings[idx].showDetail = true;
+                    renderMappings();
+                });
+
+                // 配置输入变化
+                container.find('input').off('change').on('change', function() {
+                    var row = $(this).closest('.mapping-row');
+                    var idx = row.data('idx');
+                    saveConfigFromRow(row, idx);
+                });
+            }
+
+            function saveConfigFromRow(row, idx) {
+                var m = mappings[idx];
+                m.configA = m.configA || {};
+                m.configB = m.configB || {};
+                
+                // A侧配置
+                if (m.protocolA === 'zhonghong') {
+                    m.configA.outdoorAddr = parseInt(row.find('.zh-outdoor-a').val()) || 1;
+                    m.configA.indoorAddr = parseInt(row.find('.zh-indoor-a').val()) || 1;
+                } else if (m.protocolA === 'symi_climate') {
+                    m.configA.address = parseInt(row.find('.symi-addr-a').val()) || 1;
+                } else {
+                    m.configA.sendOn = row.find('.custom-on-a').val();
+                    m.configA.sendOff = row.find('.custom-off-a').val();
+                    m.configA.recvOn = row.find('.custom-recv-on-a').val();
+                    m.configA.recvOff = row.find('.custom-recv-off-a').val();
+                }
+                
+                // B侧配置
+                if (m.protocolB === 'zhonghong') {
+                    m.configB.outdoorAddr = parseInt(row.find('.zh-outdoor-b').val()) || 1;
+                    m.configB.indoorAddr = parseInt(row.find('.zh-indoor-b').val()) || 1;
+                } else if (m.protocolB === 'symi_climate') {
+                    m.configB.address = parseInt(row.find('.symi-addr-b').val()) || 1;
+                } else {
+                    m.configB.sendOn = row.find('.custom-on-b').val();
+                    m.configB.sendOff = row.find('.custom-off-b').val();
+                    m.configB.recvOn = row.find('.custom-recv-on-b').val();
+                    m.configB.recvOff = row.find('.custom-recv-off-b').val();
+                }
+            }
+
+            // 添加映射按钮
+            $('#add-mapping-btn').on('click', function() {
+                mappings.push({
+                    protocolA: 'zhonghong',
+                    protocolB: 'symi_climate',
+                    configA: { outdoorAddr: 1, indoorAddr: 0 },
+                    configB: { address: 1 },
+                    showDetail: true
+                });
+                renderMappings();
+            });
+
+            renderMappings();
+
+            // 保存前收集所有配置
+            this.on('save', function() {
+                container.find('.mapping-row').each(function() {
+                    var idx = $(this).data('idx');
+                    saveConfigFromRow($(this), idx);
+                });
+            });
+        },
+        oneditsave: function() {
+            var mappings = [];
+            var container = $('#mapping-container');
+            container.find('.mapping-row').each(function() {
+                var row = $(this);
+                var idx = row.data('idx');
+                var m = {
+                    protocolA: row.find('.protocol-a').val(),
+                    protocolB: row.find('.protocol-b').val(),
+                    configA: {},
+                    configB: {}
+                };
+                
+                // A侧配置
+                if (m.protocolA === 'zhonghong') {
+                    m.configA.outdoorAddr = parseInt(row.find('.zh-outdoor-a').val()) || 1;
+                    m.configA.indoorAddr = parseInt(row.find('.zh-indoor-a').val()) || 1;
+                } else if (m.protocolA === 'symi_climate') {
+                    m.configA.address = parseInt(row.find('.symi-addr-a').val()) || 1;
+                } else {
+                    m.configA.sendOn = row.find('.custom-on-a').val();
+                    m.configA.sendOff = row.find('.custom-off-a').val();
+                    m.configA.recvOn = row.find('.custom-recv-on-a').val();
+                    m.configA.recvOff = row.find('.custom-recv-off-a').val();
+                }
+                
+                // B侧配置
+                if (m.protocolB === 'zhonghong') {
+                    m.configB.outdoorAddr = parseInt(row.find('.zh-outdoor-b').val()) || 1;
+                    m.configB.indoorAddr = parseInt(row.find('.zh-indoor-b').val()) || 1;
+                } else if (m.protocolB === 'symi_climate') {
+                    m.configB.address = parseInt(row.find('.symi-addr-b').val()) || 1;
+                } else {
+                    m.configB.sendOn = row.find('.custom-on-b').val();
+                    m.configB.sendOff = row.find('.custom-off-b').val();
+                    m.configB.recvOn = row.find('.custom-recv-on-b').val();
+                    m.configB.recvOff = row.find('.custom-recv-off-b').val();
+                }
+                
+                mappings.push(m);
+            });
+            this.mappings = JSON.stringify(mappings);
+        }
+    });
+</script>
+
+<script type="text/html" data-template-name="symi-rs485-sync">
+    <style>
+        #dialog-form { min-width: 650px; }
+        .mapping-row { background: #fff; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 10px; padding: 12px; }
+        .mapping-main { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+        .side-col { display: flex; align-items: center; gap: 8px; min-width: 200px; }
+        .side-col label { font-weight: bold; white-space: nowrap; font-size: 13px; }
+        .side-col select { min-width: 120px; padding: 4px 8px; }
+        .sync-icon { font-size: 20px; color: #666; padding: 0 10px; }
+        .actions-col { display: flex; gap: 6px; margin-left: auto; }
+        .detail-row { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #ccc; display: flex; gap: 20px; flex-wrap: wrap; }
+        .detail-side { flex: 1; min-width: 280px; background: #f5f5f5; padding: 12px; border-radius: 6px; }
+        .detail-side h5 { margin: 0 0 12px 0; color: #555; font-size: 13px; font-weight: bold; }
+        .config-group { display: flex; flex-wrap: wrap; gap: 10px; }
+        .config-item { display: flex; align-items: center; gap: 6px; }
+        .config-item.full { width: 100%; }
+        .config-item label { font-size: 12px; white-space: nowrap; min-width: 70px; color: #666; }
+        .config-item input[type="number"] { width: 70px; padding: 5px 8px; border: 1px solid #ccc; border-radius: 4px; }
+        .config-item input[type="text"] { width: 180px; padding: 5px 8px; border: 1px solid #ccc; border-radius: 4px; }
+        .custom-codes .config-item input { width: 100%; }
+        #add-mapping-btn { margin-top: 12px; }
+        #mapping-container { max-height: 400px; overflow-y: auto; }
+    </style>
+    
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> 名称</label>
+        <input type="text" id="node-input-name" placeholder="RS485同步">
+    </div>
+    
+    <div class="form-row">
+        <label for="node-input-rs485ConfigA"><i class="fa fa-plug"></i> RS485连接A</label>
+        <input type="text" id="node-input-rs485ConfigA">
+    </div>
+    
+    <div class="form-row">
+        <label for="node-input-rs485ConfigB"><i class="fa fa-plug"></i> RS485连接B</label>
+        <input type="text" id="node-input-rs485ConfigB">
+    </div>
+    
+    <div class="form-row">
+        <label for="node-input-enablePolling"><i class="fa fa-refresh"></i> 轮询设置</label>
+        <input type="checkbox" id="node-input-enablePolling" style="width:auto; margin-right:10px;">
+        <span>启用轮询</span>
+        <span style="margin-left:20px;">间隔:</span>
+        <input type="number" id="node-input-pollInterval" min="500" max="60000" step="100" style="width:80px; margin-left:5px;"> ms
+    </div>
+    
+    <div class="form-row">
+        <label style="width:100%;"><i class="fa fa-list"></i> 协议映射</label>
+    </div>
+    
+    <div id="mapping-container"></div>
+    
+    <button type="button" id="add-mapping-btn" class="red-ui-button"><i class="fa fa-plus"></i> 添加映射</button>
+</script>
+
+<script type="text/html" data-help-name="symi-rs485-sync">
+    <p>RS485协议同步节点 - 实现两种不同RS485协议之间的双向数据同步</p>
+    
+    <h3>功能</h3>
+    <ul>
+        <li>支持中弘VRF网关协议</li>
+        <li>支持SYMI空调面板协议</li>
+        <li>支持自定义码协议</li>
+        <li>双向状态同步，防止循环</li>
+    </ul>
+    
+    <h3>配置说明</h3>
+    <dl>
+        <dt>RS485连接A/B</dt>
+        <dd>分别选择两个不同的RS485配置节点，用于连接两种不同的设备</dd>
+        
+        <dt>协议映射</dt>
+        <dd>配置A侧设备与B侧设备之间的对应关系</dd>
+    </dl>
+    
+    <h3>中弘VRF参数</h3>
+    <ul>
+        <li><b>外机地址</b>: VRF外机地址</li>
+        <li><b>内机地址</b>: VRF内机地址</li>
+    </ul>
+    
+    <h3>轮询设置</h3>
+    <ul>
+        <li><b>启用轮询</b>: 开启后自动轮询中弘VRF设备状态</li>
+        <li><b>轮询间隔</b>: 轮询周期（默认1000ms）</li>
+    </ul>
+    
+    <h3>SYMI空调面板参数</h3>
+    <ul>
+        <li><b>设备地址</b>: SYMI空调面板的Modbus地址</li>
+    </ul>
+</script>