From 1b6ffa0cb9061be5e3b719c10aba8a33944444a1 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Wed, 6 Dec 2023 15:49:06 +0800
Subject: [PATCH] add user update parameter passing

---
 frontend/src/views/User/User.vue              |  4 ++-
 .../src/views/User/components/UpdateUser.vue  | 27 +++++++++++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/User/User.vue b/frontend/src/views/User/User.vue
index 66378eb..6f895c8 100644
--- a/frontend/src/views/User/User.vue
+++ b/frontend/src/views/User/User.vue
@@ -34,7 +34,7 @@
 
         <el-dialog :title="title" v-model="display" width="560px">
             <AddUser v-if="displayDialog === 'AddUser'"/>
-            <UpdateUser v-if="displayDialog === 'UpdateUser'" />
+            <UpdateUser v-if="displayDialog === 'UpdateUser'" :user="editedUser" />
         </el-dialog>
     </div>
 </template>
@@ -84,7 +84,9 @@ function onAddUser() {
     display.value = true
 }
 
+const editedUser = ref<any>({})
 function onUpdateUser(data:any) {
+    editedUser.value = data
     title.value = "编辑用户"
     displayDialog.value = "UpdateUser"
     display.value = true
diff --git a/frontend/src/views/User/components/UpdateUser.vue b/frontend/src/views/User/components/UpdateUser.vue
index c8927cc..d616e72 100644
--- a/frontend/src/views/User/components/UpdateUser.vue
+++ b/frontend/src/views/User/components/UpdateUser.vue
@@ -2,7 +2,7 @@
     <div>
         <el-form :model="form" ref="formRef" :rules="rules" label-width="100px">
             <el-form-item label="用户名:" prop="username">
-                <el-input class="ipInput" type="text" :disabled="disabled" v-model="form.username"
+                <el-input class="ipInput" type="text" :disabled="disabled" v-model="form.userName"
                     autocomplete="off"></el-input>
             </el-form-item>
             <el-form-item label="部门:" prop="departName">
@@ -27,14 +27,14 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 
 import PGTree from "@/components/PGTree.vue";
 
 import { checkEmail, checkPhone } from "./logic";
 
 const rules = {
-    username: [
+    userName: [
         {
             required: true,
             message: "请输入用户名",
@@ -64,22 +64,39 @@ const rules = {
         }],
 }
 
+const props = defineProps({
+    user: {
+        type: Object,
+        default: {},
+    }
+})
 
 const disabled = ref(true)
 
 const formRef = ref()
 const form = ref<any>({
     userName: "",
-    password: "",
     phone: "",
     email: "",
     departName: "",
     departId: "",
     departPid: "",
-    role: "",
 });
 
 
+onMounted(() => {
+    setUserInfo()
+})
+
+function setUserInfo() {
+    form.value.userName = props.user.username
+    form.value.phone = props.user.phone
+    form.value.email = props.user.email
+    form.value.departName = props.user.departName
+    form.value.departId = props.user.departid
+    form.value.departPid = props.user.departPId
+}
+
 
 </script>
 
-- 
Gitee