From c85f0a199507c0464c0d53036956aaba0789e971 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期五, 01 九月 2023 11:38:23 +0800 Subject: [PATCH] update 优化 控制台debuger位置错误问题 update 优化 TopNav 菜单样式 fix 修复 布局配置失效问题 --- src/views/system/user/profile/index.vue | 67 +++++++++++++++++++-------------- 1 files changed, 38 insertions(+), 29 deletions(-) diff --git a/src/views/system/user/profile/index.vue b/src/views/system/user/profile/index.vue index 73496b3..8866e0b 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"> @@ -38,7 +10,7 @@ </template> <div> <div class="text-center"> - <userAvatar :user="state.user" /> + <userAvatar/> </div> <ul class="list-group list-group-striped"> <li class="list-group-item"> @@ -83,9 +55,46 @@ <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 { 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