From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期三, 13 十月 2021 13:51:03 +0800 Subject: [PATCH] 拓扑图 --- src/pages/settings/views/clusterManagement.vue | 21 +++++++++++---------- 1 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/pages/settings/views/clusterManagement.vue b/src/pages/settings/views/clusterManagement.vue index 8a451a2..970ca94 100644 --- a/src/pages/settings/views/clusterManagement.vue +++ b/src/pages/settings/views/clusterManagement.vue @@ -2,7 +2,8 @@ <div class="all"> <!-- --> <div class="cluster-guanli" v-if="showCurCluster && isHasColony"> - <cloud-node :nodes="innerNodes"></cloud-node> + <!-- <cloud-node :nodes="innerNodes"></cloud-node> --> + <net-node :innerNodes="innerNodes"></net-node> <div class="cls-bar">瑙嗛鍒嗘瀽闆嗙兢绠$悊</div> @@ -33,7 +34,7 @@ > <span class="icon iconfont" - style="font-size: 20px; color: #4e94ff" + style="font-size: 20px; color: var(--colorCard)" @click="updateCluster(1)" v-show="isFillingName" ></span @@ -79,7 +80,7 @@ <span class="icon iconfont" @click="updateCluster(2)" - style="font-size: 20px; color: #4e94ff" + style="font-size: 20px; color: var(--colorCard)" v-show="isFillingIp" ></span > @@ -222,7 +223,8 @@ updateClusterName, joinCluster, } from "@/api/clusterManage"; -import cloudNode from "../components/CloudNode"; +// import cloudNode from "../components/CloudNode"; +import NetNode from '../components/NetNode' import ipInput from "../components/IPInput"; import { isIPv4 } from "@/scripts/validate"; @@ -296,8 +298,9 @@ }; }, components: { - cloudNode, - ipInput, + // cloudNode, + NetNode, + ipInput }, mounted() { this.findCluster(); @@ -774,8 +777,6 @@ > .el-form-item__label:before { display: none; } - .create-new { - } .el-form-item__content { line-height: 48px; @@ -799,7 +800,7 @@ .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #f2f2f7; - color: #4e94ff; + color: var(--colorCard); } } } @@ -820,7 +821,7 @@ font-weight: bold; } .el-input__inner:focus { - border: 2px solid #4e94ff; + border: 2px solid var(--colorCard); } .el-input__inner::placeholder { color: #c0c4cc; -- Gitblit v1.8.0