From ec16a5a4bf2520dab317ddbe46171246b096d1ad Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期三, 13 三月 2024 18:11:55 +0800 Subject: [PATCH] Stencil多图显示 --- web/src/views/modules/taskReliability/RBD-edit-img.vue | 25 +++++++++++++++---------- 1 files changed, 15 insertions(+), 10 deletions(-) diff --git a/web/src/views/modules/taskReliability/RBD-edit-img.vue b/web/src/views/modules/taskReliability/RBD-edit-img.vue index b3fe5d6..b9acbcf 100644 --- a/web/src/views/modules/taskReliability/RBD-edit-img.vue +++ b/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> -- Gitblit v1.9.1