From 0ca28996d111327db285b943e0c0021133515d69 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Tue, 12 Dec 2023 17:27:11 +0800
Subject: [PATCH] finish rename department function

---
 frontend/src/components/PGTree.vue | 40 ++++++++++++++++++++++++------
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/PGTree.vue b/frontend/src/components/PGTree.vue
index f320606..bcd3f65 100644
--- a/frontend/src/components/PGTree.vue
+++ b/frontend/src/components/PGTree.vue
@@ -12,12 +12,12 @@
                         <el-icon>
                             <Plus />
                         </el-icon>
-                        <el-icon>
-                            <EditPen />{{ console.log(node) }}
-                        </el-icon>
                         <el-icon v-if="data.id !== 1">
                             <Delete />
                         </el-icon>
+                        <el-icon @click.stop="renameNode(node, data)">
+                            <EditPen />{{ console.log(node) }}
+                        </el-icon>
                     </span>
                 </span>
             </template>
@@ -27,9 +27,9 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import { ElMessage } from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
 
-import { getSubDepartment } from "@/request/cluster";
+import { getSubDepartment, updateDepartment } from "@/request/cluster";
 import { RespCodeOK } from "@/request/request";
 
 const props = defineProps({
@@ -57,7 +57,7 @@ const props = defineProps({
         default: false,
     },
     // 是否可编辑
-    editable:{
+    editable: {
         type: Boolean,
         default: false,
     },
@@ -71,6 +71,10 @@ const department = ref([{}])
 const departmentID = ref(1)
 
 onMounted(() => {
+    updateDepartmentInfo()
+})
+
+function updateDepartmentInfo() {
     getSubDepartment({
         DepartID: departmentID.value,
     }).then((resp: any) => {
@@ -82,11 +86,33 @@ onMounted(() => {
     }).catch((err: any) => {
         ElMessage.error("failed to get department info:" + err.msg)
     })
-})
+}
 
 function allowDrag() {
     return props.dragable
 }
+
+function renameNode(node: any, data: any) {
+    ElMessageBox.prompt('输入节点名字', '编辑节点', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+    }).then(({ value }) => {
+        updateDepartment({ 'DepartID': data.id, 'DepartName': value }).then((resp:any) => {
+            if (resp.code === 200) {
+                ElMessage.success('修改成功');
+                node.parent.loaded = false;
+                node.parent.expand();
+                updateDepartmentInfo();
+            } else {
+                ElMessage.error(resp.msg)
+            }
+        }).catch((err: any) => {
+            ElMessage.error('修改失败:' + err.msg)
+        })
+    }).catch((err:any) => {
+        console.log(err)
+    });
+}
 </script>
 
 <style lang="scss" scoped>
-- 
Gitee