tab禁用

ZZJ

2022-01-12 9d43e7051075f1fc1b2fee680a79f90becddd63f

 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();

@@ -736,8 +739,10 @@
    box-sizing: border-box;

    flex-shrink: 0;

    padding: 10px;

    padding-top: 6px;

    border-right: 4px solid #f2f2f7;

    border-left: 4px solid #f2f2f7;

    border-top: 4px solid #f2f2f7;

    .menu-item {

      background-color: #f8f8f8;

      cursor: pointer;

@@ -766,15 +771,15 @@
    overflow: auto;

    box-sizing: border-box;

    position: relative;

    border-top: 4px solid #f2f2f7;

    padding: 20px 40px;

    padding-top: 16px;

    .el-form-item.is-required:not(.is-no-asterisk)

      > .el-form-item__label:before,

    .el-form-item.is-required:not(.is-no-asterisk)

      .el-form-item__label-wrap

      > .el-form-item__label:before {

      display: none;

    }

    .create-new {

    }



    .el-form-item__content {

@@ -799,7 +804,7 @@
        .el-select-dropdown__item.hover,

        .el-select-dropdown__item:hover {

          background-color: #f2f2f7;

          color: #4e94ff;

          color: var(--colorCard);

        }

      }

    }

@@ -820,7 +825,7 @@
        font-weight: bold;

      }

      .el-input__inner:focus {

        border: 2px solid #4e94ff;

        border: 2px solid var(--colorCard);

      }

      .el-input__inner::placeholder {

        color: #c0c4cc;