| | |
| | | toolTipStyle: { |
| | | display: "none", |
| | | height: "30px", |
| | | width: "150px" |
| | | width: "186px", |
| | | borderColor: "#ccc" |
| | | } |
| | | }; |
| | | }, |
| | |
| | | this.toolTipStyle.display = "block"; |
| | | this.toolTipStyle.top = node.y - 60 + "px"; |
| | | this.toolTipStyle.left = node.x + "px"; |
| | | console.log(this.members[node.id]) |
| | | console.log(this.members[node.id]); |
| | | let workName = ''; |
| | | switch(this.members[node.id].workType){ |
| | | case '01': |
| | | workName = '分析' |
| | | break; |
| | | case '02': |
| | | workName = '存储' |
| | | break; |
| | | case '03': |
| | | workName = '分析+存储' |
| | | break; |
| | | case '04': |
| | | workName = '应用' |
| | | break; |
| | | default: |
| | | return; |
| | | } |
| | | this.toolTipNode = this.members[node.id].nodeName; |
| | | this.toolTipAddr = this.members[node.id].Address; |
| | | this.toolTipAddr = `${this.members[node.id].Address}(${workName})`; |
| | | } |
| | | |
| | | }, |
| | |
| | | position: absolute; |
| | | background: #fff; |
| | | /* border: 1px solid #127862; */ |
| | | border: 1px solid rgba(76, 78, 78, 0.7); |
| | | border: 1px solid #ccc; |
| | | font-size: 11px; |
| | | padding-left: 5px; |
| | | } |