From 6a5962fe9544005dba620b00fb36c25fe2da4e76 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 16 十一月 2021 15:24:46 +0800
Subject: [PATCH] 后端没修改的情况下添加默认背景图

---
 src/pages/settings/views/clusterManagement.vue |   25 +++++++++++++++----------
 1 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/settings/views/clusterManagement.vue b/src/pages/settings/views/clusterManagement.vue
index 91df6c6..34d0f46 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"
             >&#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;

--
Gitblit v1.8.0