From 7438f8a68f22ad257239acd9d66f8e504724202e Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Mon, 27 Nov 2023 12:44:07 +0800
Subject: [PATCH] display change department dialog on click button

---
 frontend/src/views/Cluster/Cluster.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Cluster/Cluster.vue b/frontend/src/views/Cluster/Cluster.vue
index f950167..3a38177 100644
--- a/frontend/src/views/Cluster/Cluster.vue
+++ b/frontend/src/views/Cluster/Cluster.vue
@@ -19,7 +19,7 @@
                         <template #dropdown>
                             <el-dropdown-menu>
                                 <el-dropdown-item>
-                                    <auth-button auth="dept_change" :show="true">
+                                    <auth-button auth="dept_change" :show="true" @click="showChangeDepartDialog = true">
                                         变更部门
                                     </auth-button>
                                 </el-dropdown-item>
@@ -56,6 +56,11 @@
                 </template>
             </PGTable>
         </div>
+
+        <el-dialog title="主机部门变更" v-model="showChangeDepartDialog">
+            <change-depart>
+            </change-depart>
+        </el-dialog>
     </div>
 </template>
 
@@ -67,6 +72,7 @@ import AuthButton from "@/components/AuthButton.vue";
 import PGTable from "@/components/PGTable.vue";
 import PGTree from "@/components/PGTree.vue";
 import StateDot from "@/components/StateDot.vue";
+import ChangeDepart from "./components/ChangeDepart.vue";
 
 import { getDepartMachines, getSubDepartment } from "@/request/cluster";
 import { RespCodeOK } from "@/request/request";
@@ -83,6 +89,8 @@ const currentPage = ref(1)
 const pageSize = ref(10)
 const total = ref(0)
 
+const showChangeDepartDialog = ref(false)
+
 onMounted(() => {
     getDepartMachines({
         page: currentPage.value,
-- 
Gitee