From 64e66a21a9111bbd21c442f3657f098f96f7b4df Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期二, 19 三月 2024 09:01:20 +0800 Subject: [PATCH] 线条拖动 --- web/src/views/modules/taskReliability/RBD-edit-img.vue | 57 +++++++++++++++++++++++++++++++-------------------------- 1 files changed, 31 insertions(+), 26 deletions(-) diff --git a/web/src/views/modules/taskReliability/RBD-edit-img.vue b/web/src/views/modules/taskReliability/RBD-edit-img.vue index b9acbcf..71b9059 100644 --- a/web/src/views/modules/taskReliability/RBD-edit-img.vue +++ b/web/src/views/modules/taskReliability/RBD-edit-img.vue @@ -184,7 +184,7 @@ id: '', graph: null, globalGridAttr: { - voteSum: '', + voteNum: '', repairMttcr: '', repairMttcrOther: '', repairDistribType: '', @@ -346,8 +346,9 @@ // console.log(this.dataForm.content,'this.Diagram content') console.log(this.diagramJson, 'this.Diagram json') this.graph.fromJSON(this.diagramJson) - this.graph.centerContent() - this.graph.zoomToFit() + this.graph.positionContent('left') + // this.graph.centerContent() + // this.graph.zoomToFit() } else { await this.clearDiagram() } @@ -356,8 +357,8 @@ this.dataForm.id = null // this.graph.fromJSON(this.emptyJson) this.graph.fromJSON('') - this.graph.centerContent() - this.graph.zoomToFit() + // this.graph.centerContent() + // this.graph.zoomToFit() // this.graph.freeze() }, async initDigram(productId) { @@ -372,15 +373,16 @@ grid: { visible: true, }, - onToolItemCreated({tool}) { - const handle = tool - const options = handle.options - if (options && options.index % 2 === 1) { - tool.setAttrs({fill: 'red'}) - } - }, autoResize: true, - history: true, + history: { + enabled: true, + beforeAddCommand(event, args) { + if (args.key==='tools') { + console.log(args.key,'event, args') + return false + } + }, + }, // panning: { // enabled: true, // }, @@ -450,6 +452,12 @@ } } }], + tools: { + name: 'segments', + args: { + attrs: { fill: '#666' }, + }, + }, zIndex: 0, }) }, @@ -532,7 +540,8 @@ data: { dataId: '', nodeType: item.nodeType, - nodeTypeExt: '' + nodeTypeExt: '', + voteNum:'' }, attrs: { text: { @@ -564,7 +573,7 @@ width: 60, height: 60, data: { - isRepair: false, + isRepair: item.isRepair, dataId: item.dataId, nodeType: item.nodeType, nodeTypeExt: item.nodeTypeExt, @@ -576,9 +585,9 @@ repairMttcrOther: item.repairMttcrOther, taskMtbcf: item.taskMtbcf, taskMtbcfOther: item.taskMtbcfOther, - voteSum: '', imgHeight: item.imgHeight, - imgWidth: item.imgWidth + imgWidth: item.imgWidth, + voteNum:'', }, attrs: { text: { @@ -799,7 +808,7 @@ this.showPorts(ports, false) }) - this.graph.on('edge:mouseenter', ({cell, view}) => { + this.graph.on('edge:mouseenter', ({cell}) => { // alert(123) cell.addTools([ { @@ -813,15 +822,11 @@ }, }, }, - ]) - cell.addTools( - [ { - name: 'segments', - args: {snapRadius: 20, attrs: {fill: '#444'}} - } - ] - ) + name: 'segments', + args: {snapRadius: 20, attrs: {fill: '#444'}} + }, + ]) }) this.graph.on('edge:mouseleave', ({cell}) => { -- Gitblit v1.9.1