| | |
|---|
| | | // 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() |
|---|
| | | } |
|---|
| | |
|---|
| | | 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) { |
|---|
| | |
|---|
| | | } |
|---|
| | | }], |
|---|
| | | tools: { |
|---|
| | | name: 'vertices', |
|---|
| | | name: 'segments', |
|---|
| | | args: { |
|---|
| | | attrs: { fill: '#666' }, |
|---|
| | | }, |
|---|
| | |
|---|
| | | this.graph.on('edge:mouseenter', ({cell}) => { |
|---|
| | | // alert(123) |
|---|
| | | cell.addTools( |
|---|
| | | ['vertices', 'segments'] |
|---|
| | | ['segments'] |
|---|
| | | ) |
|---|
| | | }) |
|---|
| | | |
|---|
