调整底库管理页面的样式

zhangzengfei

2020-10-19 f6571b7877dc749ad83c01e748653cfa13f2308f

 src/components/serfDiagram/index.vue

@@ -40,7 +40,7 @@
      toolTipStyle: {
        display: "none",
        height: "30px",
        width: "120px"
        width: "150px"
      }
    };
  },
@@ -52,12 +52,11 @@
          id: i,
          name: v.nodeName,
          svgSym: RoleIcon[v.role],
          _color:
            this.agent === v.nodeName
              ? "red"
              : v.role === "master"
          _color: 
              v.role === "master"
                ? "orange"
                : ""

        });
      });

@@ -129,7 +128,7 @@
      this.toolTipStyle.display = "block";
      this.toolTipStyle.top = node.y - 60 + "px";
      this.toolTipStyle.left = node.x + "px";

      console.log(this.members[node.id])
      this.toolTipNode = this.members[node.id].nodeName;
      this.toolTipAddr = this.members[node.id].Address;
    },
@@ -267,7 +266,7 @@
.arrow_box p {
  height: 30px;
  line-height: 30px;
  width: 100px;
  width: 100%;
  overflow: hidden;
}
.arrow_box:after,