From e1023bb3313282b00d6dcdefd5d7e30d7aaa1bfc Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期四, 30 十一月 2023 11:13:29 +0800 Subject: [PATCH] update 优化 代码中存在的警告 --- src/views/system/user/profile/index.vue | 70 ++++++++++++++++++++-------------- 1 files changed, 41 insertions(+), 29 deletions(-) diff --git a/src/views/system/user/profile/index.vue b/src/views/system/user/profile/index.vue index 73496b3..47a6632 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,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