From a3f357e8a60443b74b64c7479113c68eb35ce1f5 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期五, 15 七月 2022 19:44:57 +0800
Subject: [PATCH] 控制轮询

---
 src/pages/settings/views/clusterManagement.vue |   65 +++++++++++++++++++++-----------
 1 files changed, 43 insertions(+), 22 deletions(-)

diff --git a/src/pages/settings/views/clusterManagement.vue b/src/pages/settings/views/clusterManagement.vue
index 82da64e..a903df7 100644
--- a/src/pages/settings/views/clusterManagement.vue
+++ b/src/pages/settings/views/clusterManagement.vue
@@ -2,7 +2,7 @@
   <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>
@@ -205,6 +205,18 @@
               </el-input>
             </el-form-item>
           </el-form>
+          <div class="clu-list">
+            <!-- :class="pickedNodeI == index ? 'clu-item-active' : ''" -->
+            <div
+              class="clu-item"
+              v-for="(item, index) in members"
+              :key="index"
+              @click="pickNode(index)"
+            >
+              <i class="iconfont">&#xe727;</i>
+              {{ item.Address }}
+            </div>
+          </div>
           <div class="btns">
             <div class="ok" @click="join('joinForm')">鍔犲叆闆嗙兢</div>
           </div>
@@ -226,7 +238,7 @@
   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";
@@ -247,7 +259,7 @@
     };
     const checkID = (rule, value, callback) => {
       if (!value) {
-        return callback(new Error("瀵嗙爜涓嶈兘涓虹┖"));
+        return callback(new Error("ID涓嶈兘涓虹┖"));
       }
     };
     return {
@@ -302,7 +314,7 @@
     };
   },
   components: {
-    cloudNode,
+    // cloudNode,
     NetNode,
     ipInput,
   },
@@ -412,12 +424,9 @@
       });
     },
     join(formName) {
-      debugger;
       let _this = this;
       this.$refs[formName].validate((valid) => {
-        debugger;
         if (valid) {
-          debugger;
           _this.joinLoading = true;
           let data = {
             clusterId: _this.joinForm.clusterid,
@@ -533,6 +542,8 @@
     },
     exitCluster() {
       const h = this.$createElement;
+      let res = {};
+
       this.$msgbox({
         title: "",
         message: h(
@@ -557,19 +568,29 @@
         //   this.showCurCluster = false;
         // }
         async () => {
-          let res = await leave();
-          this.$notify({
-            title: res.success ? "鎴愬姛" : "澶辫触",
-            message: res.msg,
-            type: res.success ? "success" : "error",
-          });
-          if (res && res.success) {
-            clearInterval(this.intervalTimer);
-            this.showCurCluster = false;
-            this.ruleForm.virtualIp = "";
-            this.ruleForm.clustername = "";
-            this.ruleForm.clusterpwd = "";
-            this.clusterid = "";
+          try {
+            res = await leave();
+            if (res && res.success) {
+              clearInterval(this.intervalTimer);
+              this.showCurCluster = false;
+              this.ruleForm.virtualIp = "";
+              this.ruleForm.clustername = "";
+              this.ruleForm.clusterpwd = "";
+              this.clusterid = "";
+            }
+
+            this.$notify({
+              title: res.success ? "鎴愬姛" : "澶辫触",
+              message: res.msg,
+              type: res.success ? "success" : "error",
+            });
+            this.findCluster();
+          } catch (err) {
+            console.log(err);
+            this.$notify.error({
+              title: "澶辫触",
+              message: err.msg,
+            });
           }
         },
         (err) => {
@@ -681,7 +702,7 @@
 }
 .cluster-guanli {
   margin: 0 auto;
-  width: 760px;
+  // width: 760px;
   padding: 0 10px;
   .btns {
     margin-top: 30px !important;
@@ -894,7 +915,7 @@
       left: 20px;
     }
     .el-form-item {
-      margin-bottom: 10px;
+      margin-bottom: 16px;
       .el-input__inner {
         background-color: #ffffff;
         border: 2px solid transparent;

--
Gitblit v1.8.0