From 0f8be5eece9ec8a8a03dc7d4e4b3231e4dc4ebb6 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期三, 28 九月 2022 16:19:07 +0800
Subject: [PATCH] 添加时间段 删除取消确定按钮

---
 src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue |   45 ++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue b/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue
index 19dd78a..b5be873 100644
--- a/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue
+++ b/src/views/equipmentManagement/equipmentList/components/QuitClusterBox.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="QuitClusterBox">
     <div class="title">閫�鍑洪泦缇�</div>
-    <div class="name">189鏈嶅姟鍣�</div>
+    <div class="name">{{ equipment.devName }}</div>
 
     <el-form
       :model="formData"
@@ -28,7 +28,7 @@
 
     <div class="btns">
       <div class="cancel button" @click="close()">鍙栨秷</div>
-      <div class="submit button" @click="close()">閫�鍑洪泦缇�</div>
+      <div class="submit button" @click="leave()">閫�鍑洪泦缇�</div>
     </div>
 
     <div class="close iconfont" @click="close()">&#xe60f;</div>
@@ -36,20 +36,51 @@
 </template>
 
 <script>
+import { findCluster, leave } from "@/api/clusterManage";
 export default {
+  props: {
+    equipment: {},
+  },
+  created() {
+    this.getCluster();
+  },
   data() {
     return {
       formData: {
-        name: "189闆嗙兢",
-        id: "5ee1dfa8-e3fb-4d62-8692-388d7632859b",
-        password: "123456",
-        ip: "192.168.20.117",
+        name: "",
+        id: "",
+        password: "",
+        ip: "",
       },
     };
   },
   methods: {
     close() {
       this.$emit("close");
+    },
+    async getCluster() {
+      let res = await findCluster({
+        nodeId: this.equipment.devId,
+      });
+      if (res && res.success) {
+        if (res.data && res.data.clusterId) {
+          this.formData.name = res.data.clusterName;
+          this.formData.id = res.data.clusterId;
+          this.formData.password = "******";
+          this.formData.ip = res.data.virtualIp;
+        }
+      }
+    },
+    async leave() {
+      const res = await leave({
+        nodeId: this.equipment.devId,
+      });
+      if (res && res.success) {
+        this.$notify({
+          message: "鎿嶄綔鎴愬姛",
+          type: "success",
+        });
+      }
     },
   },
 };
@@ -111,7 +142,7 @@
   .btns {
     margin-top: 20px;
     display: flex;
-    justify-content: end;
+    justify-content: flex-end;
     text-align: center;
     line-height: 32px;
     font-size: 14px;

--
Gitblit v1.8.0