From a30b32d5d7529c0026be54b21f02af2455a9ceb3 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Wed, 6 Dec 2023 16:09:04 +0800
Subject: [PATCH] finish update user info module

---
 .../src/views/User/components/AddUser.vue     |  2 +-
 .../src/views/User/components/UpdateUser.vue  | 40 ++++++++++++++++++-
 2 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/User/components/AddUser.vue b/frontend/src/views/User/components/AddUser.vue
index 9ff4d01..a9ac75b 100644
--- a/frontend/src/views/User/components/AddUser.vue
+++ b/frontend/src/views/User/components/AddUser.vue
@@ -144,7 +144,7 @@ function onAddUser() {
                     ElMessage.success(res.msg);
                     formRef.value.resetFields();
                 } else {
-                    ElMessage.error(res.msg);
+                    ElMessage.error("添加用户失败:", res.msg);
                 }
             }).catch((err: any) => {
                 ElMessage.error("添加用户失败:", err.msg);
diff --git a/frontend/src/views/User/components/UpdateUser.vue b/frontend/src/views/User/components/UpdateUser.vue
index d616e72..a273550 100644
--- a/frontend/src/views/User/components/UpdateUser.vue
+++ b/frontend/src/views/User/components/UpdateUser.vue
@@ -8,7 +8,7 @@
             <el-form-item label="部门:" prop="departName">
                 <el-input class="ipInput" controls-position="right" :disabled="disabled" v-model="form.departName"
                     autocomplete="off"></el-input>
-                <PGTree style="width: 98%;" :showHeader="false" :showEdit="false" ref="tree">
+                <PGTree style="width: 98%;" :showHeader="false" :showEdit="false" :onNodeClicked="onDepartSelected">
                 </PGTree>
             </el-form-item>
             <el-form-item label="手机号:" prop="phone">
@@ -21,16 +21,19 @@
         </el-form>
 
         <div class="dialog-footer">
-            <el-button type="primary">确 定</el-button>
+            <el-button type="primary" @click="onUpdateUser">确 定</el-button>
         </div>
     </div>
 </template>
 
 <script lang="ts" setup>
 import { ref, onMounted } from "vue";
+import { ElMessage } from 'element-plus';
 
 import PGTree from "@/components/PGTree.vue";
 
+import { RespCodeOK } from "@/request/request";
+import { updateUser } from '@/request/user';
 import { checkEmail, checkPhone } from "./logic";
 
 const rules = {
@@ -97,6 +100,39 @@ function setUserInfo() {
     form.value.departPid = props.user.departPId
 }
 
+function onDepartSelected(data: any) {
+    if (data) {
+        form.value.departName = data.label;
+        form.value.departId = data.id;
+        form.value.departPid = data.pid;
+    }
+}
+function onUpdateUser() {
+    formRef.value.validate((valid: boolean) => {
+        if (valid) {
+            updateUser({
+                username: form.value.userName,
+                phone: form.value.phone,
+                email: form.value.email,
+                departName: form.value.departName,
+                departId: form.value.departId,
+                departPid: form.value.departPid,
+            }).then((res: any) => {
+                if (res.data.code === RespCodeOK) {
+                    ElMessage.success(res.msg);
+                    formRef.value.resetFields();
+                } else {
+                    ElMessage.error("修改用户信息失败:", res.msg);
+                }
+            }).catch((err: any) => {
+                ElMessage.error("修改用户信息失败", err.msg);
+            });
+        } else {
+            ElMessage.error("内容填写错误");
+        }
+    });
+}
+
 
 </script>
 
-- 
Gitee