From 319b37fe98d04df1e3af0f0d956ab42cb057680c Mon Sep 17 00:00:00 2001 From: LiuHao <liuhaoai545@gmail.com> Date: 星期二, 20 六月 2023 19:15:58 +0800 Subject: [PATCH] 合并 ts --- src/views/system/user/profile/index.vue | 68 ++++++++++++++++++++-------------- 1 files changed, 40 insertions(+), 28 deletions(-) diff --git a/src/views/system/user/profile/index.vue b/src/views/system/user/profile/index.vue index 73496b3..31dc6ea 100644 --- a/src/views/system/user/profile/index.vue +++ b/src/views/system/user/profile/index.vue @@ -1,31 +1,3 @@ -<script setup name="Profile" lang="ts"> -import userAvatar from "./userAvatar.vue"; -import userInfo from "./userInfo.vue"; -import resetPwd from "./resetPwd.vue"; -import { getUserProfile } from "@/api/system/user"; - -const activeTab = ref("userinfo"); -const state = ref<{ user: any; roleGroup: string; postGroup: string}>({ - user: {}, - roleGroup: '', - postGroup: '' -}); - -const userForm = ref({}); - -const getUser = async () => { - const res = await getUserProfile(); - state.value.user = res.data.user; - userForm.value = { ...res.data.user } - state.value.roleGroup = res.data.roleGroup; - state.value.postGroup = res.data.postGroup; -}; - -onMounted(() => { - getUser(); -}) -</script> - <template> <div class="p-2"> <el-row :gutter="20"> @@ -83,9 +55,49 @@ <el-tab-pane label="淇敼瀵嗙爜" name="resetPwd"> <resetPwd /> </el-tab-pane> + <el-tab-pane label="绗笁鏂瑰簲鐢�" name="thirdParty"> + <thirdParty :auths="state.auths" /> + </el-tab-pane> </el-tabs> </el-card> </el-col> </el-row> </div> </template> + +<script setup name="Profile" lang="ts"> +import userAvatar from "./userAvatar.vue"; +import userInfo from "./userInfo.vue"; +import resetPwd from "./resetPwd.vue"; +import thirdParty from "./thirdParty.vue"; +import { getAuthList } from "@/api/system/social/auth"; +import { getUserProfile } from "@/api/system/user"; + +const activeTab = ref("userinfo"); +const state = ref<Record<string, any>>({ + user: {}, + roleGroup: '', + postGroup: '', + auths: [] +}); + +const userForm = ref({}); + +const getUser = async () => { + const res = await getUserProfile(); + state.value.user = res.data.user; + userForm.value = { ...res.data.user } + state.value.roleGroup = res.data.roleGroup; + state.value.postGroup = res.data.postGroup; +}; + +const getAuths = async () => { + const res = await getAuthList(); + state.value.auths = res.data; +}; + +onMounted(() => { + getUser(); + getAuths(); +}) +</script> -- Gitblit v1.9.3