From aed8c89dedf94b98c4b6e988388fbe147f99dab5 Mon Sep 17 00:00:00 2001 From: David Wei Date: 星期日, 08 十月 2023 16:05:58 +0800 Subject: [PATCH] update 优化 通过参数键名获取键值接口的返回体 --- src/views/system/user/index.vue | 50 +++++++++++++++++++++++--------------------------- 1 files changed, 23 insertions(+), 27 deletions(-) diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue index 8e3bcfa..9a6d82c 100644 --- a/src/views/system/user/index.vue +++ b/src/views/system/user/index.vue @@ -154,7 +154,7 @@ </el-row> <!-- 娣诲姞鎴栦慨鏀圭敤鎴烽厤缃璇濇 --> - <el-dialog :title="dialog.title" v-model="dialog.visible" width="600px" append-to-body @close="closeDialog"> + <el-dialog ref="formDialogRef" :title="dialog.title" v-model="dialog.visible" width="600px" append-to-body @close="closeDialog"> <el-form :model="form" :rules="rules" ref="userFormRef" label-width="80px"> <el-row> <el-col :span="12"> @@ -299,12 +299,12 @@ <script setup name="User" lang="ts"> import api from "@/api/system/user" import { UserForm, UserQuery, UserVO } from '@/api/system/user/types'; -import { getToken } from "@/utils/auth"; import { treeselect } from "@/api/system/dept"; import { DeptVO } from "@/api/system/dept/types"; import { RoleVO } from "@/api/system/role/types"; import { PostVO } from "@/api/system/post/types"; import { to } from "await-to-js"; +import { globalHeaders } from "@/utils/request"; const router = useRouter(); const { proxy } = getCurrentInstance() as ComponentInternalInstance @@ -334,7 +334,7 @@ // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹� updateSupport: 0, // 璁剧疆涓婁紶鐨勮姹傚ご閮� - headers: { Authorization: "Bearer " + getToken() }, + headers: globalHeaders(), // 涓婁紶鐨勫湴鍧� url: import.meta.env.VITE_APP_BASE_API + "/system/user/importData" }) @@ -354,6 +354,7 @@ const queryFormRef = ref<ElFormInstance>(); const userFormRef = ref<ElFormInstance>(); const uploadRef = ref<ElUploadInstance>(); +const formDialogRef = ref<ElDialogInstance>(); const dialog = reactive<DialogOption>({ visible: false, @@ -547,40 +548,35 @@ } /** 鍙栨秷鎸夐挳 */ const cancel = () => { - reset(); dialog.visible = false; + reset(); } /** 鏂板鎸夐挳鎿嶄綔 */ -const handleAdd = () => { +const handleAdd = async () => { + reset(); + const { data } = await api.getUser(); dialog.visible = true; dialog.title = "鏂板鐢ㄦ埛"; - nextTick(async () => { - reset(); - await initTreeData(); - const { data } = await api.getUser(); - postOptions.value = data.posts; - roleOptions.value = data.roles; - form.value.password = initPassword.value; - }) + await initTreeData(); + postOptions.value = data.posts; + roleOptions.value = data.roles; + form.value.password = initPassword.value; } /** 淇敼鎸夐挳鎿嶄綔 */ -const handleUpdate = (row?: UserForm) => { +const handleUpdate = async (row?: UserForm) => { + reset(); + const userId = row?.userId || ids.value[0] + const { data } = await api.getUser(userId) dialog.visible = true; dialog.title = "淇敼鐢ㄦ埛"; - nextTick(async () => { - reset(); - await initTreeData(); - const userId = row?.userId || ids.value[0] - const { data } = await api.getUser(userId) - Object.assign(form.value, data.user); - postOptions.value = data.posts; - roleOptions.value = data.roles; - form.value.postIds = data.postIds; - form.value.roleIds = data.roleIds; - form.value.password = ""; - }) - + await initTreeData(); + Object.assign(form.value, data.user); + postOptions.value = data.posts; + roleOptions.value = data.roles; + form.value.postIds = data.postIds; + form.value.roleIds = data.roleIds; + form.value.password = ""; } /** 鎻愪氦鎸夐挳 */ -- Gitblit v1.9.3