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 | 31 +++++++++++++++++++++++--------
1 files changed, 23 insertions(+), 8 deletions(-)
diff --git a/web/src/views/modules/taskReliability/RBD-edit-img.vue b/web/src/views/modules/taskReliability/RBD-edit-img.vue
index 5b240b8..71b9059 100644
--- a/web/src/views/modules/taskReliability/RBD-edit-img.vue
+++ b/web/src/views/modules/taskReliability/RBD-edit-img.vue
@@ -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) {
@@ -452,7 +453,7 @@
}
}],
tools: {
- name: 'vertices',
+ name: 'segments',
args: {
attrs: { fill: '#666' },
},
@@ -809,9 +810,23 @@
this.graph.on('edge:mouseenter', ({cell}) => {
// alert(123)
- cell.addTools(
- ['vertices', 'segments']
- )
+ cell.addTools([
+ {
+ name: 'source-arrowhead',
+ },
+ {
+ name: 'target-arrowhead',
+ args: {
+ attrs: {
+ fill: 'red',
+ },
+ },
+ },
+ {
+ name: 'segments',
+ args: {snapRadius: 20, attrs: {fill: '#444'}}
+ },
+ ])
})
this.graph.on('edge:mouseleave', ({cell}) => {
--
Gitblit v1.9.1