线条拖动

wente

2024-03-19 64e66a21a9111bbd21c442f3657f098f96f7b4df

 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}) => {