node-red-contrib-symi-mesh 1.3.1 → 1.6.1

package/nodes/symi-485-bridge.html

@@ -0,0 +1,376 @@
+<script type="text/javascript">
+    RED.nodes.registerType('symi-rs485-bridge', {
+        category: 'Symi Mesh',
+        color: '#E9967A',
+        defaults: {
+            name: { value: '' },
+            gateway: { value: '', type: 'symi-gateway', required: true },
+            rs485Config: { value: '', type: 'symi-485-config', required: true },
+            mappings: { value: '[]' }
+        },
+        inputs: 1,
+        outputs: 1,
+        icon: 'bridge.png',
+        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 node = this;
+            var meshDevices = [];
+            var protocolData = {};
+            var mappings = [];
+            
+            // 设置编辑面板更宽
+            var panel = $('#dialog-form').parent();
+            if (panel.length && panel.width() < 920) {
+                panel.css('width', '900px');
+            }
+            
+            try { mappings = JSON.parse(node.mappings || '[]'); } catch(e) { mappings = []; }
+
+            // 加载Mesh设备 - 等待gateway选择框初始化完成
+            function loadMeshDevices(callback) {
+                var gatewayId = $('#node-input-gateway').val();
+                if (!gatewayId) { 
+                    meshDevices = []; 
+                    if (callback) callback(); 
+                    return; 
+                }
+                $.getJSON('/symi-rs485-bridge/mesh-devices/' + gatewayId)
+                    .done(function(devices) {
+                        meshDevices = devices || [];
+                        console.log('[RS485 Bridge] 加载Mesh设备:', meshDevices.length);
+                        if (callback) callback();
+                    })
+                    .fail(function() {
+                        meshDevices = [];
+                        if (callback) callback();
+                    });
+            }
+
+            // 加载协议模板
+            $.getJSON('/symi-rs485-bridge/protocols', function(data) {
+                protocolData = data || { brands: {} };
+                // 延迟加载设备，确保gateway选择框已初始化
+                setTimeout(function() {
+                    loadMeshDevices(renderMappings);
+                }, 300);
+            });
+
+            $('#node-input-gateway').on('change', function() {
+                setTimeout(function() {
+                    loadMeshDevices(renderMappings);
+                }, 100);
+            });
+
+            // 获取RS485设备按键数
+            function getDeviceChannels(brandId, deviceId) {
+                if (!brandId || !deviceId || !protocolData.brands) return 1;
+                var brand = protocolData.brands[brandId];
+                if (!brand || !brand.devices) return 1;
+                var device = brand.devices[deviceId];
+                if (!device) return 1;
+                // 直接使用channels属性
+                return device.channels || 1;
+            }
+
+            // 构建Mesh设备选项（不包含按键，按键单独选择）
+            function getMeshOptions(selectedMac) {
+                var html = '<option value="">-- 选择 --</option>';
+                meshDevices.forEach(function(d) {
+                    var selected = (d.mac === selectedMac) ? ' selected' : '';
+                    html += '<option value="' + d.mac + '" data-channels="' + (d.channels || 1) + '"' + selected + '>' + d.name + '</option>';
+                });
+                return html;
+            }
+
+            // 构建Mesh按键选项（仅当开关设备时显示）
+            function getMeshChannelOptions(mac, selectedChannel) {
+                var device = meshDevices.find(function(d) { return d.mac === mac; });
+                var channels = device ? (device.channels || 1) : 0;
+                if (channels <= 1) return '';
+                var html = '<select class="mesh-channel">';
+                for (var i = 1; i <= channels; i++) {
+                    var sel = (i == selectedChannel) ? ' selected' : '';
+                    html += '<option value="' + i + '"' + sel + '>第' + i + '路</option>';
+                }
+                html += '</select>';
+                return html;
+            }
+
+            // 获取Mesh设备的按键数
+            function getMeshDeviceChannels(mac) {
+                var device = meshDevices.find(function(d) { return d.mac === mac; });
+                return device ? (device.channels || 1) : 1;
+            }
+
+            // 构建品牌选项
+            function getBrandOptions(selected) {
+                var html = '<option value="">-- 品牌 --</option>';
+                if (protocolData.brands) {
+                    Object.keys(protocolData.brands).forEach(function(brandId) {
+                        var sel = (brandId === selected) ? ' selected' : '';
+                        html += '<option value="' + brandId + '"' + sel + '>' + protocolData.brands[brandId].name + '</option>';
+                    });
+                }
+                return html;
+            }
+
+            // 构建设备类型选项
+            function getDeviceOptions(brandId, selected) {
+                var html = '<option value="">-- 类型 --</option>';
+                if (brandId && protocolData.brands && protocolData.brands[brandId]) {
+                    var devices = protocolData.brands[brandId].devices;
+                    Object.keys(devices).forEach(function(deviceId) {
+                        var sel = (deviceId === selected) ? ' selected' : '';
+                        html += '<option value="' + deviceId + '"' + sel + '>' + devices[deviceId].name + '</option>';
+                    });
+                }
+                return html;
+            }
+
+            // 构建RS485按键选项
+            function getRS485ChannelOptions(brandId, deviceId, selected) {
+                var channels = getDeviceChannels(brandId, deviceId);
+                if (channels <= 1) return '';
+                var html = '<select class="rs485-channel">';
+                for (var i = 1; i <= channels; i++) {
+                    var sel = (i == selected) ? ' selected' : '';
+                    html += '<option value="' + i + '"' + sel + '>第' + i + '路</option>';
+                }
+                html += '</select>';
+                return html;
+            }
+
+            // 渲染映射列表
+            function renderMappings() {
+                var container = $('#mapping-list');
+                container.empty();
+                
+                if (mappings.length === 0) {
+                    container.append('<div class="mapping-empty">暂无映射，点击下方按钮添加</div>');
+                    return;
+                }
+
+                mappings.forEach(function(m, idx) {
+                    var row = $('<div class="mapping-row" data-idx="' + idx + '"></div>');
+                    row.html(
+                        '<div class="mesh-col">' +
+                        '  <select class="mesh-select">' + getMeshOptions(m.meshMac) + '</select>' +
+                        '  <span class="mesh-ch-wrap">' + getMeshChannelOptions(m.meshMac, m.meshChannel || 1) + '</span>' +
+                        '</div>' +
+                        '<div class="arrow-col"><i class="fa fa-arrows-h"></i></div>' +
+                        '<div class="brand-col">' +
+                        '  <select class="brand-select">' + getBrandOptions(m.brand) + '</select>' +
+                        '</div>' +
+                        '<div class="device-col">' +
+                        '  <select class="device-select">' + getDeviceOptions(m.brand, m.device) + '</select>' +
+                        '  <span class="rs485-ch-wrap">' + getRS485ChannelOptions(m.brand, m.device, m.rs485Channel || 1) + '</span>' +
+                        '</div>' +
+                        '<div class="addr-col">' +
+                        '  <input type="number" class="addr-input" value="' + (m.address || 1) + '" min="1" max="255" title="Modbus地址">' +
+                        '</div>' +
+                        '<div class="del-col"><button type="button" class="red-ui-button red-ui-button-small btn-remove" title="删除"><i class="fa fa-times"></i></button></div>'
+                    );
+                    container.append(row);
+                });
+
+                bindEvents();
+            }
+
+            // 绑定事件
+            function bindEvents() {
+                var container = $('#mapping-list');
+                
+                container.find('.brand-select').off('change').on('change', function() {
+                    var row = $(this).closest('.mapping-row');
+                    var idx = row.data('idx');
+                    var brandId = $(this).val();
+                    row.find('.device-select').html(getDeviceOptions(brandId, ''));
+                    row.find('.rs485-ch-wrap').empty();
+                    mappings[idx].brand = brandId;
+                    mappings[idx].device = '';
+                    mappings[idx].rs485Channel = 1;
+                });
+
+                container.find('.device-select').off('change').on('change', function() {
+                    var row = $(this).closest('.mapping-row');
+                    var idx = row.data('idx');
+                    var deviceId = $(this).val();
+                    var brandId = row.find('.brand-select').val();
+                    mappings[idx].device = deviceId;
+                    // 更新RS485按键选择
+                    row.find('.rs485-ch-wrap').html(getRS485ChannelOptions(brandId, deviceId, 1));
+                    mappings[idx].rs485Channel = 1;
+                    bindEvents(); // 重新绑定新添加的元素事件
+                });
+
+                container.find('.rs485-channel').off('change').on('change', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    mappings[idx].rs485Channel = parseInt($(this).val()) || 1;
+                });
+
+                container.find('.mesh-select').off('change').on('change', function() {
+                    var row = $(this).closest('.mapping-row');
+                    var idx = row.data('idx');
+                    var mac = $(this).val();
+                    mappings[idx].meshMac = mac || '';
+                    mappings[idx].meshChannel = 1;
+                    // 更新Mesh按键选择器
+                    row.find('.mesh-ch-wrap').html(getMeshChannelOptions(mac, 1));
+                    bindEvents(); // 重新绑定新元素事件
+                });
+
+                container.find('.mesh-channel').off('change').on('change', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    mappings[idx].meshChannel = parseInt($(this).val()) || 1;
+                });
+
+                container.find('.addr-input').off('change').on('change', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    mappings[idx].address = parseInt($(this).val()) || 1;
+                });
+
+                container.find('.btn-remove').off('click').on('click', function() {
+                    var idx = $(this).closest('.mapping-row').data('idx');
+                    mappings.splice(idx, 1);
+                    renderMappings();
+                });
+            }
+
+            // 添加新映射
+            $('#btn-add-mapping').on('click', function() {
+                mappings.push({ meshMac: '', meshChannel: 0, brand: '', device: '', address: 1, rs485Channel: 1 });
+                renderMappings();
+            });
+
+            // 初始渲染
+            renderMappings();
+        },
+        oneditsave: function() {
+            var mappings = [];
+            $('#mapping-list .mapping-row').each(function() {
+                mappings.push({
+                    meshMac: $(this).find('.mesh-select').val() || '',
+                    meshChannel: parseInt($(this).find('.mesh-channel').val()) || 1,
+                    brand: $(this).find('.brand-select').val() || '',
+                    device: $(this).find('.device-select').val() || '',
+                    address: parseInt($(this).find('.addr-input').val()) || 1,
+                    rs485Channel: parseInt($(this).find('.rs485-channel').val()) || 1
+                });
+            });
+            this.mappings = JSON.stringify(mappings);
+        }
+    });
+</script>
+
+<script type="text/html" data-template-name="symi-rs485-bridge">
+    <style>
+        .bridge-section { margin: 12px 0; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background: #fafafa; }
+        .bridge-section h4 { margin: 0 0 10px 0; padding-bottom: 6px; border-bottom: 1px solid #eee; color: #333; font-size: 13px; }
+        .bridge-section h4 i { margin-right: 6px; color: #666; }
+        
+        #mapping-list { max-height: calc(100vh - 380px); min-height: 200px; overflow-y: auto; }
+        .mapping-empty { padding: 15px; text-align: center; color: #999; font-size: 12px; }
+        .mapping-row { display: flex; align-items: center; padding: 6px 8px; margin-bottom: 6px; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; gap: 6px; }
+        .mesh-col { flex: 0 0 25%; display: flex; gap: 4px; }
+        .mesh-col .mesh-select { flex: 1; padding: 4px; border: 1px solid #81c784; border-radius: 3px; background: #e8f5e9; font-size: 12px; }
+        .mesh-col .mesh-channel { width: 58px; padding: 4px; border: 1px solid #81c784; border-radius: 3px; background: #c8e6c9; font-size: 11px; font-weight: bold; }
+        .arrow-col { flex: 0 0 20px; text-align: center; color: #999; }
+        .brand-col { flex: 0 0 14%; }
+        .brand-col select { width: 100%; padding: 4px; border: 1px solid #64b5f6; border-radius: 3px; background: #e3f2fd; font-size: 12px; }
+        .device-col { flex: 0 0 28%; display: flex; gap: 4px; }
+        .device-col select { padding: 4px; border: 1px solid #64b5f6; border-radius: 3px; background: #e3f2fd; font-size: 12px; }
+        .device-col .device-select { flex: 1; }
+        .device-col .rs485-channel { width: 58px; background: #bbdefb; font-size: 11px; font-weight: bold; }
+        .addr-col { flex: 0 0 50px; }
+        .addr-col input { width: 100%; padding: 4px; border: 1px solid #ccc; border-radius: 3px; text-align: center; font-size: 12px; }
+        .del-col { flex: 0 0 32px; text-align: center; }
+        .btn-remove { color: #d32f2f !important; padding: 2px 6px !important; }
+        .form-tips { font-size: 11px; }
+        .form-tips p { margin: 3px 0; }
+    </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="如：客厅设备同步">
+    </div>
+
+    <div class="bridge-section">
+        <h4><i class="fa fa-cog"></i> 基本配置</h4>
+        <div class="form-row">
+            <label for="node-input-gateway"><i class="fa fa-server"></i> Mesh网关</label>
+            <input type="text" id="node-input-gateway">
+        </div>
+        <div class="form-row">
+            <label for="node-input-rs485Config"><i class="fa fa-plug"></i> RS485连接</label>
+            <input type="text" id="node-input-rs485Config">
+        </div>
+    </div>
+
+    <div class="bridge-section">
+        <h4><i class="fa fa-exchange"></i> 实体映射（Mesh ↔ RS485）</h4>
+        <div style="display:flex; padding:4px 8px; font-size:11px; color:#666; border-bottom:1px solid #eee; margin-bottom:6px; gap:6px;">
+            <span style="flex:0 0 24%">Mesh实体/按键</span>
+            <span style="flex:0 0 20px"></span>
+            <span style="flex:0 0 14%">品牌</span>
+            <span style="flex:0 0 28%">类型/按键</span>
+            <span style="flex:0 0 50px">地址</span>
+        </div>
+        <div id="mapping-list"></div>
+        <button type="button" id="btn-add-mapping" class="red-ui-button" style="margin-top:8px; width:100%">
+            <i class="fa fa-plus"></i> 添加映射
+        </button>
+    </div>
+
+    <div class="form-tips" style="margin-top: 10px;">
+        <p><b>提示：</b>开关设备需要分别选择Mesh和RS485的按键，可自由配置对应关系（如Mesh第3路 ↔ RS485第1路）</p>
+    </div>
+</script>
+
+<script type="text/html" data-help-name="symi-rs485-bridge">
+    <p>Mesh与RS485设备双向同步桥接节点</p>
+    
+    <h3>功能特点</h3>
+    <ul>
+        <li>单节点管理多个实体映射</li>
+        <li>事件驱动同步（非轮询）</li>
+        <li>命令队列顺序处理</li>
+        <li>防循环保护机制</li>
+        <li>断电重启自动恢复</li>
+        <li>支持多个桥接节点共享同一Mesh网关</li>
+        <li>输出端口可连接debug节点查看通信数据</li>
+    </ul>
+    
+    <h3>配置说明</h3>
+    <dl>
+        <dt>Mesh网关</dt><dd>选择Symi Mesh网关节点（可多个桥接节点共享）</dd>
+        <dt>RS485连接</dt><dd>选择RS485连接配置（不同TCP端口独立配置）</dd>
+        <dt>实体映射</dt><dd>配置Mesh与RS485实体的对应关系</dd>
+    </dl>
+    
+    <h3>输入</h3>
+    <p>支持手动发送Modbus帧或触发同步：</p>
+    <pre>msg.payload = { hex: "01 06 10 31 00 01" }  // 发送十六进制帧</pre>
+    <pre>msg.payload = { sync: "mesh-to-rs485", mac: "xxx", state: {...} }</pre>
+    
+    <h3>输出</h3>
+    <p>输出RS485通信数据供调试：</p>
+    <dl>
+        <dt>topic</dt><dd>rs485-bridge/rx 或 rs485-bridge/tx</dd>
+        <dt>payload</dt><dd>包含方向、从机地址、功能码、十六进制数据</dd>
+    </dl>
+    
+    <h3>同步规则</h3>
+    <ul>
+        <li>只同步双方都支持的功能点</li>
+        <li>开关协议：按键0x1031-0x1036，指示灯0x1021-0x1026</li>
+        <li>开关设备需指定具体按键</li>
+    </ul>
+</script>