Stencil多图显示

wente

2024-03-13 ec16a5a4bf2520dab317ddbe46171246b096d1ad

Stencil多图显示

 web/src/views/modules/taskReliability/RBD-edit-img.vue

@@ -496,28 +496,28 @@
            console.log(node.getData().imgWidth, node.getData().imgHeight, 'node.size()')
            return node.clone().size(width, height)
          },
        // 返回一个新的节点作为实际放置到画布上的节点
          title: '',
          target: this.graph,
          stencilGraphWidth: 230,
          stencilGraphHeight: 300,
          collapsable: false,
            stencilGraphWidth: 200,
            stencilGraphHeight: 280,
            collapsable: true,
          groups: [
            {
              title: '运算符号',
              name: 'group1',
              collapsable: false
            },
            {
              title: '设备节点',
              name: 'group2',
              collapsable: false
                graphHeight: '',
                layoutOptions: {
                    rowHeight: 90,
                },
            }
          ],
          layoutOptions: {
            columns: 2,
            columnWidth: 110,
            // rowHeight: 75,
            columnWidth: 105,
          },
        })
        document.getElementById('stencilImg').appendChild(stencil.container)
@@ -1055,10 +1055,15 @@
    position: relative;
    height: 100%;
  }

#stencilImg .x6-graph-svg-viewport{
    height: 100%;
}
  .x6-widget-stencil-content {
    position: relative;
    height: 100%;
  height: calc(100% - 32px);
}
#stencilImg .x6-widget-stencil.collapsable > .x6-widget-stencil-content{
    top:0
  }

</style>