var uid = new Date().getTime(); if (nodeList == "Nodes1") { var inputName = ['NAN'] var outputName = ['FLT', 'INT', 'STR'] var node1 = addNode('flow-panel', 'node1' + uid, 'Node1', { x: mx, y: my }, "#C3C3C3", 'Atomic data', 'bi-box'); addPorts(instance, node1, ['out1', 'out2', 'out3',], 'output', outputName); addPorts(instance, node1, ['in1'], 'input', inputName); instance.draggable($(node1), { containment: "#flow-panel" }); var oDiv1 = document.getElementById('node1' + uid) oDiv1.onclick = function (event) { var Input = document.getElementById("input_parameter") Input.value = "filepath" var Output = document.getElementById("output_parameter") Output.value = "x,y,feature_list" var nodeparameter = document.getElementById("node_parameter") nodeparameter.value = "NULL" } oDiv1.addEventListener('mouseover', function () { oDiv1.style.borderColor = "#70AD47"; }); oDiv1.addEventListener('mouseout', function () { oDiv1.style.borderColor = "#C3C3C3"; });

这段代码是用来创建一个节点的。首先，它生成一个唯一的ID。然后，它检查节点列表是否为"Nodes1"。如果是，它定义了输入和输出端口的名称。接下来，它调用addNode函数来创建节点，并为节点设置一些属性，如位置、颜色、类型和图标。然后，它调用addPorts函数来创建输入和输出端口，并将它们附加到节点上。接下来，它使节点可拖动，并在点击节点时设置一些参数值。最后，它添加了一些事件监听器，以便在鼠标悬停和离开节点时设置节点的边框颜色。