From 027f2fdeaab775c235791cd520d96a47edb23a98 Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期六, 12 十月 2024 11:56:25 +0800
Subject: [PATCH] 时序图缩略图
---
web/src/views/modules/taskReliability/RBD-edit-img.vue | 470 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 243 insertions(+), 227 deletions(-)
diff --git a/web/src/views/modules/taskReliability/RBD-edit-img.vue b/web/src/views/modules/taskReliability/RBD-edit-img.vue
index 67c368e..b92bdab 100644
--- a/web/src/views/modules/taskReliability/RBD-edit-img.vue
+++ b/web/src/views/modules/taskReliability/RBD-edit-img.vue
@@ -109,7 +109,7 @@
"text": {
"refY": "100%",
"textVerticalAnchor": "top",
- "text": "start",
+ "text": "",
"refY2": 4
},
"image": {
@@ -232,7 +232,7 @@
"text": {
"refY": "100%",
"textVerticalAnchor": "top",
- "text": "dashedBox",
+ "text": "",
"refY2": 4
},
"image": {
@@ -260,7 +260,7 @@
"r": 4,
"magnet": true,
"stroke": "#5F95FF",
- "strokeWidth": 1,
+
"fill": "#fff",
"style": {
"visibility": "hidden"
@@ -354,7 +354,7 @@
"text": {
"refY": "100%",
"textVerticalAnchor": "top",
- "text": "end",
+ "text": "",
"refY2": 4
},
"image": {
@@ -469,46 +469,42 @@
"id": "66c81c68-0827-4a3c-8343-e2c453d3e9e7",
"router": {
"name": "manhattan",
- args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
- },
+ "args": {
+ "startDirections": ["right"],
+ "endDirections": ["left"]
+ }
},
"connector": {
"name": "rounded"
},
"source": {
- "cell": "10000",
- "port": "right1"
+ "cell": "10000"
},
"target": {
- "cell": 15000,
- "port": "left1"
+ "cell": 15000
},
- "zIndex": 4
+ "zIndex": -1
},
{
"shape": "edge",
"id": "a0f3cf90-6d37-4ee0-a254-90b4ec2b6a7f",
"router": {
"name": "manhattan",
- args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
- },
+ "args": {
+ "startDirections": ["right"],
+ "endDirections": ["left"]
+ }
},
"connector": {
"name": "rounded"
},
"source": {
- "cell": 15000,
- "port": "right1"
+ "cell": 15000
},
"target": {
- "cell": "20000",
- "port": "left1"
+ "cell": "20000"
},
- "zIndex": 5
+ "zIndex": -1
}
]
}
@@ -531,19 +527,19 @@
timer: null,
imagesList: [
{
- imgPath: 'parallel',
- imgName: 'parallel',
- nodeType: 'parallel',
+ imgPath: 'switch',
+ imgName: '',
+ nodeType: 'switch',
imgWidth: 50,
imgHeight: 50,
imgId: '9',
data: {}
},
- {imgPath: 'vote', imgName: 'vote', nodeType: 'vote', imgWidth: 50, imgHeight: 50, imgId: '6', data: {}},
+ {imgPath: 'vote', imgName: '', nodeType: 'vote', imgWidth: 50, imgHeight: 50, imgId: '6', data: {}},
{
- imgPath: 'switch',
- imgName: 'switch',
- nodeType: 'switch',
+ imgPath: 'parallel',
+ imgName: '',
+ nodeType: 'parallel',
imgWidth: 50,
imgHeight: 50,
imgId: '5',
@@ -551,22 +547,13 @@
},
{
imgPath: 'bridgeConnection',
- imgName: 'bridgeConnection',
+ imgName: '',
nodeType: 'bridgeConnection',
imgWidth: 50,
imgHeight: 50,
imgId: '10',
data: {}
},
- // {
- // imgPath: 'dashedBox',
- // imgName: 'dashedBox',
- // nodeType: 'dashedBox',
- // imgWidth: 60,
- // imgHeight: 60,
- // imgId: '10000',
- // data: {}
- // },
],
imagesList2: [],
nodeType: '',
@@ -628,7 +615,7 @@
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
+ startDirections: ['top', 'bottom'], // 浠庝笅鏂瑰紑濮�
endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
},
},
@@ -835,7 +822,7 @@
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
+ startDirections: ['top', 'bottom'], // 浠庝笅鏂瑰紑濮�
endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
},
},
@@ -1268,57 +1255,57 @@
})
})
- this.graph.on('node:mouseenter', ({node}) => {
- const container = document.getElementById('containerImg')
- const ports = container.querySelectorAll(
- '.x6-port-body',
- )
- this.showPorts(ports, true)
- })
+ // this.graph.on('node:mouseenter', ({node}) => {
+ // const container = document.getElementById('containerImg')
+ // const ports = container.querySelectorAll(
+ // '.x6-port-body',
+ // )
+ // this.showPorts(ports, true)
+ // })
- this.graph.on('node:mouseleave', ({node}) => {
- // if (node.hasTool('button-remove')) {
- // node.removeTool('button-remove')
- // }
- const container = document.getElementById('containerImg')
- const ports = container.querySelectorAll(
- '.x6-port-body',
- )
- this.showPorts(ports, false)
- })
+ // this.graph.on('node:mouseleave', ({node}) => {
+ // // if (node.hasTool('button-remove')) {
+ // // node.removeTool('button-remove')
+ // // }
+ // const container = document.getElementById('containerImg')
+ // const ports = container.querySelectorAll(
+ // '.x6-port-body',
+ // )
+ // this.showPorts(ports, false)
+ // })
- this.graph.on('edge:mouseenter', ({cell}) => {
- // alert(123)
- 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}) => {
- cell.removeTools()
- })
+ // this.graph.on('edge:mouseenter', ({cell}) => {
+ // // alert(123)
+ // 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}) => {
+ // cell.removeTools()
+ // })
await this.getDiagram(this.dataForm.id)
},
- showPorts(ports, show) {
- for (let i = 0, len = ports.length; i < len; i = i + 1) {
- ports[i].style.visibility = show ? 'visible' : 'hidden'
- }
- },
+ // showPorts(ports, show) {
+ // for (let i = 0, len = ports.length; i < len; i = i + 1) {
+ // ports[i].style.visibility = show ? 'visible' : 'hidden'
+ // }
+ // },
reset() {
this.graph.drawBackground({color: '#fff'})
const nodes = this.graph.getNodes()
@@ -1708,11 +1695,6 @@
centerX = graphNode.position().x + graphNode.getBBox().width / 2
centerY = graphNode.position().y + graphNode.getBBox().height / 2
let result = this.addNodeAndConnect(graphNode, dragNode, centerX, centerY)
- if (!result) {
- dragNode.remove()
- this.$message({message: '娌℃湁瓒冲鐨勭┖闂存斁缃鑺傜偣锛岃鎵╁ぇ鍓╀綑绌洪棿', type: 'warning'})
- return
- }
let startPort = 'right1'
let endPort = 'left1'
@@ -1721,9 +1703,13 @@
endPort = 'top1'
}
- inEdges[0].target = {cell: result.newStartNode.id, port: endPort}
- outEdges[0].source = {cell: result.newEndNode.id, port: startPort}
+ inEdges[0].target = {cell: result.newStartNode.id}
+ outEdges[0].source = {cell: result.newEndNode.id}
graphNode.remove()
+ if (!result.canPlace) {
+//璋冪敤鑷姩鎺掔増
+ this.layoutDiagram()
+ }
}
} else { //骞惰缁撴瀯
const graphNodeStartNodeId = graphNode.getData().startNodeId // 鑾峰彇鐢诲竷涓婂師鏈夎妭鐐圭殑寮�濮婭D
@@ -1748,35 +1734,37 @@
pointXY.maxY + offHeight / 2 + 30 : pointXY.minY - offHeight / 2 - 30
let result = this.addNodeAndConnect(null, dragNode, minX, centerY)
- if (!result) {
- dragNode.remove()
- this.$message({message: '娌℃湁瓒冲鐨勭┖闂存斁缃鑺傜偣锛岃鎵╁ぇ鍓╀綑绌洪棿', type: 'warning'})
- return
+ console.log(result, 'result111')
+ this.graph.addEdge({
+ source: {cell: graphNodeStartNode},
+ target: {cell: result.newStartNode},
+ router: {
+ name: 'manhattan',
+ args: {
+ startDirections: ['top', 'bottom'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ },
+ },
+ connector: {name: 'rounded'},
+ zIndex: -1
+ })
+ this.graph.addEdge({
+ source: {cell: result.newEndNode},
+ target: {cell: graphNode},
+ router: {
+ name: 'manhattan',
+ args: {
+ startDirections: ['right'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['top', 'bottom'], // 鍚戝乏鏂圭粨鏉�
+ },
+ },
+ connector: {name: 'rounded'},
+ zIndex: -1
+ })
+ if (!result.canPlace) {
+//璋冪敤鑷姩鎺掔増
+ this.layoutDiagram()
}
- this.graph.addEdge({
- source: {cell: graphNodeStartNode, port: 'right1'},
- target: {cell: result.newStartNode, port: 'left1'},
- router: {
- name: 'manhattan',
- args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
- },
- },
- connector: {name: 'rounded'}
- })
- this.graph.addEdge({
- source: {cell: result.newEndNode, port: 'right1'},
- target: {cell: graphNode, port: 'left1'},
- router: {
- name: 'manhattan',
- args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
- },
- },
- connector: {name: 'rounded'}
- })
}
},
addNodeAndConnect(targetNode, dragNode, centerX, centerY) { // graphCell鏄敾甯冧笂鍘熸湁鐨勮妭鐐广�俤ragNode鏄綋鍓嶆嫋鎷界殑鑺傜偣
@@ -1800,17 +1788,24 @@
}
leftTopX = centerX - width / 2
leftTopY = centerY - height / 2
+ let canPlace = true;
if (!this.canPlace(targetNode, dragNode, {leftTopX, leftTopY, width, height})) {
- return false
+ canPlace = false
}
if (dragNodeType === 'node' || dragNodeType === 'dashedBox') {
dragNode.position(leftTopX, leftTopY)
- return {newStartNode: dragNode, newEndNode: dragNode}
+ return {newStartNode: dragNode, newEndNode: dragNode, canPlace: canPlace}
} else if (dragNodeType === 'bridgeConnection') {
- return this.createBridgeConnection(leftTopX, leftTopY, dragNode)
+ return {
+ ...this.createBridgeConnection(leftTopX, leftTopY, dragNode),
+ ...{canPlace: canPlace}
+ }
} else {
- return this.createParallelBrach(leftTopX, centerY, dragNode)
+ return {
+ ...this.createParallelBrach(leftTopX, centerY, dragNode),
+ ...{canPlace: canPlace}
+ }
}
},
// 鐩镐氦鐨勮竟
@@ -1831,7 +1826,7 @@
} else {
centerX = dragNode.position().x + dragNode.getBBox().width / 2
centerY = source.position().y + source.getBBox().height / 2
- if (target.getData().nodeType === 'node') {
+ if (target.getData().nodeType === 'node' || target.getData().nodeType === 'dashedBox') {
centerY = target.position().y + target.getBBox().height / 2
}
}
@@ -1842,14 +1837,14 @@
let endNode = this.graph.getCellById(endNodeId)
if (startNode && endNode) {
- let isRight = true;
- let startPort = 'right1'
- let endPort = 'left1'
+ let routerStart = ['right'];
+ let routerEnd = ['left'];
if (this.isTopBottom(graphEdge)) {
- startPort = 'bottom1'
- endPort = 'top1'
+ routerStart = ['top', 'bottom'];
+ routerEnd = ['top', 'bottom'];
}
+ let isRight = true;
if (this.hasOtherLineToMyLine(graphEdge.id)) {
let leftX = startNode.position().x + startNode.getBBox().width
let rightX = endNode.position().x
@@ -1858,41 +1853,48 @@
isRight = false
}
}
-
- let result = this.addNodeAndConnect(null, dragNode, centerX, centerY)
- if (!result) {
- dragNode.remove()
- this.$message({message: '娌℃湁瓒冲鐨勭┖闂存斁缃鑺傜偣锛岃鎵╁ぇ鍓╀綑绌洪棿', type: 'warning'})
- return
- }
if (isRight) {
- graphEdge.target = {cell: result.newStartNode.id, port: endPort}
+ if (endNode.getData()) {
+ if ("parallel,vote,bridge".indexOf(endNode.getData().nodeType) > -1) {
+ isRight = false
+ }
+ }
+ }
+ let result = this.addNodeAndConnect(null, dragNode, centerX, centerY)
+
+ if (isRight) {
+ graphEdge.target = {cell: result.newStartNode.id}
this.graph.addEdge({
- source: {cell: result.newEndNode, port: startPort},
- target: {cell: endNode, port: endPort},
+ source: {cell: result.newEndNode},
+ target: {cell: endNode},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: routerStart, // 浠庝笅鏂瑰紑濮�
+ endDirections: routerEnd, // 鍚戝乏鏂圭粨鏉�
},
},
- connector: {name: 'rounded'}
+ connector: {name: 'rounded'},
+ zIndex: -1
})
} else {
this.graph.addEdge({
- source: {cell: startNode, port: startPort},
- target: {cell: result.newStartNode, port: endPort},
+ source: {cell: startNode},
+ target: {cell: result.newStartNode},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: routerStart, // 浠庝笅鏂瑰紑濮�
+ endDirections: routerEnd, // 鍚戝乏鏂圭粨鏉�
},
},
- connector: {name: 'rounded'}
+ connector: {name: 'rounded'},
+ zIndex: -1
})
- graphEdge.source = {cell: result.newEndNode.id, port: startPort}
+ graphEdge.source = {cell: result.newEndNode.id}
+ }
+ if (!result.canPlace) {
+ this.layoutDiagram()
}
// graphEdge.remove()
}
@@ -1924,12 +1926,18 @@
createParallelBrach(x, y, dragNode) {
dragNode.position(x + 320, y - dragNode.size().height / 2)
const connectNode = this.createConnectNode(x + 50, y)
+ this.createBrach(dragNode,connectNode,x,y-50)
+ this.createBrach(dragNode,connectNode,x,y+50)
+
+ return {newStartNode: connectNode, newEndNode: dragNode}
+ },
+ createBrach(dragNode,connectNode,x,y){
const dashedBox = this.createDashedBox(x + 150, y)
dragNode.setData({startNodeId: connectNode.id})
this.graph.addEdge({
- source: {cell: connectNode, port: 'right1'},
- target: {cell: dashedBox, port: 'left1'},
+ source: {cell: connectNode},
+ target: {cell: dashedBox},
router: {
name: 'manhattan',
args: {
@@ -1937,33 +1945,22 @@
endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
},
},
- connector: {name: 'rounded'}
+ connector: {name: 'rounded'},
+ zIndex: -1
})
this.graph.addEdge({
- source: {cell: dashedBox, port: 'right1'},
- target: {cell: dragNode, port: 'left1'},
+ source: {cell: dashedBox},
+ target: {cell: dragNode},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: ['right'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['top','bottom'], // 鍚戝乏鏂圭粨鏉�
},
},
- connector: {name: 'rounded'}
+ connector: {name: 'rounded'},
+ zIndex: -1
})
- return {newStartNode: connectNode, newEndNode: dragNode}
- /* this.graph.addEdge({
- source: {cell: startNode, port: 'right1'},
- target: {cell: connectNode, port: 'left1'},
- router: {name: 'manhattan'},
- connector: {name: 'rounded'}
- })
- this.graph.addEdge({
- source: {cell: dragNode, port: 'right1'},
- target: {cell: endNode, port: 'left1'},
- router: {name: 'manhattan'},
- connector: {name: 'rounded'}
- })*/
},
createBridgeConnection(x, y, dragNode) {
console.log(x, y, 'leftX centerY')
@@ -1972,10 +1969,36 @@
const leftConnectNode = this.createConnectNode(x, y + 87)
const alignCenterDashedBox = this.createDashedBox(x + 209, y + 87)
- const rightConnectNode = this.createBridgeNode(x + 530, y + 87)
-
const leftBottomDashedBox = this.createDashedBox(x + 40, y + 160)
const rightBottomDashedBox = this.createDashedBox(x + 380, y + 160)
+ let edgeTop = this.graph.addEdge({
+ source: {cell: leftTopDashedBox},
+ target: {cell: rightTopDashedBox},
+ router: {
+ name: 'manhattan',
+ args: {
+ startDirections: ['right'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ },
+ },
+ connector: {name: 'rounded'},
+ zIndex: -1
+ })
+ let edgeBottom = this.graph.addEdge({
+ source: {cell: leftBottomDashedBox},
+ target: {cell: rightBottomDashedBox},
+ router: {
+ name: 'manhattan',
+ args: {
+ startDirections: ['right'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ },
+ },
+ connector: {name: 'rounded'},
+ zIndex: -1
+ })
+
+ const rightConnectNode = this.createBridgeNode(x + 530, y + 87, leftConnectNode.id, edgeTop.id, edgeBottom.id)
rightConnectNode.setData({startNodeId: leftConnectNode.id})
leftConnectNode.setData({endNodeId: rightConnectNode.id})
@@ -1992,103 +2015,84 @@
connector: {name: 'rounded'}
})*/
this.graph.addEdge({
- source: {cell: leftConnectNode, port: 'right1'},
- target: {cell: leftTopDashedBox, port: 'left1'},
+ source: {cell: leftConnectNode},
+ target: {cell: leftTopDashedBox},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: ['top', 'bottom'],
+ endDirections: ['left'],
},
},
connector: {name: 'rounded'},
+ zIndex: -1
})
this.graph.addEdge({
- source: {cell: leftConnectNode, port: 'right1'},
- target: {cell: leftBottomDashedBox, port: 'left1'},
+ source: {cell: leftConnectNode},
+ target: {cell: leftBottomDashedBox},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
+ startDirections: ['top', 'bottom'], // 浠庝笅鏂瑰紑濮�
endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
},
},
connector: {name: 'rounded'},
- })
-
- let edgeTop = this.graph.addEdge({
- source: {cell: leftTopDashedBox, port: 'right1'},
- target: {cell: rightTopDashedBox, port: 'left1'},
- router: {
- name: 'manhattan',
- args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
- },
- },
- connector: {name: 'rounded'},
- })
- let edgeBottom = this.graph.addEdge({
- source: {cell: leftBottomDashedBox, port: 'right1'},
- target: {cell: rightBottomDashedBox, port: 'left1'},
- router: {
- name: 'manhattan',
- args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
- },
- },
- connector: {name: 'rounded'},
+ zIndex: -1
})
this.graph.addEdge({
- source: {cell: rightTopDashedBox, port: 'right1'},
- target: {cell: rightConnectNode, port: 'left1'},
+ source: {cell: rightTopDashedBox},
+ target: {cell: rightConnectNode},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: ['right'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['top', 'bottom'], // 鍚戝乏鏂圭粨鏉�
},
},
connector: {name: 'rounded'},
+ zIndex: -1
})
this.graph.addEdge({
- source: {cell: rightBottomDashedBox, port: 'right1'},
- target: {cell: rightConnectNode, port: 'left1'},
+ source: {cell: rightBottomDashedBox},
+ target: {cell: rightConnectNode},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: ['right'],
+ endDirections: ['top', 'bottom'],
},
},
connector: {name: 'rounded'},
+ zIndex: -1
})
this.graph.addEdge({
source: {cell: edgeTop},
- target: {cell: alignCenterDashedBox, port: 'top1'},
+ target: {cell: alignCenterDashedBox},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: ['top', 'bottom'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['top', 'bottom'], // 鍚戝乏鏂圭粨鏉�
},
},
connector: {name: 'rounded'},
+ zIndex: -1
})
this.graph.addEdge({
- source: {cell: alignCenterDashedBox, port: 'bottom1'},
+ source: {cell: alignCenterDashedBox},
target: {cell: edgeBottom},
router: {
name: 'manhattan',
args: {
- startDirections: ['top','bottom'], // 浠庝笅鏂瑰紑濮�
- endDirections: ['left'], // 鍚戝乏鏂圭粨鏉�
+ startDirections: ['top', 'bottom'], // 浠庝笅鏂瑰紑濮�
+ endDirections: ['top', 'bottom'], // 鍚戝乏鏂圭粨鏉�
},
},
connector: {name: 'rounded'},
+ zIndex: -1
})
dragNode.remove()
return {newStartNode: leftConnectNode, newEndNode: rightConnectNode}
@@ -2114,7 +2118,7 @@
'xlink:href': '/modelImg/dashedBox.svg',
},
text: {
- text: 'dashedBox',
+ text: '',
fontSize: 14,
refX: 0.5,
refY: '100%',
@@ -2150,7 +2154,7 @@
'xlink:href': '/modelImg/connect.svg',
},
text: {
- text: 'connect',
+ text: '',
fontSize: 14,
refX: 0.5,
refY: '100%',
@@ -2164,18 +2168,19 @@
connectNode.position(x, y - connectNode.size().height / 2)
return connectNode
},
- createBridgeNode(x, y) {
- const connectId = getUUID().toString()
+ createBridgeNode(x, y, connectId, edgeTopId, edgeBottomId) {
const dragNodeId = getUUID().toString()
let bridgeNode = this.graph.addNode({
shape: 'image',
width: 30,
height: 30,
- id: connectId,
+ id: dragNodeId,
data: {
isSelfCreated: true,
type: 'imageNodes',
- endNodeId: dragNodeId,
+ startNodeId: connectId,
+ edgeTopId: edgeTopId,
+ edgeBottomId: edgeBottomId,
dataId: '',
nodeType: 'bridge',
nodeTypeExt: '',
@@ -2274,9 +2279,20 @@
return false
},
isTopBottom(edge) {
- if (edge.source.port === 'top1' || edge.source.port === 'bottom1' || edge.target.port === 'top1' || edge.target.port === 'bottom1') {
+ if (this.hasTopBottom(edge.getRouter().args.startDirections) && this.hasTopBottom(edge.getRouter().args.endDirections)) {
return true
}
+ return false
+ },
+ hasTopBottom(object) {
+ let result = false
+ for (let a of object) {
+ if (a == "top" || a == "bottom") {
+ result = true
+ break
+ }
+ }
+ return result
},
isMultipleBrach(node) {
let outEdges = this.getOutLinesOfNode(node)
--
Gitblit v1.9.1