拓扑图

ZZJ

2021-10-13 878ce80ef3ca88a2c108fbc713cd6ea461c44de1

 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"

            >&#xe62a;</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"

            >&#xe62a;</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;