From dc14fbf78c19bbe343a79547260ead1e4bd9d24e Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期三, 21 十月 2020 20:18:57 +0800 Subject: [PATCH] 集群管理,统计查询(集群)更新 --- src/components/serfDiagram/index.vue | 26 ++++++++++++++++++++++---- 1 files changed, 22 insertions(+), 4 deletions(-) diff --git a/src/components/serfDiagram/index.vue b/src/components/serfDiagram/index.vue index b87364c..b07b2bb 100644 --- a/src/components/serfDiagram/index.vue +++ b/src/components/serfDiagram/index.vue @@ -41,7 +41,8 @@ toolTipStyle: { display: "none", height: "30px", - width: "150px" + width: "186px", + borderColor: "#ccc" } }; }, @@ -130,9 +131,26 @@ 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})`; } }, @@ -263,7 +281,7 @@ 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; } -- Gitblit v1.8.0